前端分享

1.技术范围

模块化/组件化

• Reactjs
• Vue2
• requireJS
• Component(前后端)
• ...

构建

• gulp
• npm script
• webpack
• browserify
• r.js
• ....

开发流程

• 开发环境-->mock
• 测试环境-->proxy
• 线上环境-->预上线
  • CDN
  • 压缩打包版本号
  • Combo

常见类库

• jQuery/zepto
• d3/ehcart
• iscroll

语言

• nodejs
• python
• go
• bash
• ...

框架

• koa
• express
• hapi
• sails
• ...

框架（2）

• 容灾
• 日志
• 高并发
• IO
• 缓存(Redis/memcache/...)
• ...

其它？

• http
• iconfont
• svg
• webgl
• mongo
• ...

2.现状和未来

繁荣与混乱

ES6？类切面编程？静态检查？

『能用JS写的应用最终被JS写出来』

大前端

所谓端工程师？

3.电商的前端技术？

特点

• 快速上线
• code review，代码质量

有意思的技术？

• bigpipe
• lazyload
• bigrender
• sub/pub
• firstscreen render
• inline resource

数据的交互方式？

• 同步怎么给？window.__global = {}
• 异步怎么给？除了Ajax？
• 用模板引擎？hbs？ejs？or？
• 怎么决定数据交互方式？

性能优化

• http的资源并发上限
• http的状态协议和请求头
• 所谓http2？
• 静态资源的合并策略，静态？动态？
• 按需加载
• nginx做反向代理？

4.重复造轮子？

相同代码的处理方式？

组件化？抽象再抽象？

自动化的本质

如果是npm包？

建议每个前端多看看和多抄抄

5.扩展性？

肯定要考虑的

a. 要扩充技术栈

保持足够的技术需求

b. 要考虑团队成员的接受能力

c. 要考虑业务场景

比如B端？C端？采取的架构也是不一样的