240 发简信
IP属地:上海
  • React 组件性能优化

    React 组件性能优化最佳实践 React 组件性能优化的核心是减少渲染真实 DOM 节点的频率,减少 Virtual DOM 比对的频率。 ...

  • 卡顿监控

    最近参考Matrix做了卡顿监控的流程,整体流程思想就不多说了。这里注释了核心方法代码,做下记录,也方便大家阅读代码。 子线程监听-核心主流程 ...

  • Resize,w 360,h 240
    (六)Vue-模板编译和组件化

    模板编译 模板编译的主要目的是将模板 (template) 转换为渲染函数 (render) vue-template-explorerVue ...

  • (五)Vue-响应式原理

    响应式 响应式处理的入口 src\core\instance\init.js initState(vm) vm 状态的初始化 初始化了 _dat...

  • Resize,w 360,h 240
    (四)Vue-渲染过程

    Vue 的不同构建版本 完整版:同时包含编译器和运行时的版本。编译器:用来将模板字符串编译成为 JavaScript 渲染函数的代码,体积大、效...

  • Resize,w 360,h 240
    (三)Vue-Snabbdom

    虚拟 DOM 的作用 维护视图和状态的关系 复杂视图情况下提升渲染性能 跨平台• 浏览器平台渲染DOM• 服务端渲染 SSR(Nuxt.js/N...

  • Resize,w 360,h 240
    (二)Vue-模拟实现响应式

    数据驱动 数据响应式、双向绑定、数据驱动 数据响应式数据模型仅仅是普通的 JavaScript 对象,而当我们修改数据时,视图会进行更新,避免了...

  • (一)Vue-路由

    路由使用 静态路由 动态路由通过当前路由规则获取 或者 通过开启 props 获取, 建议通过props来解耦 3.嵌套路由 路由跳转repla...

  • 手写SyncHook&AsyncParallelHook

    Hook 基类,负责通用方法实现 HookCodeFactory & SyncHookHookCodeFactory 代码构建SyncHook ...