- 博客(8)
- 收藏
- 关注
RSS订阅原创 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
848
原创 关于vue服务端渲染 2 数据预存取
在我看来服务端的主要痛点就是数据的存取,有各种不同的解决方法但是哪一种都感觉不够完美。 这里通过vuex来进行服务端和客户端的数据同步,主要根据是服务端渲染完成之后如果存在store,会在window中插入一个字段来表示，客户端可以通过这个字段来直接加载。上文里配置router,vuex的配置方式类似先声明一个vuex的工厂函数import Vue from 'vue'import...
2018-07-14 14:07:26
1432
原创 关于vue服务端渲染 1 构建配置
服务端渲染的本质是后端根据路由的情况在后端渲染这个组件的html代码，然后发送到前端，前端通过传来的 data-server-rendered=”true”标识符来得知这个html是由服务器渲染的，然后进行加载到自身进行管理。在服务端渲染的时候，beforeCreate和created生命周期都是存在于服务端的，没有任何浏览器对象，如果在里面访问document或者window这种对象会在渲染...
2018-07-14 12:30:19
1570
原创 关于 js的运行机制
js首先是单线程的，也就是一条路走到黑..从上到下的顺序执行。 为了避免阻塞js提供了异步回调机制，比如settimeout,setInterval,以及新增的Promise。 在js执行过程中，如果是同步任务，就会直接运行，如果是异步任务就会把他们放入等待区(EventTable)中在等待它运行结束,完成后把回调函数放到任务列表中。 任务队列又分为 宏任务队列，微任务队列。 宏任务包含：...
2018-05-31 15:57:00
138
原创 关于回流，重绘，以及documentFragment，requestAnimationFrame的应用
首先在网页里面的DOM应该是静态的，每一个节点长什么样，里面写的什么，都是静态的不会改变的，会在第一次加载的时候根据一些信息进行绘制，之所以会发生改变是因为js脚本里改变了dom结构或者css里触发了一些变化，在js修改dom之后，网页会重新渲染这个网页，这就触发了回流，比如改变了一个元素的宽高，这个宽高影响了其他元素的位置，所以浏览器需要对视图进行变化，而当某个元素没有发生影响其他元素以及只对自...
2018-05-31 14:07:08
632
原创 关于this
this的调用一般分为以下几种默认绑定隐式绑定显式绑定new绑定箭头函数上下文绑定其实看this到底是谁，取决与被谁调用，之前有个博文说得 好 this的指向取决于前面那个点1，默认绑定foo();这里的foo里如果使用了this，这个this在非严格模式是指向了全局的window对象因为他没被其他任何人调用，也就是...前面没点2，隐式绑...
2018-05-30 23:26:31
134
原创 关于原型，原型链，new，继承
原型分为显式原型prototype和隐式原型，基本上所有类型都拥有隐式变量，在一些浏览器里隐式被叫做 __proto__。可以理解为 显式原型为自身的原型，隐式原型为一个引用，指向的是父级的原型。 function fn(){} console.log(Object.getPrototypeOf(fn)===Function.prototype); //true fn的隐式引...
2018-05-30 21:58:22
562
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人