02 2017 档案

前端总结（一）
摘要：一、<!doctype html> 这是一种声明，是html5 标准网页声明，意思为文档类型为超文本标记性语言或超文本链接标识语言，此标签可告知浏览器文档使用哪种html 或xhtml 规范。 html5 之前这个标签可以声明三种DTD类型，分别表示严格版本、过渡版本以及基于框架的HTML文档。 1 阅读全文
posted @ 2017-02-27 13:59 雪昀 阅读(180) 评论(0) 推荐(0)
前端性能的优化
摘要：1、减少dom 的操作； 2、部署前，图片压缩，代码压缩； 3、优化JS代码结构，减少冗余代码； 4、减少http请求，合理设置http缓存； 5、使用内容分发cdn 加速；（内容分发网络）； 6、静态资源缓存；（localstorage） 7、图片延迟加载。(echo.css和echo.min.j 阅读全文
posted @ 2017-02-24 10:12 雪昀 阅读(179) 评论(0) 推荐(0)
webpack与grunt/glub 的比较
摘要：webpack、grunt、glub 都是前端打包的工具： grunt/gulp 的工作方式是：在一个配置文件中，指明对某些文件进行压缩、组合、检查等任务的具体步骤，然后在运行中输入相应的命令。 webpack 的工作方式是： 把你的项目当做一个整体，通过一个指定的主文件名（index.js, 一般 阅读全文
posted @ 2017-02-23 15:33 雪昀 阅读(5423) 评论(1) 推荐(0)
ES6 一些新特性的总结
摘要：一、箭头函数 ES6中新增了一个箭头函数 ()=>,箭头函数通俗点讲就是匿名函数。箭头函数还有不同点在于改变函数中this,和js中的.bind 的方法差不多，继承后指向的不是最新的函数，还是之前的那个原型对象。 二、类的支持 ES6中添加了对类的支持，引入了class关键字。JS本身就是面向对象， 阅读全文
posted @ 2017-02-23 11:26 雪昀 阅读(5630) 评论(0) 推荐(1)
前端模块化开发的规范：AMD与CDM
摘要：AMD, 异步模块定义。 CMD，通用模块规范。 阅读全文
posted @ 2017-02-22 15:29 雪昀 阅读(486) 评论(0) 推荐(0)
js 中继承的几种方式
摘要：继承的方式一共有三种： 一、原型继承 通过prototype 来实现继承。 二、构造函数实现继承 三、 通过call、apply 实现继承 阅读全文
posted @ 2017-02-22 15:04 雪昀 阅读(2392) 评论(0) 推荐(0)
js 中call,apply,bind的区别
摘要：call、apply、bind方法的共同点与区别： apply、call、bind 三者都是用来改变函数的this对象的指向； apply、call、bind 三者都可以利用后续参数传参； bind 是返回对应函数，便于稍后调用；apply、call则是立即调用。 一、call 1、 call（th 阅读全文
posted @ 2017-02-22 14:31 雪昀 阅读(232) 评论(0) 推荐(0)
js中的原型
摘要：一、在js中的构造函数与原型 js中没有类的概念，只是把一个对象实例化，这个对象一般会成为原型对象。js中所以的函数都有一个prototype属性，这个属性引用了一个对象， 即原型对象，也简称原型。这个函数包括构造函数和普通函数。 function A(x) { this.ab=x; } var d 阅读全文
posted @ 2017-02-22 12:16 雪昀 阅读(894) 评论(0) 推荐(0)
ES6 中的let 声明变量
摘要：1、let是声明的是块级变量，不会污染全局，一般条件与循环中会用到； 2、let 不可以变量提升； 3、let不遵循作用域，一个作用域内如果有该变量，就不会到全局去找，也不可以在一个作用域重复声明一个变量。 阅读全文
posted @ 2017-02-21 17:19 雪昀 阅读(352) 评论(0) 推荐(0)
react native 中的redux
摘要：一、使用redux 的条件： 1、某个组件的状态，需要共享； 2、某个状态需要在任何地方都可以拿到； 3、一个组件需要改变全局状态； 4、一个组件需要改变另一个组件的状态。 redux 说明白点，其实就是一种机制，可以在同一个地方查询状态、改变状态、传播状态的变化。 二、redux 中的store 阅读全文
posted @ 2017-02-21 16:08 雪昀 阅读(189) 评论(0) 推荐(0)
css 中的伪类选择器before 与after
摘要：.cf:after，.cf:before {content: " "; display: table;} .cf:after {clear: both;} ：before是因为table类型能生成独立的bfc，防止上边距塌陷， ：after负责清除浮动，防止父级高度塌陷；配合使用，代码少，效率高。 阅读全文
posted @ 2017-02-20 09:43 雪昀 阅读(1370) 评论(0) 推荐(0)
js中数组遍历的几种方法及其区别
摘要：参考网站： http://www.cnblogs.com/lvmh/p/6104397.html 第一种最常用的：for循环 for(j = 0; j < arr.length; j++) { } 优化版for循环 对于数组较大时，优化比较明显； 第二种：foreach 第三种：for ……in f 阅读全文
posted @ 2017-02-14 11:06 雪昀 阅读(21088) 评论(0) 推荐(0)
js中一些常见写法的含义
摘要：1、 常见格式：(function() { /* code */ })(); 解释：包围函数（function(){})的第一对括号向脚本返回未命名的函数，随后一对空括号立即执行返回的未命名函数，括号内为匿名函数的参数。 作用：可以用它创建命名空间，只要把自己所有的代码都写在这个特殊的函数包装内，那 阅读全文
posted @ 2017-02-13 15:00 雪昀 阅读(172) 评论(0) 推荐(0)
js 中整理（一）
摘要：一、 冒泡与冒泡阻止 var arr={5,0,-56,900,12,9000,-123}; var flag=false; //大的排序次数（arr.length-1） for(var i=0; i<arr.length-1; i++){ for(var j=0; j<arr.length-1-i 阅读全文
posted @ 2017-02-13 11:01 雪昀 阅读(192) 评论(0) 推荐(0)