前端是做什么的

• 屌丝说法: 切图仔~
• 一般说法: 实现网页视觉和交互的人
• 我比较喜欢的说法: 前端是后台实现和视觉表现的桥梁，是贯穿在整个产品开发过程的纽带。

web开发简单的发展历程(前端视角)

• 刀耕火种的年代,基本上没有什么前端工程师的事情。
• 以后端为主的MVC,prototype,jquery等通用库出现
• web2.0/Ajax,网站的交互性更强,前端复杂性更高。backbone为代表的前端mvc框架出现
• 以前端为主的MV*时代。angular,ember.js,KnockoutJs等框架。前端模板,路由,model层等
• nodejs带来的全栈时代,前端工程化,前端组件化,前后端分离。

我们现在所做的

• 前端半工程化
• 前端组件化

所依赖的技术: npm,webpack,babel,vuejs等

npm: nodejs package manager(pip to python,gem to ruby)

webpack: The flexible module bundler

babel: Babel is a JavaScript compiler.Use next generation JavaScript, today.

vue.js: Reactive Components for Modern Web Interfaces

vue.js options

基于vuejs的组件化开发

基于npm的跨项目组件复用

我们的第一个跨项目组件,点击这里