B/S架构 和 C/S架构

---

前端

• 页面加载
• 交互

后端

• 接收请求
• 处理请求
• 响应请求
• MVC、链式处理、模板引擎

---

HTML/CSS基础

• HTML常用标签
• HTML语义化
• DOM结构
• HTML5
• 常用CSS属性
• 盒子模型
• 定位、浮动
• 常见布局

固定尺寸、自适应；居中；

• meta
• Viewport
• CSS动画
• UI框架
• 响应式
• Canvas

---

JavaScript基础

• JS作用域
• undefined与null
• JS对象/函数
• DOM事件机制
  • 事件绑定、事件触发、事件冒泡
  • preventDefault、stopPropagation
• 闭包
• 原型继承、封装思维
• this
  • apply、call
• DOM操作
• JSON
• 正则
• 异步与回调
• JS加载与执行
• 浏览器解析
  • IE：Trident
  • FF: Gecko
  • Chrome/Safari: Webkit
• Callback问题
• 模板引擎
• 模块化
  • CommomJS
  • AMD

---

网络

• 互联网协议
• HTTP
• 跨域问题
  • 同源策略
  • JSONP

---

前端自动化

• Yeoman
• bower
• grunt/gulp
• Webpack

---

SPA

• MVVM
• Vue / Angular / React
• Mocha

---

NodeJS

• V8引擎
• NPM
• ES6
• Promise/Generator、async
• 回调函数
• 事件循环
• Buffer/Stream
• 模块系统
• 文件系统
• WEB模块
• 路由
• 框架
  • express / koa
• 数据库
• 工具
  • pm2
• 项目结构

前端开发笔记-gitbook