lkdghzh / blog

Docs are available at
https://unarjs.org
2 stars 2 forks source link

blog

李可的个人博客

动画

  1. canvas:贝塞尔曲线及动画演示
  2. svg:演示viewport,viewBox,preserveAspectRatio

Unar Vue

Unar是一个模仿vue重写的mvvm框架(已经完成核心),欢迎star:bowtie:

  1. vue源码解析:劫持、代理
  2. vue源码解析:数据属性->存取器属性->收集依赖->实现mvvm双向绑定
  3. vue源码解析:fragment编译模板
  4. vue源码解析:指令工厂创建指令实例
  5. vue源码解析:指令继承(oop思想)逻辑指令(if for),操作指令(html value text),属性指令(:class :self)

前端性能

列举我平常用到的性能优化策略

  1. 防抖节流
  2. 浏览器渲染引擎优化
    • 重排=回流 render tree中layout、reflow
    • 重绘 render layer中repaint
    • 启动gpu硬件加速,translate-z,将render layer提升至graphic layer ,将位图交给GPU渲染
  3. 算法 递归到动态规划的算法优化
  4. 定时器和rAF对比(aAF并不完胜)
    • 定时器为何会丢帧? fps和定时器间隔,开发中调试,控制时间
    • rAF不能变换时间,生产中,不能控制时间

工程化

  1. gulp
  2. webpack加载机制

koa