- 博客(21)
- 收藏
- 关注
原创 js中的变量的作用域
在JavaScript中,作用域一般分成四种:全局作用域,词法作用域,动态作用域,函数作用域;一)全局作用域:变量的生命周期:该变量多长时间内保持有值状态;全局变量:该变量存活的时间很长,且在整个程序中都能被访问到;ps:在全局作用域中定义或者没有var定义的变量都是全局变量;二)词法作用域:定义:函数在定义时,当前的作用域或变成函数的内部属性,在函数被调用时所运行的作用域
2017-08-21 15:02:07
404
原创 jade模板引擎(下)
[html] view plain copy 三)模板继承 1) jade会利用extends,block来实现父子模块的继承; 1.1)block: 父模块:用来引入指定jade块; 子模块:用来定义某个jade块的内容; ps:jade块会
2017-08-12 10:09:21
321
原创 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
303
原创 异步操作和async函数
基本概念:异步操作的方式:1)callback:符合一定条件时,可以执行该段程序,是横向发展,所以可能造成callback hell(回调地狱);2)Promise:根据Promise实例状态,从而决定下一步的操作, 是纵向发展的,但会出现代码冗余,语义不清晰;3)generator:利用同步化语句处理异步操作,特点:
2017-07-28 20:13:42
1803
原创 promise的用法
因为带有promise对象本身是一个构造函数,可以创建 带有状态的promise实例;eg: let promise=new Promise(function(resolve,reject){ 异步操作; if(success){resolve(value)} else{reject(error)} })其中:
2017-07-25 00:09:57
608
原创 页面加载和响应
一)用户访问页面时经过什么过程:step1:用户访问浏览器某个页面时,会引起DNS解析 域名解释(后续会介绍什么叫DNS);step2:DNS会解析完域名后,得到相对应的IP值;step3:IP地址会向网络服务器发出请求;step4:网络服务器会解析请求,向数据服务器发出请求;step5:网络服务器获取数据(html,css,js)后,放在response中。返回响应;st
2017-07-23 01:01:11
447
原创 react与es6的结合
一) 构造函数方面: es5:React.createClass({...}); es6: class A extends React.Component{ constructor(){ ......
2017-07-22 01:51:12
416
原创 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
994
原创 vue相关拓展
一)v-for在定义组件中可以使用v-f or,但因为父子组件间作用域独立,所以父组件中的数据必须通过props引入子组件中;eg: Vue.component("my",{ template:"{{a}}", props:["a"],
2017-02-06 15:58:25
239
原创 Vue组件基础
一)注册:全局注册:语法:Vue.component(name,obj或func);其中obj为配置对象,func是子类构造函数;注意事项:1),定义的组件可以直接在html页面书写;2),必须在vue实例定义前定义组件;局部注册:该组件只能存在特定的实例之中; 语法:new Vue({components:{组件:obj或func}});二)数据传递:组件间数
2017-02-03 18:03:51
277
原创 React中的Router
React-Router:在react中,路由可以作为一个塑件存在,只要配置合适的属性参数,渲染到页面,就可以起到路由的作用。Router组件是一个路由容器,里面可以包含多种类型的路由组件:Route组件,IndexRoute组件,Redirect组件,IndexRedirect组件,Link组件,IndexLink组件;一)Router组件:主要用来作为路由组件的容器(根节点);属性
2016-12-15 16:02:00
709
原创 打包工具browserify的配置
Browserify定义:将若干个js文件合并到一个指定的js文件中,该文件包含了所有传入的js文件内容,直接在页面引入该文件就可运行;目的:将具有依赖关系的文件打包成一个文件,在浏览器中直接调用;运行环境:第一种:在node.js环境下打包;第二种:在支持common.js的环境下打包(最简单的就是要支持require和module.exports);缺点:只能对js文件有效
2016-12-11 16:18:03
3234
原创 前端自动化工具概念
前端自动化构建工具:定义:将html,css,js,img等各模块的资源进行检查,编译,整合,压缩,打包成一个或者多个的静态资源文件,以便于测试,维护和更新等操作;组成:任务管理工具+打包工具+构建工具;一)任务管理工具:定义:具有自身一整套的任务声明语法赫尔任务实现接口,可以创建若干个如压缩,测试,替换等相互依赖的任务,且任意选择一个任务执行,从而构建出整个网站;代表工具:g
2016-12-10 21:20:54
591
原创 React中的flux
React缺点:只是一个UI组件,很难应用在大型的应用中,因此需要搭配合适的前端框架,即:React+前端框架=大型应用;flux:是一个单向数据流动的架构,主要由四部分组成:action+store+dispatcher+view;view:是一个控制器角色的视图;action:是用来作为数据传递的途径;dispatcher:分配器,将action分配到对应的store,并触发回
2016-12-07 21:28:07
718
原创 服务器渲染中的异步数据加载
static:是组件类的静态方法的集合,能在组件创建前后调用,属于组件类成员;注意:1)在静态方法中不能访问实例成分(props,state等),若要访问,则要将实例成员以参数的形式传入静态方法中;2)定义在组件类中;调用:(组件外):组件类.静态方法;(组件内):有两种方式,一是组件类.静态方法;二是this.constructor.静态方法;异步数据:客户端:由
2016-12-04 22:22:48
926
原创 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
1109
原创 访问受控的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
270
原创 React中的表单组件
React中的表单组件分为:约束性组件和无约束性组件两种;无约束性组件:定义:表单元素的行为和React组件的行为不一致,即表单元素不完全受React控制;缺点:由于表单元素的内容b并不一由state控制,所以比要让React组件重新渲染比较麻烦;访问无约束性组件的方法:利用ref属性;特征:表单内常含有defaultValue或者defaultChecked来设置默认值;
2016-11-29 14:28:46
417
原创 mixin知识点
定义:可以存放许多组件共用的方法,以便代码复用;用法:mixins以一个数组的形式配置在组件类中;语法:mixins:[object(func)]; func:返回的必须是一个对象; object:一个包含许多组件共用的方法的集合;执行顺序:1)在组件类中,先执行mixins,在执行组件中的方法;2)在mixins中,从左到右执行;用途:1)可用于存放专门监听
2016-11-26 13:32:04
328
原创 React中父子组件间的通信问题
子组件调用父组件:1)在父组件设置对应的属性和方法;2)将父组件的属性,方法设置在子组件的标签属性上;3)子组件中利用this.props来调用父组件的成员;eg:父: var p=React.cleateClass({ getDefaultProps:function(){ return{a:1} }, render
2016-11-25 15:30:58
3205
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人