- 博客(28)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 metabase前端开发环境构建（win10）
windows10：metabase的编译需要用linux或者苹果系统，windows10里面有子系统可以装linux系统，我们利用这一点来构建前端开发环境。会用linux简单指令 ：主要就是切换目录，查看文件和下载这三个简单的指令。具备基本的react开发基础 ：metabase前端采用react开发，对于react需要了解基本的项目构建方式（webpack），如果要二次开发，js基础好的...
2019-09-10 15:50:45
2431
1
原创 nodejs连接池连接oracle并创建查询服务
nodejs 使用连接池连接oracle 并构建查询服务nodejs启动一个简单的服务非常的迅捷，网上大部分数据库都是用的mysql，连接orcale的例子比较年代久远。基于oracle官方提供的node-oracle 模块来进行一次连接oracle，提供简单的查询服务。适用于传统it前端开发环境构建。前端开发环境的思考 ：对于一些公司，系统及其庞大，前端工作可能只是庞大系统的某个业务模块的...
2019-05-27 11:10:14
4016
原创 hexo配置并部署到码云
首先放出我的博客地址,在fan主题的基础上进行了一些修改和替换，感谢fan主题的作者。 hexo是一个静态博客生成框架，码云是国内的一个代码托管平台（类似git）。利用码云的page服务可以很方便的部署和上线一个静态博客或者静态网站。这种page服务我最早在github上接触过，github和码云的page比较：github ：github的page服务也很方便，但是部署了之后会发现访问很...
2019-04-04 16:30:21
5399
3
原创 关于AngularJs1.6.X中组件（component）的使用方法
这个是1.5后新加的内容，我一直找不到关于这块内容的英文文档，下面是我摸索出来的使用方法，配合controllerAs使用。一个组件，是一个被高度重复利用的部分，我们一般希望他是单向的，接收来自外部的状态等变量，来改变自身的内容，并不会影响除了自身以外的作用域变量。component中创建的作用域是不继承$rootScope的，看个例子：angular.module('myApp') .c...
2018-04-23 15:35:25
3562
原创 webpack整合bootstrap4.0和anjular1.x系列
最近古老的项目组突然想学学“新”的东西（相对于jq加ligerui），选了比较保守的一些技术让我们这些小的学。我是自然很高兴，毕业大半年了，一直在传统it里面当前端，东西基本都是原始级的前端，原生js+jq+原生css来写政府项目。虽然比较古老一些，但是对基础知识得到了一定的锻炼吧。这半年都没怎么看新东西，果然与世隔绝。简单的配置了一下webpack，整合了bootstrap4.0和anjular...
2018-04-09 17:07:09
636
原创 js 赋值语句有返回值，就是等号右边的值！
var name = "The Window";var object = { name : "My Object", getName: function(){ return this.name; }};console.log(object.getName()) //My Objectconsole.log((object.getName = ob...
2018-03-23 15:11:00
2691
原创 Warning: Each child in an array or iterator should have a unique "key" prop.
React jsx 中如果遇到要解析数组或者迭代器的时候，其中的项要有一个key属性，这个key属性是一个唯一值（在数组中各个项的key不可以重复，重复的话会出现渲染覆盖。）。如果不加这个key，会影响react的dom-diff算法，具体可以看官方文档 https://doc.react-china.org/docs/reconciliation.html#不加的话，表面上不会影响
2018-02-01 11:41:59
2311
原创 jq获取iframe中的内容
这里需要说明的是，非同源的iframe涉及跨域，我还没有遇到过，理论上是不能对没有权限的非同源iframe中内容进行操作的。 大部分同源情况下，$(window.frames[id].document)可以获取到iframe里面的document，接下来就是基本的dom操作。另外，需要注意的是：如果你用了上面的代码没有获取到想要的内容，请思考如下问题： 1：你要操作的iframe中的dom节点，
2017-11-14 15:51:26
15032
原创 策略模式在前端代码中的应用
策略模式和迭代器模式在代码重构的过程中，常常用来消除大量的重复性判断语句（if，else或try，catch）。分支条件在开发过程中是很好应用的，但是不方便进行维护，也减少代码的可读性和美观。 如果要消除这种分支条件带来的不好的影响，可以使用策略模式和迭代器模式进行编码，这两种模式在应用场景上的主要区别为：迭代器模式按照顺序对聚合对象中的元素进行遍历，因此其元素在某种意义上来讲，具有一定的遍历优先
2017-10-26 11:34:23
650
原创 d3.js 坐标轴（第四版部分api更新）
var width=600; var height=600; var svg=d3.select("body").append("svg").attr("width",width).attr("height",height);// 用于坐标轴的线性比例尺 var xScale = d3.scaleLinear().domain([0,10]).range([0,30
2017-03-29 16:09:35
3125
原创 浮动情况下的负外边距的研究以及经典布局
引子最近看了一眼最新的面试题，准备秋招，发现了一个比较老的题，就是div+css经典布局的二列式布局和三列式布局，比如：两列布局，左边定宽，右边自适应。或者三列布局，两边定宽，中间自适应。这不很好写么，比如我以前这么写 /*css代码*/ body{ margin:0; padding:0; } .lef
2016-07-26 23:33:28
1061
原创 node.js简单服务器创建代码
var http=require("http");http.createServer(function(req,res){ res.writeHead(200,{'Content-type':'text/html;charset=utf-8'}); res.write('<h1>我的第一个node.js服务器程序</h1>'); res.end('<p>by Dove 20
2016-05-24 23:52:57
625
原创 关于node.js配置 Git Bash中node-v 显示command not found
这个是环境变量的问题，安装了node.js 和Git Bash,想要检验安装是否成功，可能会在cmd或者git Bash中用一下node-v来看一下版本。首先，安装了node.js后，你的系统变量会自动设置，而用户变量不会，你要在用户变量Path中加上你的node.js路径，比如你安在了f盘的node.js下，就在用户变量的Path中追加F:\node.js(环境变量的追加方法：用；号来分隔每
2016-04-29 14:59:19
21182
6
原创 js练习排序算法（一）
复习了一下数据结构的排序算法，一年之前学的东西，现在拿来练习时，感慨挺多的。 写在前面的话 可能马上就要面试了，我还是有点慌的，今天看了数据结构的排序，并尝试着用js来写了一下，虽然没有什么实际的意义，但还是有点个人的理解和感悟和大家分享：有人说编程的世界就是数据结构和算法，我觉得并不是。更确切的说，数据结构和算法是思想和灵魂，语言就是表达和实现思想的工具。可能你熟悉了一种语言，你就会用这门语言
2016-04-26 21:19:10
655
原创 AJax兼容ie6
Ajax对象XMLHttpRequest(w3c+ie7以上)，和ie对象ActiveXObject。 想要兼容ie6，用到以下代码（如果ie6已经彻底淘汰了，各位就不用看了）。function createXML(){ if(typeof XMLHttpRequest!='undefind'){ return new XMLHttpRequest(); }else
2016-04-19 20:51:15
2216
原创 HTML5语义化实现方式（兼容）
可能几年之后，这个话题就不会再有人提起了。 我现在还是一个热爱前段，努力找实习的大学生，但不得不说，现在是一个web规则的过度期。 一切都是HTML5的原因。 就像ie6一样，总有一天，它会被大多数人抛弃。而总有一天，html5会被大多数的浏览器使用。为什么要用html5的语义化标签 最简单也是最有用的一个：语义化加快了搜索引擎的搜索速度。 那么问题来了——ie不兼容怎么办？ 等这些英文
2016-04-12 20:42:28
702
原创 jquery_ui 的dialog自动获取焦点的研究
在写dialog注册的时候，jQuery_ui这个小插件会自动把焦点绑定到第一个text上，这是为什么呢？其实并不是默认绑定第一个text，而是默认的绑定第一个有autoFocus属性的元素，如果所有dialog中的元素都没有autoFocus这个属性，就会自动绑定第一个tab。所以如果你想移除这个有点烦的自动获取焦点（比如在用tooltip的时候，click弹出之后，自动显示出来第一个text的t
2016-04-05 14:30:08
2018
原创 replace()第二个参数为function时的小研究
大家都知道replace有两个参数，简单点说，第一个是要被替换的String(一般正则表达式),第二个是替换成的String，例如：var str="Visit Microsoft!" document.write(str.replace(/Microsoft/, "W3School"))（w3c上的例子第一个）；很多时候我们可能用到第二个参数要被规定为函数的情况（很常见，比如你要对匹配到的Str
2016-04-05 14:09:01
1266
原创 对于在div或ul li 中加入图片有各种空隙的小研究
其实，在正常规范代码的情况下，很少会有空隙的出现。但是即使你初始化了margin和padding，在div中加了一个图片，下面还会有那么3~5px的空隙，这是为什么？ 首先，这种情况时，你没有规定div的高度height（如果你加了的高度和图片高度一致，就不用往下看了。。。。），那么浏览器就会自己算出高度，并出现了这个空隙。。 这就关系到baseline的问题了，不过这个问题我也有点蒙，等以
2015-11-22 12:50:36
1798
原创 倒影效果简单css实现
这个礼拜就要进行软件工程的考试了，而我还没开始复习。。。。。计划的javascript150课程只看了30课，仔细想了一下上一个礼拜在游戏中度过的时光，整个人就不好了起来，，，，嘿嘿。今天写了一个简单的倒影效果，本来是在javascript上看到的，但是这种东西我认为还是应该用css直接写比较好。所用到的知识点就是transform和透明度。 看代码吧~<!DOCTYPE html><html
2015-11-22 12:22:16
919
原创 JavaScript 练习（四）排序小程序
这个虽然简单，但是学长们说有的公司面试时考过~练习一下吧~~<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>sort</title></head><body><script> function mysort(){ var tag=new Array();
2015-11-15 13:02:20
576
原创 JavaScript练习（三）简单的轮播器原理代码
这个只是我练习用的原理代码，没有什么好看的特效和精明的代码，那些想要明白轮播是怎么个原理的朋友可以参考一下，自己试验试验。唉，现在的我还写不出精妙的代码，一起努力吧。 轮播有两种思想： 1：用一个数组来放图片，用下标控制（不实用）。 2：overflow：hiden的方法，用left值来控制显示的东西。 我写的是第二种，写的可能不是很好（兼容啊，容错啊），希望有高人可以指点一二，谢谢了。
2015-11-07 14:12:31
818
原创 对于offsetLeft的一些简单理解
这个问题是我今天看图片轮播源码想到的，以前一直有一点疑问，在这里测试一下。在js中，有很多情况需要对元素重新定位，用一个obj.style.left||obj.offsetLeft 来取得该元素的left。offsetLeft返回一个Number型，如100；style.left返回一个String型，如100px；而offsetLeft不可以被从新写，所以大多是用offsetLeft来得到数字再+
2015-11-07 12:12:28
1056
原创 javaScript练习（二）：tab选项卡
tab选项卡，是一个非常常见的js展览效果，前天帮一个同学做了几个页面，用到了这个功能，现在闲下来对它进行一点总结，希望对向我一样的刚刚入门的初学者有一点帮助。我们来想一下这个功能如何实现呢？ 当鼠标点击标头时，下面相应的模块会跟着动，他们是一个整体么？其实并不是这样的，我来说一下最简单的原理：当你鼠标点击时，触发的效果是将非点击的模块display:none,点击的模块增加属性display：b
2015-11-01 20:19:13
1055
原创 javascript实例（一）验证表单是否空白
应用了简单的正则表达式，代码如下（包含了一个replace单独的效果button）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单空白验证</title> <script> window.onload=function(){ var _isC
2015-10-05 14:42:43
610
原创 前端笔记：2015/8/16
最近重新开始整理以前学过的前端内容，并开始对css3的一些特殊属性进行记忆。 在开始css3的内容之前，有必要对这半年来的有些混乱的前端知识进行一下梳理，以备明年大四的实习之路可以更顺利一些。 ————————————————————————————— 1.1 HTML HTML汉语翻译为超文本标记语言，成为国际标准后，由万维网（W3C）维护。其文档最常见的扩展名为.html。 1.2 C
2015-08-16 12:11:13
400
原创 简单的括号匹配
#includeusing namespace std;typedef struct{ int *base; int *top; int stocksize;}sqstack;int creat(sqstack *s){ (*s).base=(int *)malloc(100*sizeof(int)); (*s).top
2014-11-11 13:25:16
389
空空如也
为什么学校机房里面的ip都是一样的？
2016-04-05
TA创建的收藏夹 TA关注的收藏夹
TA关注的人