关于前端复用的实践

Posted 2020-07-07 chenby

上篇说，我希望可以做到基本不写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服务器，还没看。。可以研究研究。