自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 收藏
  • 关注

原创 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

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除