作为一个菜鸟级别的.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 class="wlEmoticon wlEmoticon-hotsmile" style="border-top-style: none; border-bottom-style: none; border-right-style: none; border-left-style: none" alt="热烈的笑脸" src="/Upload/Images/2013120210/BBCB4CE8B96DF585.png" /> 等等 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