zkBlog

react native 中的redux

摘要：一、使用redux 的条件： 1、某个组件的状态，需要共享； 2、某个状态需要在任何地方都可以拿到； 3、一个组件需要改变全局状态； 4、一个组件需要改变另一个组件的状态。 redux 说明白点，其实就是一种机制，可以在同一个地方查询状态、改变状态、传播状态的变化。二、redux 中的store 阅读全文

posted @ 2017-05-11 14:49 zkBlog 阅读(102) 评论(0) 推荐(0)

js中的原型

摘要：一、在js中的构造函数与原型 js中没有类的概念，只是把一个对象实例化，这个对象一般会成为原型对象。js中所以的函数都有一个prototype属性，这个属性引用了一个对象，即原型对象，也简称原型。这个函数包括构造函数和普通函数。这其中最重要的是要有this 这个属性，实例化以后才能直接用。new 阅读全文

posted @ 2017-05-11 14:48 zkBlog 阅读(155) 评论(0) 推荐(0)

js 中call,apply,bind的区别

摘要：在js 中，call与apply 在call 以后，this 会指向新的对象。不同的是他们后面所带的参数格式不一样。 p.call(this,x,y); p.apply(this,[x,y]); p.bind(this,x,y) 中的this 指向的是原来对象中this. 阅读全文

posted @ 2017-05-11 14:47 zkBlog 阅读(107) 评论(0) 推荐(0)

js 中继承的几种方式

摘要：继承的方式一共有三种：一、原型继承通过prototype 来实现继承。 function Person(name,age) { this.name=name; this.age=age; } Person.prototype.sayHello=function(){ alert (''使用原型得阅读全文

posted @ 2017-05-11 14:46 zkBlog 阅读(140) 评论(0) 推荐(0)

ES6 一些新特性的总结

摘要：一、箭头函数 ES6中新增了一个箭头函数 ()=>,箭头函数通俗点讲就是匿名函数。箭头函数还有不同点在于改变函数中this,和js中的.bind 的方法差不多，继承后指向的不是最新的函数，还是之前的那个原型对象。二、类的支持 ES6中添加了对类的支持，引入了class关键字。JS本身就是面向对象，阅读全文

posted @ 2017-05-11 14:45 zkBlog 阅读(121) 评论(0) 推荐(0)

前端模块化开发的规范：AMD与CDM

摘要： AMD, 异步模块定义。 CMD，通用模块规范。 CMD，通用模块规范。 CMD，通用模块规范。阅读全文

posted @ 2017-05-11 14:45 zkBlog 阅读(90) 评论(0) 推荐(0)

webpack与grunt/glub 的比较

摘要： webpack、grunt、glub 都是前端打包的工具： grunt/gulp 的工作方式是：在一个配置文件中，指明对某些文件进行压缩、组合、检查等任务的具体步骤，然后在运行中输入相应的命令。 webpack 的工作方式是：把你的项目当做一个整体，通过一个指定的主文件名（index.js, 一般阅读全文

posted @ 2017-05-11 14:44 zkBlog 阅读(146) 评论(0) 推荐(0)

前端性能的优化

摘要： 1、减少dom 的操作； 2、部署前，图片压缩，代码压缩； 3、优化JS代码结构，减少冗余代码； 4、减少http请求，合理设置http缓存； 5、使用内容分发cdn 加速；（内容分发网络）； 6、静态资源缓存；（localstorage） 7、图片延迟加载。(echo.css和echo.min.j 阅读全文

posted @ 2017-05-11 14:43 zkBlog 阅读(72) 评论(0) 推荐(0)

前端总结（一）

摘要：一、<!doctype html> 这是一种声明，是html5 标准网页声明，意思为文档类型为超文本标记性语言或超文本链接标识语言，此标签可告知浏览器文档使用哪种html 或xhtml 规范。 html5 之前这个标签可以声明三种DTD类型，分别表示严格版本、过渡版本以及基于框架的HTML文档。 1 阅读全文

posted @ 2017-05-11 14:43 zkBlog 阅读(90) 评论(0) 推荐(0)

react项目中的注意点

摘要：一、ES6 的编译方法目前主流的浏览器还不支持ES6。现在一般采用webpack 和 <script type="text/babel">对jsx 语法进行编译，编译成正常的js语言。type='text/babel' 这个是引用babel.js库。二、react 中有个PropTypes 在阅读全文

posted @ 2017-05-11 14:42 zkBlog 阅读(110) 评论(0) 推荐(0)