一年毕业菜狗,国企 基本0经验。最近在面试互联网前端职位,严重感觉经验匮乏。很多公司用到的东西都没用过,写个js,代码写的一塌糊涂,代码结构很挫。跪求,大牛们给些建议。如何快速学会写出漂亮的js模块化代码

1 sohu022 Aug 4, 2014 多读书,多看报,少吃零食多睡觉。基本功练到后可以多分析分析优秀的开源项目,会学到很多更有用的东西。 |
2 coinxu Aug 4, 2014 如果是前端js,直接看jQuery源码,硬着头皮啃,看不懂google + 搜索别人的jQuery学习笔记 |
5 guitarkitten Aug 4, 2014 secrets of Javascript ninja |
6 Navee Aug 4, 2014 平时多折腾一下jQuery,熟悉了js之后可以尝试各种风骚的写法. |
7 ssyz1988 OP @guitarkitten 这本书是不是没有中文版?我没找到,, |
8 ChiChou Aug 4, 2014 |
9 lijsh Aug 4, 2014 能问下为啥要面试前端吗? |
10 loading Aug 4, 2014 via Android 国企还知道面试?送礼吧! 美工第一!代码能跑就行! |
14 jiyinyiyong> Aug 4, 2014 写 CoffeeScript, 生成 Javascript.. |
15 otakustay Aug 4, 2014 认真写上70W行,还不行建议转行 |
16 jings Aug 4, 2014 Javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; var DI= document.getElementsByTagName("img"); DIL=DI.length; function A(){for(i=0; i<DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5+"px"; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5+"px"}R++}tag=setInterval('A()',5 );document.Onmousedown=function(){clearInterval(tag);for(i=0; i<DIL; i++){DI[i].style.position="static";}}; void(0) |
18 hxgdzyuyi Aug 4, 2014 从头开始写 bootstrap 的 widget。 没有头绪就翻源码看看。 前端应该是发展路径很短的,上手的话应该很容易。~ 相信自己,没问题的! |
19 akfish Aug 4, 2014 看lz主要是关心模块化和代码架构问题,大概这么几步 1. 把JS的OOP玩转,可以用CoffeeScript作为辅助能省不少事 2. 在项目里用上动态加载器,RequireJS、SeaJS等 3. 用一些框架开发有一定规模的前端程序,如Backbone.js 设计模式可以了解下,前端用得多的也就是MVP/MVC,别生搬硬套,别天天挂在嘴边,不然设计模式无脑黑分分钟来找你麻烦。 切忌过度设计。 |
21 wolong 读jquery源码,v2上有一个网友卖打印好的jquery代码。 然后试着做一个类似windows桌面的页面,包括拖动图标右键菜单调整窗口什么的。感觉就差不多了。 |
22 frankzeng Aug 4, 2014 自己造个轮子呗,每个程序员心中都有一个轮子梦,造轮子对业务没有什么帮助,但是可以提升自己的能力+项目经验+晋级申报 |
23 judasnow Aug 4, 2014 读 sicp (完成课后习题)。 |
24 zangbianxuegu Aug 5, 2014 @hxgdzyuyi 这个建议不错 |
25 zythum Aug 5, 2014 上面说读jQuery源码的都是扯。jQuery都是各种黑科技。不适应初学者的。 你说对初学者说weekmap用重写valueof来实现有用么... 你说对初学者说用getBoundingClientRect来实现offset方法要比一直往上遍历父节点的top,left 来的效率高。但是如果做了transform scale缩放的话计算就不准了(除非orgin是0,0的)。有用么... 这些对初学没有意义。jQuery适合给初学者用。但是不适合给初学者当作范本看源码。 其实和大部分人说的。造轮子是个很好的方式。代码写多了。才能知道为什么需要这么设计。 不是为了设计去设计。生搬硬套不得。 |