- 博客(8)
- 收藏
- 关注
RSS订阅转载 生命周期
React严格定义了组件的生命周期，共3个过程：1) 装载过程（Mount）：组件第一次在DOM树中渲染的过程；2) 更新过程（Update）：组件被重新渲染的过程；3) 卸载过程（Unmount）：组件从DOM树中删除的过程。三种不同的过程，React库会依次调用组件的一些生命周期函数。所以，定义一个React组件，实际上就是定制这些生命周期函数。组件装载过程装载过程依次调用的生命周期函数：co...
2018-03-18 20:33:48
276
转载 组件的prop和state
一、state描述：内部状态（local state）或者局部状态；初始化内部状态：React构造函数中更新内部状态：this.setstate获取内部状态：this.stateexport default class Counter extends Component{ constructor(){ super(); //后才能用this获取实例化对象 this.state = { ...
2018-03-18 20:30:53
243
转载 初识React
React是Facebook推出的一个JavaScript库，它的口号就是“用来创建用户界面的JavaScript库”，所以它只是和用户界面打交道，可以把它看成MVC中的V（视图）层。React三大特性组件React的一切基于组件。使用React，唯一要关心的就是构建组件。各个组件有各自的状态，状态变更时，会自动重新渲染组件。组件特性也是Web前端发展的趋势。一个Profile组件的例子：// P...
2018-03-18 20:23:26
201
转载 简述JavaScript模块化编程
在早期编写JavaScript时，我们只需在<script>标签内写入JavaScript的代码就可以满足我们对页面交互的需要了。但随着时间的推移，时代的发展，原本的那种简单粗暴的编写方式所带来的诸如逻辑混乱，页面复杂，可维护性差，全局变量暴露等问题接踵而至，前辈们为了解决这些问题提出了很种的解决方案，其中之一就是JavaScript模块化编程。总的来说，它有以下四种优点：解决项目中的...
2018-03-18 20:20:07
320
转载 es6
1.变量声明const和let在ES6以前，var关键字声明变量。无论声明在何处，都会被视为声明在函数的最顶部(不在函数内即在全局作用域的最顶部)。这就是函数变量提升例如: function aa() { if(bool) { var test = 'hello man' } else { console.log(test) } } 以...
2018-03-18 18:02:07
156
原创 require配置
baseUrl<script> require.config({ baseUrl: "/root/path" //设置站点的静态文件根目录 }); </script><script> require(["module/a", "module/b"],function(a, b){ /* a , b 模块最终的解析地址为 a:..
2018-03-18 17:42:47
712
原创 require 定义模块
require 中的模块是使用 define 来模拟的, define 是一个全局函数。使用 define 定义一个简单的模块// first_module.js: define(function(){ function main(){ alert("hello world"); } return main; });如果定义的模块依赖其它模块, 则可以提前加载该模块// a.js 定义...
2018-03-18 17:36:28
671
转载 模块写法
模块就是实现特定功能的一组方法。1.原始写法function m1(){ //... } function m2(){ //... }上面的函数m1()和m2()，组成一个模块。使用的时候，直接调用就行了。这种做法的缺点很明显："污染"了全局变量，无法保证不与其他模块发生变量名冲突，而且模块成员之间看不出直接关系2.对象写法var module1 = { _count : 0,...
2018-03-18 17:28:07
340
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人