关于前端复用的实践
2016-05-18 17:06
411 查看
上篇说,我希望可以做到基本不写js代码而写一套站,这几天来网易,真心体会到了。
在公司做后台管理,不出意外用angular,也是那种比较小的应用,逻辑不复杂,但是页面不少。ngRouter没有换成uiRouter,oclazyload也没有涉及。给我印象最深的就是组件指令的复用。
就拿上次说的表单复用来说,我只需要写一个标签就做到了复用,我只需要给它赋一个name,然后写上检查属性就可以,比如
ok,我把它放到页面上就能运行。封装过的指令提示,有一套自己规范的错误提示方式弹出提示。
当然复杂逻辑下需要引入该server来配置检测规则,或者配置自定义错误提示内容等等。
每次我都不需要写js。。感觉超级棒。
这里常用的东西,比如表单验证器,弹框,左右添加的列表,富文本编辑器,什么都封装好了,我只需要去调用。
就像webpack的配置,,一次配置,终身受益。。
另外在网易比较感兴趣的是gulp server,超长的gulp文件起的server,一键启动,mock数据。用的express的node服务器,还没看。。可以研究研究。
在公司做后台管理,不出意外用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服务器,还没看。。可以研究研究。
相关文章推荐
- JQuery常见特效实现方法
- phpass0.1版本对应的javascript版本重写
- 剑指Offer——数字在排序数组中出现的次数
- AngularJS scope的一个特性:刷新子scope的时候,也会刷新父scope;反之亦然
- html5-在网页中来回拖放图片
- js try{}catch(err){} 异常处理
- CSS布局口诀
- 【leetcode】237. Delete Node in a Linked List
- 剑指Offer——判断平衡二叉树
- jQuery EasyUI datagrid 无记录时,增加"暂无数据"提示
- JS+Canvas 实现下雨下雪效果
- 剑指Offer——数组中只出现一次的两个数字
- 关于使用jsp:include标签及<%@ include标签时要注意的事项
- JSP 最佳实践: 用 jsp:include 控制动态内容
- 1.AngularJS 模块
- 三种Ceph rgw前端的配置方式
- HTML中的列表
- 如何判断Javascript对象是否存在的简单实例
- 辨析Java中的String与StringBuffer及StringBuilder字符串类
- jquery遍历json对象集合详解