随笔分类 -  react.js

React 开发规范
摘要:React 开发规范 一、组件的命名 1.组件的私有方法都用 开头 2.所有事件监听的方法都用 开头 3.把事件监听方法传给组件的时候,属性名用 开头 二、组件的内容编写顺序 1.static 开头的静态类属性,如 、`propTypes`。 2.构造函数, 。 3. 。 4.组件生命周期。 5. 阅读全文
posted @ 2018-04-13 17:44 TokeyJerry 阅读(298) 评论(0) 推荐(0)
React 组件的生命周期
摘要:React 组件的生命周期 定义:React.js 将组件渲染,并且构造 DOM 元素然后塞入页面的过程称为组件的挂载。 一、常用的生命周期 概念 + :组件挂载开始之前,也就是在组件调用 render 方法之前调用。 + :组件挂载完成以后,也就是 DOM 元素已经插入页面后调用。 + :组件对应 阅读全文
posted @ 2018-04-08 15:57 TokeyJerry 阅读(177) 评论(0) 推荐(0)
React 浅析
摘要:React 浅析 本文推荐 ES6 语法来编写 React,首先你需要 Babel 编译你的 ES6 代码,其次,你才可以使用比如 = (箭头函数),class(类),模板文字,let 和 const 语句等ES6语法。 React 是什么? 用 JavaScript 频繁操作 DOM 的代价很高, 阅读全文
posted @ 2018-04-07 21:42 TokeyJerry 阅读(181) 评论(0) 推荐(0)
JSX 实现原理浅析
摘要:JSX 实现原理浅析 本文旨在解析 JSX 语法写法的来由,如何一步步的从 DOM 字符窜拼接、事件绑定、方法实现,到我们的 JSX 封装。 本文以点赞、取消的功能来阐述(文中代码以 ES6 写法阐述),该例基本包括了【状态改变】、【事件绑定】、【方法封装】等基本要求。 一、传统方法实现 HTML 阅读全文
posted @ 2016-04-19 23:13 TokeyJerry 阅读(745) 评论(0) 推荐(0)