2016年10月_crli

转载 React Component Lifecycle（生命周期）

生命周期所谓生命周期，就是一个对象从开始生成到最后消亡所经历的状态，理解生命周期，是合理开发的关键。RN 组件的生命周期整理如下图：如图，可以把组件生命周期大致分为三个阶段：第一阶段：是组件第一次绘制阶段，如图中的上面虚线框内，在这里完成了组件的加载和初始化；第二阶段：是组件在运行和交互阶段，如图中左下角虚线框，这个阶段组件可以处理用户交互，或者接收事件更新界面；第三阶段：是组件卸载消亡的阶段，如图

2016-10-26 16:36:59 808

转载 reactjs性能优化之shouldComponentUpdate

性能优化每当开发者选择将react用在真实项目中时都会先问一个问题：使用react是否会让项目速度更快，更灵活，更容易维护。此外每次状态数据发生改变时都会进行重新渲染界面的处理做法会不会造成性能瓶颈？而在react内部则是通过使用一些精妙的技巧来最小化每次造成ui更新的昂贵的dom操作从而保证性能的。避免直接作用于DOMreact实现了一层虚拟dom，它用来映射浏览器的原生dom树。通过这一层虚拟的

2016-10-17 10:58:32 1245

原创 ajax 、jsonp 、Promise 封装

一、JS原生Ajaxajax：一种请求数据的方式，不需要刷新整个页面； ajax的技术核心是 XMLHttpRequest 对象； ajax 请求过程：创建 XMLHttpRequest 对象、连接服务器、发送请求、接收响应数据；下面简单封装一个函数，之后稍作解释 ajax({ url: "./TestXHR.aspx", //请求地址

2016-10-15 11:20:10 6314

原创 js cookie 编码解码登录成功返回原页面

1.html html lang="en"> head> meta charset="UTF-8" /> title>Documenttitle> head> body> form action="s.html"> input type="password" name="password" id="" /> input type="text" name="nam

2016-10-14 23:57:34 1522

原创 Date（日期）对象（复习）

JavaScript Date（日期）对象日期格式化，简单倒计时<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> <script type="text/javascript"> const byTime = [12*30*2

2016-10-14 15:06:45 524

原创 react-router学习笔记

参考： React Router 中文文档阮一峰 React Router 使用教程1.Router,hashHistory,Route首先下载react-router$ npm install react-router --save需要注意的是，react-router更新很快，API也在持续升级，也许你看到市面很多教程，但可能那还是1.x甚至是0.x版本的。我们首先在App.jsx写一个简

2016-10-11 19:22:35 3118

原创 ReactJS入门ES6写法

参考： React 官方网站 ECMAScript 6 入门 React 入门实例教程HTML 模板使用 React 的网页源码，结构大致如下。<!DOCTYPE html> <html> <head> <script src="../build/react.js"></script> <script src="../build/react-dom.js"></scr

2016-10-06 18:15:09 8667

crli的博客