持速者-CSDN博客

原创 js中的变量的作用域

在JavaScript中，作用域一般分成四种：全局作用域，词法作用域，动态作用域，函数作用域；一）全局作用域：变量的生命周期：该变量多长时间内保持有值状态；全局变量：该变量存活的时间很长，且在整个程序中都能被访问到；ps：在全局作用域中定义或者没有var定义的变量都是全局变量；二）词法作用域：定义：函数在定义时，当前的作用域或变成函数的内部属性，在函数被调用时所运行的作用域

2017-08-21 15:02:07 371

原创 jade模板引擎（下）

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

2017-08-12 10:09:21 317

原创 Jade模板引擎

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

2017-08-11 21:11:41 298

原创异步操作和async函数

基本概念：异步操作的方式：1）callback：符合一定条件时，可以执行该段程序，是横向发展，所以可能造成callback hell（回调地狱）；2）Promise：根据Promise实例状态，从而决定下一步的操作，是纵向发展的，但会出现代码冗余，语义不清晰；3）generator：利用同步化语句处理异步操作，特点：

2017-07-28 20:13:42 1796

原创 promise的用法

因为带有promise对象本身是一个构造函数，可以创建带有状态的promise实例；eg: let promise=new Promise(function(resolve,reject){ 异步操作； if(success){resolve(value)} else{reject(error)} })其中：

2017-07-25 00:09:57 601

原创页面加载和响应

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

2017-07-23 01:01:11 442

原创 react与es6的结合

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

2017-07-22 01:51:12 415

原创 react-router的改变（下）

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

2017-07-20 22:10:17 368

原创 react-router的改变

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

2017-07-20 00:32:46 992

原创 vue相关拓展

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

2017-02-06 15:58:25 235

原创 Vue组件基础

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

2017-02-03 18:03:51 273

原创 React中的Router

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

2016-12-15 16:02:00 702

原创打包工具browserify的配置

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

2016-12-11 16:18:03 3225

原创前端自动化工具概念

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

2016-12-10 21:20:54 588

原创 React中的flux

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

2016-12-07 21:28:07 715

原创服务器渲染中的异步数据加载

static:是组件类的静态方法的集合，能在组件创建前后调用，属于组件类成员；注意：1）在静态方法中不能访问实例成分（props，state等），若要访问，则要将实例成员以参数的形式传入静态方法中；2）定义在组件类中；调用：（组件外）：组件类.静态方法；（组件内）：有两种方式，一是组件类.静态方法；二是this.constructor.静态方法；异步数据：客户端：由

2016-12-04 22:22:48 920

原创 react组件服务器渲染问题（一）

客户端渲染过程：1）一个html请求；2）服务器返回html请求；3）下载css和js文件；4）运行js文件，并且发出请求要求得到渲染的数据；5）服务器返回数据；6）客户端接受数据，并将数据加载到v-dom，然后再渲染页面；服务端渲染过程：1）一个html请求；2）服务器接收到请求，并内部发出请求数据；3）将数据渲染到组件，并通过渲染函数变成html字符串，

2016-12-02 11:06:50 1103

原创访问受控的dom节点

要访问受React控制的DOM节点（即父组件访问子组件）：利用子组件的ref属性，从而获得子组件的引用；注意：1），ref的值是唯一的；2），通过this.refs访问的节点为V-DOM节点，不能直接操作；要让访问的V-DOM变成可操作：findDOMNode方法：是ReactDOM模块的方法，主要用于根据V-DOM在页面中寻找出R-DOM；语法点： Re

2016-12-01 09:30:09 266

原创 React中的表单组件

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

2016-11-29 14:28:46 411

原创 mixin知识点

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

2016-11-26 13:32:04 325

原创 React中父子组件间的通信问题

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

2016-11-25 15:30:58 3196

qiangzhedc的博客