关于前端复用的实践

上篇说,我希望可以做到基本不写js代码而写一套站,这几天来网易,真心体会到了。

在公司做后台管理,不出意外用angular,也是那种比较小的应用,逻辑不复杂,但是页面不少。ngRouter没有换成uiRouter,oclazyload也没有涉及。给我印象最深的就是组件指令的复用。

就拿上次说的表单复用来说,我只需要写一个标签就做到了复用,我只需要给它赋一个name,然后写上检查属性就可以,比如

<input name="test" type="number" max=15 min=10 ng-model="xxx" />

ok,我把它放到页面上就能运行。封装过的指令提示,有一套自己规范的错误提示方式弹出提示。

当然复杂逻辑下需要引入该server来配置检测规则,或者配置自定义错误提示内容等等。

每次我都不需要写js。。感觉超级棒。

这里常用的东西,比如表单验证器,弹框,左右添加的列表,富文本编辑器,什么都封装好了,我只需要去调用。

就像webpack的配置,,一次配置,终身受益。。

另外在网易比较感兴趣的是gulp server,超长的gulp文件起的server,一键启动,mock数据。用的express的node服务器,还没看。。可以研究研究。

posted @ 2016-05-18 17:06  chenby  阅读(627)  评论(0编辑  收藏  举报