2018年05月_爬虫组的小前端

转载深入浅出Redux-----react-redux

前言本文不会拿redux、react-redux等一些react的名词去讲解，然后把各自用法举例说明，这样其实对一些react新手或者不太熟悉redux模式的开发人员不够友好，他们并不知道这样使用的原因。本文通过一个简单的例子展开，一点点自己去实现一个redux+react-redux，让大家充分理解redux+react-redux出现的必要。预备知识在阅读本文之前，希望大家对以下知识点能提前有...

2018-05-21 16:04:28 3368

转载编码规范-----react

基本规范原则上每个文件只写一个组件, 多个无状态组件可以放在单个文件中. eslint: react/no-multi-comp.推荐使用 JSX 语法编写 React 组件, 而不是 React.createElement创建组件的三种方式Class vs React.createClass vs stateless如果你的组件有内部状态或者是refs, 推荐使用 class extends R...

2018-05-26 13:58:06 539

原创前端框架之React-----CSS Module

在react开发中会遇到一系列css的相关问题：1.全局污染：css使用全局选择器的机制来设置样式，样式可能被错误覆盖2.命名混乱：为了避免全局污染，为了避免样式冲突，容易使命名混乱3.依赖管理不彻底：组件应该相互独立，引入一个组件应该只引入它所需要的css4.无法共享变量：复杂组件要使用JavaScript和css共同来处理样式，就会造成有些变量冗余，而预编译语言不能提供跨JavaScript和...

2018-05-25 16:00:12 554

原创前端框架之React-----事件系统

1.事件委派：react不是把事件函数绑定到真实的节点上，而是把所有事件绑定到结构的最外层，使用一个统一的监听器，这个事件监听器上维持了一个映射来保持组件内部的事件监听和处理函数。当组件挂载或卸载时，只是在这个统一的事件监听器上插入或删除一些对象，当事件发生时，首先被这个统一的事件监听器处理，然后在映射里找到真正的事件处理函数并调用。...

2018-05-25 11:05:42 330

原创 JavaScript性能优化-----循环性能

1.减少对象成员及数组项的查找次数：只查找一次属性，并把值存储到一个局部变量，然后在控制条件中使用这个变量2.颠倒数组的顺序提高性能：通常数组项的顺序与所执行的任务无关，可以从最后一项开始处理。3.减少迭代次数： Duffs Device循环体展开技术,减少迭代次数能获得更加显著的性能提升...

2018-05-13 11:06:36 440

原创 JavaScript设计模式-----模板方法模式

1.模板方法模式的定义和组成：假如我们有一些平行的子类，各个子类之间有一些相同的行为，也有一些不同的行为，如果相同和不同的行为都混合在各个子类的实现中，说明这些相同的行为会在各个子类中重复出现。但实际上，相同的行为可以被搬移到另一个单一的地方，模板方法模式就是为了解决这个问题而生的，在模板方法模式中，子类的实现中的相同部分被上移到父类中，而将不同的部分留待子类来实现。这也很好的体现了泛化的思想。2...

2018-05-12 16:08:36 169

原创深入浅出Redux

1.redux第一原则：所有在应用中的改变，包括数据和UI状态都包含在单一的对象里，我们把他称为状态或者状态树2.redux第二原则：状态树是只读的，你不能修改或者对他进行写入操作，唯一能改变树的方式就是分发一个动作，一个动作就是一个普通的JavaScript对象，他以最简单的方式描绘了应用里面发生的改变，无论是由网络请求还是用户交互发起的数据，要想进入到Redux应用内部，都只能通过动作来实现。...

2018-05-12 14:15:28 249

原创 JavaScript设计模式-----组合模式

1.组合模式的定义：组合模式就是用小的子对象来构建更大的对象，而这些小的对象本身也许是由更小的”孙对象“构成2.组合模式的用途：组合模式将对象组合成树形结构，以表示”部分-整体“的层次结构。除了用来表示树形结构之外，组合模式的另一个好处是通过对象的多态性表示，使得用户对单个对象和组合对象的使用具有一致性。3.更强大的宏命令：这个例子中，基本对象可以被组合成更复杂的组合对象，组合对象又可以被组合，这...

2018-05-05 14:16:18 227

ProswpuAlan的博客