前端知识相关

涉猎的知识太杂了,决定近半年专注前端知识。

大纲

-vue原理,vue源码分析

-性能优化

-骨架屏

-原型链

-rem,移动端

Mix知识

nextTick,和宏任务,微任务,JS引擎线程和事件触发线程有关。

DOM渲染完后执行。

首屏,性能分析

Performance 页面性能分析

计算首屏白屏时间

跨域解决方案

1、 通过jsonp跨域
2、 document.domain + iframe跨域
3、 location.hash + iframe
4、 window.name + iframe跨域
5、 postMessage跨域
6、 跨域资源共享(CORS)
7、 nginx代理跨域
8、 nodejs中间件代理跨域
9、 WebSocket协议跨域

JS作用域,

JS闭包

闭包说白了是个函数作用域的问题,作用域-引申到垃圾回收-循环依赖-内存泄漏-dom对象和JS对象的不同-this作用域-再到原型链-面向对象-甚至再到js引擎-浏览器内核。

-Virtual Dom 的优势

  • 虚拟 DOM 不会立马进行排版与重绘操作
  • 虚拟 DOM 进行频繁修改,然后一次性比较并修改真实 DOM 中需要改的部分,最后在真实 DOM 中进行排版与重绘,减少过多DOM节点排版与重绘损耗
  • 虚拟 DOM 有效降低大面积真实 DOM 的重绘与排版,因为最终与真实 DOM 比较差异,可以只渲染局部

-观察者模式,升级订阅者模式。

观察者模式与发布订阅模式

在观察者模式中依赖于 Subject 对象的一系列 Observer 对象在被通知之后只能执行同一个特定的更新方法,而在发布订阅模式中则可以基于不同的主题去执行不同的自定义事件。相对而言,发布订阅模式比观察者模式要更加灵活多变。

 

发表评论

邮箱地址不会被公开。