发布在web组件探索2015年12月9日view:685
在文章任何区域双击击即可给文章添加【评注】!浮到评注点上可以查看详情。

背景

  • DOM 操作逻辑的弊端

    • 声明式指令替代命令式操作,操作与DOM对象不隔离
    • 声明式指令的原理
  • WebComponent走向

    • 为什么需要Web Components
      • 生命周期的约定与统一的封装
      • 不关心实例化过程与实例管理

库的选择

name component data-binding size(gzip)
Angular x 52k
React 40k
Vue 24k

假如我们的业务是xxx

综上,结合业务,选择了Vue

React 与 Vue 的比较

React 的缺陷 * render 方法的膨胀与碎片化问题 * 封装过事件系统带来的调试麻烦 * DOM diff 的潜在的性能损耗 * JSX 的一定程度影响开发效率

Vue 的阻抗 * 模块逻辑不如 React 灵活 * ES5 defineProperty 的缺陷 * 初始化的DOM Walk 潜在的性能问题 * 组件生态不如 React 完善

它们都有: * DOM的增量更新 * Array-list 的 diff (长列表更新性能优化)

Vue 的一些理念

参照 Vue 的PPT:https://docs.google.com/presentation/d/1gXjZmkO9zhl6ltnioYp43eguYpDF3GoAISmd2nrSp6E/edit#slide=id.g5fc474681_0363

Vue 的startup

参照官网:http://vuejs.org

业务实践

展示示例业务的 * 工程目录结构 * 组件化的构建方式 * 使用示例

评论
发表评论
暂无评论
WRITTEN BY
kimo
a coder,create things.
TA的新浪微博
PUBLISHED IN
web组件探索

在项目中关于组件化的一些问题,解决方案,和总结

我的收藏