前端小技巧总结

本篇来自于知乎前端界有哪些越早知道越好的小技巧小知识？（有改动，侵删）

一、工具篇

代码编辑器：推荐sublime（支持各种插件、主题、设置，使用方便）、VSCode

1.安装sublime插件

2.浏览器：推荐Google Chrome，更新快，对前端各种标准提供了非常好的支持

3.调试工具：推荐Chrome自带的Chrome develop tools，可以轻松查看DOM结构、样式，通过控制台输出调试信息，调试javascript，查看网络等

4.Chrome插件：liveload: 修改页面后自动刷新，不用按F5

　　　　　　dimensions：直接在页面上测量的利器

　　　　　　livestyle：css样式修改后自动起效果，不需要刷新，elements修改后也能同步到代码中

　　　　　　image tool：测量，取色

　　　　　　FQ工具：lantern, 壁虎漫步

5.电脑：苹果mac （早早适应 Mac 系统（Mac 是前端的标配））

6.找一个可多端同步的平台聚集自己的收藏，建立知识索引库（建议别用 Evernote）

7.找一个稳定的平台（github 吧），坚持写博客，时间久了，你会感觉自己在改变

8.webstorm，神器！几乎集成了前端都有的环境，更新速度也快。

最重要的是：它可以提醒你的一些疏忽或者很低级的错误！而不用自己瞎找半天

二、理论篇

1.提高英文水平（听说读写）

2.脱离你的鼠标（包括 windows 系统上）

3.前端自动化，顾名思义 减少前端工程师平时处理的繁琐。 比如项目文件的复制 切图的合并 css预处理器的编译 等

4.一个好的前端工程师，必须也是一个好的后端工程师

5.养成阅读英文文档和英文技术博客的习惯，时间一长你会发现思考问题和解决问题的路径比之前更为精准有效且持续。

6.时刻保持对自我前端知识体系建立的警惕和思考，不要因为时髦而冲动，根据自己的阶段慎重的判断知识的优先级

7.阅读前端牛人的博客、文章提升对知识的理解

8.善用搜索引擎

9.原生javascript是需要重点掌握的技能，在掌握原生javascript的基础上推荐熟练掌握jQuery，在实际工作中用处很大

10.搭建一个属于自己的博客

11.交流和沟通能力：这个非常重要，前端同时需要与项目经理、产品、交互、后台打交道，沟通不善会导致很多无用功，延缓项目

12.知识管理、时间管理：input和output的平衡，output是最好的input。如何做好分享，参与社区，做好交流，作好记录

13.对新技术的渴望，以及敢于尝试

14.前端的定位关乎到你需要吸收什么样的知识和技能，决定在技术世界里你对什么需要格外敏感。

如果你认为前端仅仅停留在切页面，实现交互和视觉的要求，那你对前端的认识还停留在初级阶段。