qiangzhedc的博客

React中的表单组件分为：约束性组件和无约束性组件两种；无约束性组件：定义：表单元素的行为和React组件的行为不一致，即表单元素不完全受React控制；缺点：由于表单元素的内容b并不一由state控制，所以比要让React组件重新渲染比较麻烦；访问无约束性组件的方法：利用ref属性；特征：表单内常含有defaultValue或者defaultChecked来设置默认值；

一）1）基本知识： 标签：在jade中，标签可以写成： ----->tag2）id,class选择器：直接子啊tag后面添加id和class选择器；eg： p#i1.c1.c2 ------>#i1.c1p.c2 --------->其他属性：语法:tag(attr=value.....)--------> ps:标签属性为动态属

4.0之前，RR还是RR，history属性还具有hashhistory，browserhistory，memoryhistory; 如：  import {Router,Route,hashHistory} from "React-Router";      4.0之后，React-Router分解为react-router,react-router-dom,react-ro

一）用户访问页面时经过什么过程：step1：用户访问浏览器某个页面时，会引起DNS解析 域名解释（后续会介绍什么叫DNS）；step2：DNS会解析完域名后，得到相对应的IP值；step3：IP地址会向网络服务器发出请求；step4：网络服务器会解析请求，向数据服务器发出请求；step5：网络服务器获取数据（html，css，js）后，放在response中。返回响应；st

一） 构造函数方面：      es5：React.createClass({...});      es6:  class A extends React.Component{                   constructor(){                                 ......                             

(这里的Router组件都表示BrowserRouter组件)二）Route组件：定义：寄居在路由器内的路由组件；语法：参数解释：methods：1）component：外导组件     语法：2）render：内联组件，路由组件自身渲染；     语法：{ ... return 组件}}props：1）path：String，识别的路由路径；2）e

一）注册：全局注册：语法：Vue.component(name,obj或func);其中obj为配置对象，func是子类构造函数；注意事项：1），定义的组件可以直接在html页面书写；2），必须在vue实例定义前定义组件；局部注册：该组件只能存在特定的实例之中； 语法：new Vue({components:{组件：obj或func}})；二）数据传递：组件间数

一）v-for在定义组件中可以使用v-f or，但因为父子组件间作用域独立，所以父组件中的数据必须通过props引入子组件中；eg：               Vue.component("my",{                     template:"{{a}}",                     props:["a"],           

React-Router：在react中，路由可以作为一个塑件存在，只要配置合适的属性参数，渲染到页面，就可以起到路由的作用。Router组件是一个路由容器，里面可以包含多种类型的路由组件：Route组件，IndexRoute组件，Redirect组件，IndexRedirect组件，Link组件，IndexLink组件；一）Router组件：主要用来作为路由组件的容器（根节点）；属性

定义：可以存放许多组件共用的方法，以便代码复用；用法：mixins以一个数组的形式配置在组件类中；语法：mixins：[object(func)]；   func：返回的必须是一个对象；    object：一个包含许多组件共用的方法的集合；执行顺序：1）在组件类中，先执行mixins，在执行组件中的方法；2）在mixins中，从左到右执行；用途：1）可用于存放专门监听

React缺点：只是一个UI组件，很难应用在大型的应用中，因此需要搭配合适的前端框架，即：React+前端框架=大型应用；flux：是一个单向数据流动的架构，主要由四部分组成：action+store+dispatcher+view；view：是一个控制器角色的视图；action：是用来作为数据传递的途径；dispatcher：分配器，将action分配到对应的store，并触发回

子组件调用父组件：1）在父组件设置对应的属性和方法；2）将父组件的属性，方法设置在子组件的标签属性上；3）子组件中利用this.props来调用父组件的成员；eg：父：   var p=React.cleateClass({     getDefaultProps:function(){       return{a:1}     },     render

Browserify定义：将若干个js文件合并到一个指定的js文件中，该文件包含了所有传入的js文件内容，直接在页面引入该文件就可运行；目的：将具有依赖关系的文件打包成一个文件，在浏览器中直接调用；运行环境：第一种：在node.js环境下打包；第二种：在支持common.js的环境下打包（最简单的就是要支持require和module.exports）；缺点：只能对js文件有效

前端自动化构建工具：定义：将html，css，js，img等各模块的资源进行检查，编译，整合，压缩，打包成一个或者多个的静态资源文件，以便于测试，维护和更新等操作；组成：任务管理工具+打包工具+构建工具；一）任务管理工具：定义：具有自身一整套的任务声明语法赫尔任务实现接口，可以创建若干个如压缩，测试，替换等相互依赖的任务，且任意选择一个任务执行，从而构建出整个网站；代表工具：g

[html] view plain copy      三）模板继承      1） jade会利用extends，block来实现父子模块的继承；            1.1）block：           父模块：用来引入指定jade块；           子模块：用来定义某个jade块的内容；            ps：jade块会