动图镇楼 在线演示：[链接] 书接上文 【教学向】再加150行代码教你实现一个低配版的web component库（1） —设计篇 先回顾一下 上文说道一个基本款的custom web component由3大部分组成，同时也必须具备4大功能 三大部分是 {代码...} 四大功能是 {代码...} Component定义文件格式如下 {代码...} 接下去，本篇就会一一讲解...

为了便于分模块，和阅读，我使用了Typescript来进行coding，总行数是正好150行，最早写DEMO的时候用了ES2015，代码行数应该在100行出头，如果你不会搭ts+webpack的编译UMD环境，你也可以把本文中的ts语法人肉转成es6或者es2015，我相信这对你（一个有志于学写mvvm库的青年）来说没有什么难度。

本文适合对MVVM有一定了解（如有主流框架ng，vue等使用经验配合本文服用则效果更佳），虽然会用这类框架，但是对框架底层核心实现又不太清楚，或者能说出个所以然，但是让他自己动手写又没有头绪的码友。如果还没听说过MVVM，不妨先收藏着。。。

2015年9月29日在sf发布了po主的第一篇专栏文章——《轻量级的双向绑定工具 —— ukulelejs》（<——不明真相的群众可以先戳这个链接） 自从2015年7月2日起，历经了261次commit，Ukujs终于发布了1.1.0版本1.1.0版本的重大更新有 完成一次重大重构并全部迁移到Typescript Web Component功能趋于稳定 Ukujs官网(http://momoko8...