前端之React实战-代码规范

2015-09-24
阅读 4 分钟
11.5k
Coding Style(编码风格) Basic Rules(基本原则) 每个文件中只包含一个React组件。 尽可能地使用JSX语法。 除非不用JSX语法创建一个应用,否则不要使用React.createElement方法。 Component(组件规范) Class 与 React.createClass方法 尽可能地使用ES6中的类的语法,除非有特殊的对于Mixin的需求。 {代码...} 组件命名 扩...

前端之React实战-交互与动态UI

2015-09-15
阅读 6 分钟
9.6k
组件并不是真实的 DOM 节点,而是存在于内存之中的一种数据结构,叫做虚拟 DOM (virtual DOM)。只有当它插入文档以后,才会变成真实的 DOM 。根据 React 的设计,所有的 DOM 变动,都先在虚拟 DOM上发生,然后再将实际发生变动的部分,反映在真实 DOM上,这种算法叫做 DOM diff ,它可以极大提高网页的性能表现。但是...

前端之React实战-组件

2015-09-15
阅读 9 分钟
12.4k
React提供了和以往不一样的方式来看待视图,它以组件开发为基础。组件是React的核心概念,React 允许将代码封装成组件(component),然后像插入普通 HTML 标签一样,在网页中插入这个组件。React.createClass 方法就用于生成一个组件类。对React应用而言,你需要分割你的页面,使其成为一个个的组件。也就是说,你的应...

前端之React实战-JSX介绍与使用

2015-09-15
阅读 3 分钟
17.1k
HTML 语言直接写在 JavaScript 语言之中,不加任何引号,这就是 JSX 的语法,它允许 HTML 与 JavaScript 的混写。

前端之Sass/Scss实战笔记

2015-09-13
阅读 5 分钟
29.3k
Sass 有两种语法规则(syntaxes),目前新的语法规则(从 Sass 3开始)被称为 “SCSS”( 时髦的css(Sassy CSS)),它是css3语法的的拓展级,就是说每一个语法正确的CSS3文件也是合法的SCSS文件,SCSS文件使用.scss作为拓展名。第二种语法别成为缩进语法(或者 Sass),它受到了Haml的简洁精炼的启发,它是为了人们可以用和css...