繁华清宁-CSDN博客

原创 gulp基础知识上

1、gulp.src(globs[, options]) 1.1说明：src方法是指定需要处理的源文件的路径，gulp借鉴了Unix操作系统的管道（pipe）思想，前一级的输出，直接变成后一级的输入，gulp.src返回当前文件流至可用插件； 1.2 globs:需要处理的源文件匹配符路径："src/a.js": 指定具体文件；"*" : 匹配所有文件例://"src/*.js" （包含sr

2017-05-25 10:08:52 438

转载深入浅出es6（箭头函数）

=>是function的简写形式，支持expression和statement两种形式。同时一点很重要的时是他拥有词法作用域this值,帮助你很好的解决this的指向问题,这是一个很酷的方式，可以帮助你减少一些代码的编写，先来看看它的语法。var arr = [1,2,3];arr.map(item => item +1);arr.map((item, index) => item + 1);a

2017-04-07 15:47:32 253

转载了解一些es5的方法

一.前言-索引 ES5中新增的不少东西，了解之对我们写JavaScript会有不少帮助，比如数组这块，我们可能就不需要去有板有眼地for循环了。ES5中新增了写数组方法，如下： forEach (js v1.6) map (js v1.6) filter (js v1.6) some (js v1.6) every (js v1.6) indexOf (js v1.6) lastIn

2017-04-07 11:27:29 332

转载 es6(一)

我们如何遍历数组中的元素？20年前JavaScript刚萌生时，你可能这样实现数组遍历：for (var i = 0; i < arr.length; i++) { console.log(arr[i]);}es5正式发布后,你可以使用内建的方法forEach方法来遍历数组arr.forEach(function(value){ console.log(value);})这段代码

2017-03-31 15:31:13 343

一、为什么JavaScript是单线程？ JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。那么，为什么JavaScript不能有多个线程呢？这样能提高效率啊。JavaScript的单线程，与它的用途有关。作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题。比如，假定JavaScript同

2017-03-19 15:58:55 278

转载 js中的return flase, return true, return的区别

1.返回控制与函数结果语法为：return 表达式语句结束函数执行，返回调用函数，而且把表达式的值作为函数的结果 2.返回控制 (1).无函数结果，语法为：return; (2).在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.例如,默认情况下点击一个元素,页面会跳转到该元素href属性指定的页. return false相当于终止符，return true相当

2017-03-19 15:31:39 400

转载深入浅出ES6（六）：解构(Destructuring)

1.什么是解构赋值？解构赋值允许你使用类似数组或对象字面量的语法将数组和对象的属性赋给各种变量。这种赋值语法极度简洁，同时还比传统的属性访问方法更为清晰。通常来说，你很可能这样访问数组中的前三个元素：var first = someArray[0];var second = someArray[1];var third = someArray[2];如果使用解构赋值的特性，将

2017-03-17 15:17:37 545

原创项目总结

一项目代码编写规范 1.在写js代码当中，我们采用的是模块化处理，页面中显示的每个显示块我们都当做一个模块来处理，那么我们在编写对应块的代码的时候，我们一般采用面向对象的方法。例如如下图所示：在我们写js中：我们一般会写成fn={ new:{ api:{ id:"string类型", url:

2017-03-02 23:32:14 301

原创深度拷贝和浅度拷贝

js中的赋值都为引用传递，当把一个对象赋值给一个变量的时候，那么这个变量所指向的就是原来的地址。引用的是浅拷贝。 Javascript深拷贝有很多封装方法，大家网上可以搜索一下，看看下下的例子:1.js对象浅拷贝简单的赋值就是浅拷贝，因为对象和数组在赋值的时候都是引用传递。赋值的时候只是传递一个指针。var a = [1, 2, 3];var b = a;var test = {n

2017-03-01 22:50:56 306

原创 js中let 、 var 、 const的区别

在JavaScript 1.7中， let 关键词被添加进来，我听说它声明之后类似于”本地变量“，但是我仍然不确定它和关键词 var 的具体区别。回答：不同点在于作用域，var关键字的作用域是最近函数的作用域（在函数体外部就是块作用域），let关键词的作用域是最接近的块作用域（在任何块以外的是全局作用域），这将比函数作用域小。下面是Demo 例子。全局（Glo

2017-02-23 09:23:45 712

转载 es6新属性

es6是即将新到来的新版本javascript语言得标准，一种新的语言，是语言更容易理解和更具有可读性，也让我们编写的代码更加简洁，如箭头函数，class等等。常用的es6特性定义函数: 在js当中，定义函数需要关键字funciton，但是在es6当中，还有更先进的话法, 在es5当中，我们的话法为:var human = { first: function(name) {

2017-02-22 09:35:35 529

原创 CommonJS和AMD/CMD！

Js中得模块规范(CommonJs, AMD, CMD): 1.CommonJs就是为JS得表现来制定得规范， NodeJS是这种规范得实现， webpack也是以commonJS得形式来书写，因为js没有模块得功能所以commomJS应运而生，因为js没有模块的功能所以CommonJS应运而生，它希望js可以在任何地方运行，不只是浏览器中。它的终极目标是提供一个类似Python，

2017-02-12 16:54:05 227

翻译懒加载原理

在懒加载技术前，我们讲解关于clientWidth, offsetWidth scrollWidth等的区别 1.scrollWidth : 对象的实际内容宽度，不包含边框内容宽度，会随着对象中内容超过可视区后而变大。 2.clientWidth:对象内容的可视区的宽度，不包含滚动条等边线，会随对象显示大小的变化而变化。 3.offsetWidth:对象整体得实际宽度，包含滚动条等边界，会随

2017-02-12 12:53:38 408

翻译 html+css布局的三种方式（自然布局/流动布局 /定位布局）

1.自然布局没有任何修饰的布局是自动靠左的 2.流动布局上面讲的float:left 3.定位布局相对定位和绝对定位都是相对于父div标签的。相对 —– 以这个元素本来应该在的位置为参考点绝对 —– 以父div标签的原点（左上角）为参考点由于外层是position:relative，所以里层是absolute的话，则会以外层

2017-02-12 12:43:25 1365

翻译 css样式重置

关于css样式重置，相信在接触前端的人都知道开始编写自己代码之前都要完成这一步。（1）为什么要css reset? css reset的原因是什么？ css reset简单来讲就是根据我们自己编写页面的需求重新设置样式，主要原因是html标签在浏览器当中都有各自的默认样式，比如ul默认带有缩进的样式，比如：p标签上下有默认边距，strong标签有字体样式加粗，em标签有字体倾斜

2017-02-12 10:43:22 377

转载 angular.js的$apply 和 $digest()

http://blog.csdn.net/dm_vincent/article/details/38705099

2017-02-07 14:18:20 346

原创 angular-ui-router 多视图views

http://bubkoo.com/2014/01/01/angular/ui-router/guide/multiple-named-views/ angular.js模块ui-router之多视图,可以给ui-view指定名称，这样一个模板中就可以有多个ui-view。假设您有一个应用，需要动态填充graph、table data和filters，像下面这样：当您需要使用多视图时，需要

2017-02-06 14:46:13 616

原创 angular.js之 ui-router

angular路由路由(route)，几乎是所有的mvc（vm）框架所应该的特性，是前端构建单页面应用必不可少的组成部分，那么，对于 angular 而言，它自然也有内置的路由模块：叫做 ngRoute 。不过，大家很少用它，因为它的功能太有限，往往不能满足开发需求！！于是，一个基于 ngRoute 开发的第三方路由模块，叫做 ui.router ，受到了大家的“追捧”。

2017-02-06 11:52:13 576

sfl123zqm的博客