如何伪装成为一名前端（JS方向）

作为一个菜鸟级别的.NET开发者，在连服务器都没搞定的情况下，要研究前端，这是在扯淡，不过，迫于工作的需要，时常需要去前端打杂，所以经常伪装成为一名前端，有时候竟产生错觉，去应聘Y一份前端work吧。。。。。。

第一招：收集jquery的 chm帮助手册

  因为经常但又不是很频繁的写js，记不住jquery的api，咋办？当然是chm的帮助手册方便查询，其他各类JS框架都有chm的速查版本

下载地址 http://ishare.iask.sina.com.cn/f/12406216.html （ps：这个只是个示例，不一定好用，现在人，整的chm都是联网的。。）

第二招：收集NB的IDE编辑器工具

vs很简单，版本号越高，对js只能提示的支持越好，还有一些插件增强工具

机器装不起vs，我推荐JetBrains WebStorm，宇宙级别的 webIDE，webide世界的vs2013，搞js的基本上都装他

http://www.jetbrains.com/webstorm/

第三招：收集方便的调试工具和浏览器插件

ie系列：ietester  http://ietester.cn/

              my-debugbar：http://www.my-debugbar.com/wiki/CompanionJS/HomePage

              fiddler：http://fiddler2.com/

火狐系列：firebug，HttpFox

谷歌系列：谷歌自带的调试工具已经很好用了

第四招：写js，一定要写在js文件里面，

大量不权威的调查表明，同样一个人，写同样一个模块，写在js文件里面和写在其他地方和html、c#、php、等混在一起，

通常，前者写的快，下班早，问题少，不加班。

第五招：你还在拼接html吗？

越是服务器端写的nb，在js里面拼接html越是高端，

菜鸟服务器端：拼接的html横着拉三屏，也拉不完

中级服务器端：用+号拼接的html，竖着啦三屏，也拉不完

高级服务器端：堆栈式的html拼接，堪称膜拜的对象

但他们都无法逃离，单引号，双引号，换行符回车等的折磨。

js模板引擎，专业的拼接html的工具 jquery.tmpl.js 等各种高雅上档次的工具是在太多了，因为我太菜了只学会jquery.tmpl.js了。。。。

jquery.tmpl ：https://github.com/BorisMoore/jquery-tmpl

jtemplates ：http://jtemplates.tpython.com/

qq 的 http://cdc.tencent.com/?p=5723

百度的 http://baidufe.github.io/BaiduTemplate/

Twitter 的 http://twitter.github.io/hogan.js/

 

第六招：面对依赖，不茫然

菜鸟最大的特点就是自己什么也写不出来，然后一个页面乱七八糟的各种js插件，面对js相互依赖和打架，死的心都有了

服务器端开发面对各种依赖，有各种IOC等框架，

在js领域，有以AMD 模式为核心的各种工具，例如requirejs，saejs，labjs等，

PS:在全国各地网速不一样，的全局环境下，以AMD为模式的js加载方式更适合国情

http://requirejs.org/

http://seajs.org/docs/

http://labjs.com/

 

第七招：NO ie 6 ， PC less

不移动不前端，很多人拒绝做前端，都是被ie6折腾的（IE6 那是专业前端混饭吃的法宝），

再加上在电脑上用户体验不是刚需，因此都不怎么上心。

可移动多端就完全反过来了，没了ie6，刚需，还有什么值得犹豫的呢。

第八招：无数据不前端，玩前端，有个弱点，自己如果没有数据，怎么扯也是白搭，因此要借助第三方api接口来满足自己的胃口

  新浪微博 api、 qq微博 api、 淘宝 api、github api、stackoverflow api、雅虎 api 

还有正在秘密研发中的博客园 api 等等 api

第九招：无用户不前端，没用户自己折腾NB的界面给谁看呢？这不是扯淡？

新浪微博 开放平台、qq微博开放平台、uc浏览器开放平台、微信公众平台 等

第十招：前端的信仰，没有自己的图腾，怎么能学好东西呢？，盖房子挖地基还要上香白鲁班呢

前端N人的微博

老赵：http://weibo.com/jeffz?topnav=1&wvr=5&topsug=1

玉伯也叫射雕：http://weibo.com/lifesinger?topnav=1&wvr=5&topsug=1

寒冬winter：http://weibo.com/wintercn?topnav=1&wvr=5&topsug=1

等等一堆人

 

PPT:http://vdisk.weibo.com/s/DOlfks4SvIN/1385905801