毫不夸张的说，react的生命周期搞清楚了，react就会了一半。 实例化 首次实例化 getDefaultProps getInitialState componentWillMount render componen…

在所有非同步中行为中，最麻烦的大概就是 UI 操作了，因为 UI 是直接影响使用者的感受，如果处理的不好对使用体验会大大的扣分！ UI 大概是所有非同步行为中最不好处理的，不只是因为它直接影响了用户体验，更大的问题是 U…

React的设计模式有很多种，比如无状态组件/表现型组件，有状态组件/容器型组件，render模式组件，高阶组件等等。本文主要介绍react的render模式与HOC设计模式，并通过实际案例进行比较。 render pr…

1. Webpack是什么 Webpack是前端资源加载，JS打包的工具，可以将模块的依赖关系进行静态分析，并根据规则生成对应的静态资源，将很多的模块打包成很少的静态文件。（前端打包工具） 其中一个功能就是：解决js文件…

1:html中常见的有3种布局方式:    1:文档流布局(电脑默认的布局方式)    2:浮动布局    3:定位 文档流布局 电脑默认的从页面左上角到右下角…

一开始 JavaScript 只是为网页增添一些实时动画效果，现在 JS 已经能做到前后端通吃了，而且还是年度流行语言。本文分享几则 JS 小窍门，可以让你事半功倍 ~ 1. 删除数组尾部元素 一个简单方法就是改变数组的…

最近在折腾react开发，总结一个react环境搭建的教程，写得比较细碎，基本上就是自己的搭建步骤了，希望能够帮助到有需要的小伙伴。 常用的脚手架 react-boilerplate react-redux-starte…

1 设计原则概述 《UNIX/LINUX设计哲学》设计准则 ① 小既是美。 ② 每个程序只做一件事情。 ③ 快速建立原型。 ④ 舍弃高效率而取可移植性。 ⑤ 避免强制性的图形化界面交互。 ⑥ 让每个程序都成为过滤器。 ⑦…

ECMAScript 6介绍 ECMAScript 6是JavaScript的最新标准，目前在React Native中都可以使用ECMAScript 6语法，作为APP开发者还是很有必要学习一下ECMAScript 6…

冒泡排序 原理: 让数组中的当前项和后一项进行比较, 如果当前项大于后一项,我们让两者交换位置(小 -> 大) var ary = [12,13,23,14,16,11] // 第一轮比较: // 12 13 [1…

GridManager 表格管理组件， 对列的隐藏与显示的操作有两种方式。 1.初始化时指定列为隐藏或显示状态。方式如下: <table></table> table.GM({ gridManag…

一般遮罩 background : #000； 在body标签的最后加上div标签作为遮罩，如下： <div class="mask"></div> css样式： .mask{ position:…