• 等级
  • 1019 访问
  • 8 原创
  • 0 转发
  • 1485315 排名
  • 0 评论
  • 2 获赞

React 学习笔记 - 1 生命周期和数据对象

React给我的第一感受就是封装至上,他不喜欢mixin更偏爱用层层封装,好处显而易见,多种多样的嵌套可以灵活的组合出很多不同的组件,如果说js万物皆对象的话,那react就是全部是组件。 和Vue不同 直接先用官方脚手架初始化一个项目,后期再照猫画虎学习配置项 npm init react-app my-app // yarn create react-app my-app 想要看配...

2018-08-30 16:56:48

关于vue服务端渲染 2 数据预存取

在我看来服务端的主要痛点就是数据的存取,有各种不同的解决方法但是哪一种都感觉不够完美。 这里通过vuex来进行服务端和客户端的数据同步,主要根据是服务端渲染完成之后如果存在store,会在window中插入一个字段来表示,客户端可以通过这个字段来直接加载。 上文里配置router,vuex的配置方式类似 先声明一个vuex的工厂函数 import Vue from 'vue' import...

2018-07-14 14:07:26

关于vue服务端渲染 1 构建配置

服务端渲染的本质是后端根据路由的情况在后端渲染这个组件的html代码,然后发送到前端,前端通过传来的 data-server-rendered=”true”标识符来得知这个html是由服务器渲染的,然后进行加载到自身进行管理。 在服务端渲染的时候,beforeCreate和created生命周期都是存在于服务端的,没有任何浏览器对象,如果在里面访问document或者window这种对象会在渲染...

2018-07-14 12:30:19

关于事件捕获,事件冒泡以及事件委托

事件捕获 事件冒泡 事件委托

2018-06-07 11:49:47

关于 js的运行机制

js首先是单线程的,也就是一条路走到黑..从上到下的顺序执行。 为了避免阻塞js提供了异步回调机制,比如settimeout,setInterval,以及新增的Promise。 在js执行过程中,如果是同步任务,就会直接运行,如果是异步任务就会把他们放入等待区(EventTable)中在等待它运行结束,完成后把回调函数放到任务列表中。 任务队列又分为 宏任务队列,微任务队列。 宏任务包含:...

2018-05-31 15:57:00

关于回流,重绘,以及documentFragment,requestAnimationFrame的应用

首先在网页里面的DOM应该是静态的,每一个节点长什么样,里面写的什么,都是静态的不会改变的,会在第一次加载的时候根据一些信息进行绘制,之所以会发生改变是因为js脚本里改变了dom结构或者css里触发了一些变化,在js修改dom之后,网页会重新渲染这个网页,这就触发了回流,比如改变了一个元素的宽高,这个宽高影响了其他元素的位置,所以浏览器需要对视图进行变化,而当某个元素没有发生影响其他元素以及只对自...

2018-05-31 14:07:08

关于this

this的调用一般分为以下几种 默认绑定 隐式绑定 显式绑定 new绑定 箭头函数上下文绑定 其实看this到底是谁,取决与被谁调用,之前有个博文说得 好 this的指向取决于前面那个点 1,默认绑定 foo(); 这里的foo里如果使用了this,这个this在非严格模式是指向了全局的window对象 因为他没被其他任何人调用,也就是...前面没点 2,隐式绑...

2018-05-30 23:26:31

关于原型,原型链,new,继承

原型分为显式原型prototype和隐式原型,基本上所有类型都拥有隐式变量,在一些浏览器里隐式被叫做 __proto__。可以理解为 显式原型为自身的原型,隐式原型为一个引用,指向的是父级的原型。 function fn(){} console.log(Object.getPrototypeOf(fn)===Function.prototype); //true fn的隐式引...

2018-05-30 21:58:22

HeyWeoil

关注
  • 中国 北京 丰台区
  • 粉丝 1
  • 关注 0

    空空如也