2015.12.20葡萄藤前端技术交流峰会拾零

2015.12.20葡萄藤前端技术交流峰会拾零

        首先是沁修姐结合51包装项目后台讲的angularJs的一些使用及其优劣。咱们本身使用的结构基本上是bootstrap+（ngstrap、summernote、loadingbar等组件）+ui-rote+lazyload+angular。由于中创项目用的也是angular，使我对其也有些粗浅认识。

        先说说优势：angular这种MVC/MV*框架搭建速度快，结构清晰，易维护，适合模块化开发，其中的指令及数据双向绑定能大福简化代码量，减小了dom操做也利于组件封装公用，经过路由配置视图及相应控制器结合lazyload能够必定程度上减小代码的全局污染，优化性能。

        会上你们对angular的弱点或不足激发了一轮讨论。说说我我的的理解，MVC层次及注入思想使其不利于seo，爬虫抓到的可能只是结构性代码而非有意义的内容。感受只要用了ajax技术其实都差很少，如今ajax的seo问题彷佛是有一些解决方案的，不知道angular的这种问题是否能必定程度上获得缓解（有时间查查）。还有就是angular并非一个轻量化的框架，现阶段1.x的版本性能仍是一个很明显的问题，由于双向绑定须要时时监听model，这自己对资源就有很高的要求，固然中创有些慢很大程度仍是我代码写的问题。

        再说说会上说的它的使用门槛问题。做为js新手及angular的初级用户，感受angular上手还算容易，只是不少思想和Jquery及原生js有些不一样，大量的减小了dom操做而是经过与页面结构并没多少关系的指令去添加事件，不过这也仅限于入门级的使用，若是以前有一个较完整的angular框架，还有些代码能够借鉴，拿来用是没问题的，不过对于高级用法及实现原理的理解就须要坚实的脚本基础或经验为依托了。做为小白其实拿来用就好，彻底能够知足快速开发的，对应场景是有大神的公司能够快速实现后台管理等对seo要求不高的需求。

        利勇师兄所在公司分享的技术偏重原生及jquery实现，利用了python脚本动态生成结构及内容，及一些视图模板的使用，能解决一些seo问题，history.pushState结合ajax（搜了下有个封装叫pjax）能够实现无刷新后退，而后他们经过md5来匹配本地缓存。说真的我如今对这些知识点都没有什么概念，一个是不了解，一个是没应用场景。

        再后来是阿里大神提了下阿里对如今的一些新技术的使用，如nodejs、react之类的，前段时间双十一就有文章说nodejs在双十一期间获得了不少应用，忽然想到当产品时看到的淘宝ued分享的nodejs与先后端分离的文章，不明觉厉。依赖管理使用bower及npm，大神们说bower已不维护，能够用npm替代，感受如今github上的不少开源项目都是经过npm来进行组件管理或者经过npm来安装，限于技术、经验、眼界我虽然对这种新东西彻底没概念，但不过不得不感叹Js真的很强大，前端发展极速的事实。

        对将来技术的展望。前端技术推陈出新，发展迅猛，各类框架/库乱世争雄，被时间、市场、开发者打磨、淘沙后哪些能获得确定我说很差，不过每种技术都有其优劣，根据需求及团队状况合理选择才是上策，随着团队磨合技术沉淀能够适时封装适合本身的库。很是期待angular2.0带来的改变，随着计算机硬件性能的提高，代码的性能影响会相对减弱，相信到时候应用angular这种优秀框架的场景会愈来愈多。以上是我对此次交流会的记录及感想，若有不妥那就先不妥吧。