前端方向-学习指路

只要能看到的，不管是 app，小程序，pc端，都是前端做的
前后端分离模式下，只需要从服务器获取数据，展示到页面，
或者把客户端获取到的数据传递给服务器，属于应用层和交互层

后台需要处理数据，需要会算法
通过算法考察思维逻辑

动手是学习的重要组成部分：书籍中的每一个例子都动手实现并在浏览器中查看效果
掌握原生javascript的基础上推荐熟练掌握jQuery，在实际工作中用处很大

Grunt：前端自动化工具，提高工作效率
less css：优秀的CSS预处理器
bootstrap：优秀的CSS框架，对没有设计师的团队很不错，与less结合使用效果完美
requirejs：AMD规范的模块加载器，前端模块化趋势的必备工具
Node.js：JavaScript也可以做后台，前端工程师地位更上一步
AngularJS：做Single Page Application的好工具
移动端web开发：智能手机的普及让移动端的流量正在逐步赶超PC端
Javascript内存管理：SPA长期运行需要注意内存泄露的问题

工具
chrome dev tools：前端开发调试利器

1. 着重注意几个功能：
   console（废话）
   elements:元素样式调整，很常用
   sources：代码中添加断点，单步调试，以及单步调试过程中查看内存中的对象
   watch expression：通过表达式查看当前内存中的值
   call stack：查看调用栈，开启async，可以看异步调用栈（这个非常有用，尤其是ajax调试的时候）
   scope variables：作用域链上的变量，非常有用
   network：抓包查看每个请求，非常重要，前后端联调必备
   timeline：分析渲染、js执行等等各个阶段，性能优化利器
   emulation：模拟移动端环境，mobile页面开发必备
2. 一些插件:
   liveload: 修改页面后自动刷新，不用按F5
   dimensions：直接在页面上测量的利器
   livestyle：css样式修改后自动起效果，不需要刷新，elements修改后也能同步到代码中
   image tool：测量，取色
   UC二维码：移动端调试扫码必备
   pagespeed，YSlow：页面性能分析和优化插件
   马克飞象：优秀的在线markdown编辑器，快速写周报，做记录

Mark Men：测量、取色、标注利器，拿到视觉稿之后第一个打开的软件
GFW Fucker：我用红杏，可以的话买个虚拟服务器当梯子
iHosts：非常优秀的hosts管理软件，轻松修改hosts，开发调试必备
Charles：Mac 平台最好用的抓包分析工具
Rythem