前端学习文章总结

作者: pengji | 来源:发表于2020-09-02 18:49 被阅读0次

    收录在此的一定都是我看过的,并且认为还不错的。赠人玫瑰而已。

    JS基础

    # js基础题
    # 变量提升、闭包等题

    ES6相关

    # Symbol 及其 Polyfill

    Vue

    # 响应式、双向绑定
    # 生命周期
    # 数据状态 - 这一部分每台看懂,需要找时间看明白
    # 组件通信
    # 虚拟dom和diff算法
    # computed 和 watch
    • Vue.js的computed和watch是如何工作的?
      借鉴:计算属性本质上是一个computed watch,侦听属性本质上是一个user watch。且它们其实都是vue对监听器的实现,只不过computed主要用于对同步数据的处理,watch则主要用于观测某个值的变化去完成一段开销较大的复杂业务逻辑。。能用computed的时候优先用computed,避免了多个数据影响其中某个数据时多次调用watch的尴尬情况。

    css基础

    本着css是硬桥硬马的功夫,还是多实践方能大成。


    前端工程化

    # Webpack
    • Webpack源码解读:理清编译主流程
      简单总结一下 webpack 编译模块的基本流程:

      1. 调用webpack函数接收config配置信息,并初始化compiler,在此期间会apply所有 webpack 内置的插件;
      2. 调用compiler.run进入模块编译阶段;
      3. 每一次新的编译都会实例化一个compilation对象,记录本次编译的基本信息;
      4. 进入make阶段,即触发compilation.hooks.make钩子,从entry为入口: a. 调用合适的loader对模块源码预处理,转换为标准的JS模块; b. 调用第三方插件acorn对标准JS模块进行分析,收集模块依赖项。同时也会继续递归每个依赖项,收集依赖项的依赖项信息,不断递归下去;最终会得到一颗依赖树;
      5. 最后调用compilation.seal render 模块,整合各个依赖项,最后输出一个或多个chunk;
      以上为简单的时序图

      该作者的编译主流程以及后续文章读完让我对webpack有了新的认识,并且去学习了webpack源码,受益匪浅。

    # HMR
    # babel

    Node

    操作系统及网络


    复习导图


    面经

    相关文章

      网友评论

        本文标题:前端学习文章总结

        本文链接:https://www.haomeiwen.com/subject/adllmhtx.html