在网站开发过程中能否将多余的数据发送给web前端开发工程师，发送了有什么后果
点击联系发帖人
时间：2015-01-20 13:07
 上传我的文档
 下载
 收藏
该文档贡献者很忙，什么也没留下。
 下载此文档
正在努力加载中...
基于动态数据库的多国语言网站开发
下载积分：798
内容提示：基于动态数据库的多国语言网站开发
文档格式：PDF|
浏览次数：95|
上传日期： 19:00:51|
文档星级：
该用户还上传了这些文档
基于动态数据库的多国语言网站开发
官方公共微信不分清需求就喷是耍流氓。&br&&br&因为bootstrap压根就不是给前端用的。&br&&br&这东西是给完全没有任何设计水平的后端程序员（比如我）用的。&br&&br&作用是在完全没有美工帮助的情况下，&b&快速/敏捷&/b&的做出一个还看得过去的应用，并且从头到尾不用考虑如何做出xxx效果，只需要按着教程搭就行了。&br&&br&如果没有bootstrap，我&b&敏捷&/b&做出来的东西根本就不能看……
不分清需求就喷是耍流氓。因为bootstrap压根就不是给前端用的。这东西是给完全没有任何设计水平的后端程序员（比如我）用的。作用是在完全没有美工帮助的情况下，快速/敏捷的做出一个还看得过去的应用，并且从头到尾不用考虑如何做出xxx效果，只需要按着教…
&img src=&/94d3ad056ffe21cbcbc0dbf_b.jpg& data-rawwidth=&279& data-rawheight=&320& class=&content_image& width=&279&&&img src=&/f7613dd62dda2e6e5732_b.jpg& data-rawwidth=&279& data-rawheight=&320& class=&content_image& width=&279&&&img src=&/59f21dded3e30af26b7ad9_b.jpg& data-rawwidth=&278& data-rawheight=&320& class=&content_image& width=&278&&&img src=&/9cfb49dcb1e58feb64b92bd_b.jpg& data-rawwidth=&239& data-rawheight=&320& class=&content_image& width=&239&&&img src=&/03a5f9ed535acee7f769ac34_b.jpg& data-rawwidth=&320& data-rawheight=&287& class=&content_image& width=&320&&&img src=&/2d41bf3ac585a678bdef4e_b.jpg& data-rawwidth=&400& data-rawheight=&333& class=&content_image& width=&400&&&img src=&/7efc1c3ebb6e87e9e4b9a489462fdd8e_b.jpg& data-rawwidth=&270& data-rawheight=&320& class=&content_image& width=&270&&&img src=&/93b389eca_b.jpg& data-rawwidth=&320& data-rawheight=&291& class=&content_image& width=&320&&&img src=&/9fdf07bb0cef76e46bf6ecbe_b.jpg& data-rawwidth=&280& data-rawheight=&320& class=&content_image& width=&280&&&img src=&/ef729b4570f70afabe2197_b.jpg& data-rawwidth=&320& data-rawheight=&291& class=&content_image& width=&320&&&img src=&/ffd699e11248ace0ab6df33e_b.jpg& data-rawwidth=&277& data-rawheight=&320& class=&content_image& width=&277&&&img src=&/7aede9ac7233_b.jpg& data-rawwidth=&352& data-rawheight=&400& class=&content_image& width=&352&&&img src=&/3a6a727e993cf26513d8_b.jpg& data-rawwidth=&238& data-rawheight=&320& class=&content_image& width=&238&&&img src=&/d6b647ea3c43ae76410fd_b.jpg& data-rawwidth=&320& data-rawheight=&289& class=&content_image& width=&320&&&img src=&/af5ea350adceba_b.jpg& data-rawwidth=&249& data-rawheight=&320& class=&content_image& width=&249&&&img src=&/e06c3b268f9b67234ecbf9_b.jpg& data-rawwidth=&320& data-rawheight=&291& class=&content_image& width=&320&&&img src=&/72ac097ddf2ab4_b.jpg& data-rawwidth=&400& data-rawheight=&462& class=&content_image& width=&400&&&img src=&/7ad45db56df4f320a0a50b_b.jpg& data-rawwidth=&278& data-rawheight=&320& class=&content_image& width=&278&&&img src=&/0b858af192bf521c76a0_b.jpg& data-rawwidth=&266& data-rawheight=&320& class=&content_image& width=&266&&
来自子话题：
这种叫 &b&视差滚动（&/b&&b&Parallax Scrolling&/b&&b&）&/b&。即多个元素以不同的层次堆叠在一起，并随鼠标滚轮滚动而进行位置移动，进而形成立体的运动效果。&br&&img src=&/0eded911d455a13f14de39e8e6f26919_b.jpg& data-rawwidth=&670& data-rawheight=&500& class=&origin_image zh-lightbox-thumb& width=&670& data-original=&/0eded911d455a13f14de39e8e6f26919_r.jpg&&&br&&img src=&/d9a589a8a943bda6533e3_b.jpg& data-rawwidth=&437& data-rawheight=&295& class=&origin_image zh-lightbox-thumb& width=&437& data-original=&/d9a589a8a943bda6533e3_r.jpg&&&br&比如这个游戏画面里通过人物马里奥、前景、背景着三个部分的移动速率的不同来实现立体效果。类比网页也是如此。一个滚动视察的网站至少会有以下几层 ：背景层，内容层，贴图层。&br&&img src=&/03c36b7efb6f1a0fddaa73_b.jpg& data-rawwidth=&694& data-rawheight=&576& class=&origin_image zh-lightbox-thumb& width=&694& data-original=&/03c36b7efb6f1a0fddaa73_r.jpg&&&br&类似网站：&br&&br&&a href=&/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&/&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&&br&&br&&p&&a href=&http://ianlunn.co.uk/plugins/jquery-parallax/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&ianlunn.co.uk/plugins/j&/span&&span class=&invisible&&query-parallax/&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&/p&&img src=&/c072aaadaec660_b.jpg& data-rawwidth=&1356& data-rawheight=&602& class=&origin_image zh-lightbox-thumb& width=&1356& data-original=&/c072aaadaec660_r.jpg&&类似Nike for a Better World 产品展示页面的视差滚动效果。&br&源码下载 &a href=&/s/1hqssgcc& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&/s/1hqssgc&/span&&span class=&invisible&&c&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&&br&&a href=&/themes/sliding-horizontal-parallax/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&/themes/s&/span&&span class=&invisible&&liding-horizontal-parallax/&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&&img src=&/72f3f1b7bdde7f00ab89_b.jpg& data-rawwidth=&943& data-rawheight=&574& class=&origin_image zh-lightbox-thumb& width=&943& data-original=&/72f3f1b7bdde7f00ab89_r.jpg&&水平方向的视差滚动。&br&源码下载 &a href=&/s/1kT5dnbL& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&/s/1kT5dnb&/span&&span class=&invisible&&L&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&&br&&br&&a href=&http://www./eng.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Bit This&i class=&icon-external&&&/i&&/a&&br&Bit This 是一家位于西班牙马德里的代理公司。&br&&img src=&/6de199b5e2f2bdb5fed2017_b.jpg& data-rawwidth=&720& data-rawheight=&403& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/6de199b5e2f2bdb5fed2017_r.jpg&&&p&&a href=&/int/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&New Zealand&i class=&icon-external&&&/i&&/a&&/p&&p&The New Zealand 是一家介绍新西兰旅游的网站。&br&&/p&&img src=&/3ab503db1c81edb98ca9_b.jpg& data-rawwidth=&720& data-rawheight=&393& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/3ab503db1c81edb98ca9_r.jpg&&&p&&a href=&/#home& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Diablo Media&i class=&icon-external&&&/i&&/a&&/p&&p&Diablo Media 是一家线上营销代理公司：为广告主和出版商发布产品和作品。&br&&/p&&img src=&/f44b121dfc94f9cfaafd8d602cdd8f7d_b.jpg& data-rawwidth=&720& data-rawheight=&392& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/f44b121dfc94f9cfaafd8d602cdd8f7d_r.jpg&&&p&&a href=&http://www.360langstrasse.sf.tv/page/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&360 Long Road Zurich&i class=&icon-external&&&/i&&/a&&a href=&http://www.netlash-bseen.be/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Netlash bSeen&i class=&icon-external&&&/i&&/a&&/p&&p&Netlash BSeen 是由 Netlash 创建人和线上营销代理 bSeen 合并之后新创建的一家代理公司。&/p&&img src=&/bbada9fc566b65094a09_b.jpg& data-rawwidth=&720& data-rawheight=&393& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/bbada9fc566b65094a09_r.jpg&&&p&&a href=&http://www.itosieceni.pl/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Ito Sio Ceni&i class=&icon-external&&&/i&&/a&&a href=&/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Sullivan&i class=&icon-external&&&/i&&/a&&a href=&/en/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Iutopi&i class=&icon-external&&&/i&&/a&&a href=&http://www.culturalsolutions.co.uk/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Cultural Solutions&i class=&icon-external&&&/i&&/a&&a href=&http://www.goup.it/#goup& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Go Up&i class=&icon-external&&&/i&&/a&&/p&&p&Go Up 是一家意大利广告代理公司。&/p&&img src=&/be534f5b3f_b.jpg& data-rawwidth=&720& data-rawheight=&393& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/be534f5b3f_r.jpg&&&br&&a href=&http://www.itosieceni.pl/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Ito Sio Ceni&i class=&icon-external&&&/i&&/a&&br&&p&Ito Sio Ceni 是一家波兰的广播公司，&/p&&img src=&/a902cd725cda8e4ea9c3_b.jpg& data-rawwidth=&720& data-rawheight=&392& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/a902cd725cda8e4ea9c3_r.jpg&&&a href=&/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Sullivan&i class=&icon-external&&&/i&&/a&&p&Sullivan 是一家提供从各个方面提升用户接触度服务的代理公司。&/p&&img src=&/a388bbdae811_b.jpg& data-rawwidth=&720& data-rawheight=&393& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/a388bbdae811_r.jpg&&&a href=&/en/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Iutopi&i class=&icon-external&&&/i&&/a&&p&Iutopi 是一家品牌、平面设计和网页设计代理公司。&/p&&img src=&/e7e1c610ee2ea4d201a5afdf_b.jpg& data-rawwidth=&720& data-rawheight=&392& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/e7e1c610ee2ea4d201a5afdf_r.jpg&&&a href=&http://www.culturalsolutions.co.uk/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Cultural Solutions&i class=&icon-external&&&/i&&/a&&p&Cultural Solutions 是英国的一家企业管理代理公司。&/p&&img src=&/d98e6719acba3532bfae3ffb406c59fc_b.jpg& data-rawwidth=&720& data-rawheight=&392& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/d98e6719acba3532bfae3ffb406c59fc_r.jpg&&&a href=&http://www.goup.it/#goup& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Go Up&i class=&icon-external&&&/i&&/a&&p&Go Up 是一家意大利广告代理公司。&/p&&img src=&/898e468e4a03ce67faf24_b.jpg& data-rawwidth=&720& data-rawheight=&393& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/898e468e4a03ce67faf24_r.jpg&&&br&&br&&br&&p&【参考资料】&/p&&p&[1]&a href=&/archives/37242& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&/archive&/span&&span class=&invisible&&s/37242&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&/p&&p&[2]&a href=&/lhb25/archive//parallax-scrolling-in-web-design.html& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&/lhb25/archi&/span&&span class=&invisible&&ve//parallax-scrolling-in-web-design.html&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&/p&&br&&br&&br&&p&——————————————————————————————————————&/p&&p&=-=||| 各位说我文不对题的页面，其实是问题提到的网页改版了……之前的确实是视差滚动的。你看我楼下那个早期回答也是这样的类型&/p&
这种叫 视差滚动（Parallax Scrolling）。即多个元素以不同的层次堆叠在一起，并随鼠标滚轮滚动而进行位置移动，进而形成立体的运动效果。比如这个游戏画面里通过人物马里奥、前景、背景着三个部分的移动速率的不同来实现立体效果。类比网页也是如此。一个…
来自子话题：
来自子话题：
注意注意： &b&H5 != HTML5&/b&&br&&br&&i&H5 是一个产品名词&br&HTML5 是一个技术名词&/i&&br&&br&对于知乎多个相关问题里批判H5的叫法，我只想说：&blockquote&图样图森破，上台拿衣服&/blockquote&&br&打个比方，如果有个人跟你说：“我要做个网站，H5的”。&br&那TA是想让你用header、footer、nav、section等标签？&br&让你用Geolocation、localStorage、Web Worker等API？&br&都不是，TA们想要的功能你用HTML4就都能做出来了。&br&更别说还得兼容老IE浏览器呢。&br&&br&所以年轻人，你们要用心理解客户的需求，不要沉迷于技术。&br&人家一定不是让你去用一种不被所有浏览器兼容的技术。&br&&br&所以，H5指的不是HTML5，而是&b&某种在微信等移动端看上去酷炫能够提升公司格调顺便亮瞎访问者氪金狗眼顿升膜拜之心&/b&&b&就算没有内容也能被广泛转发&/b&&b&分享的一种东西&/b&。
注意注意： H5 != HTML5H5 是一个产品名词HTML5 是一个技术名词对于知乎多个相关问题里批判H5的叫法，我只想说：图样图森破，上台拿衣服打个比方，如果有个人跟你说：“我要做个网站，H5的”。那TA是想让你用header、footer、nav、section等标签？让你用Geo…
已有的两个回答都是错的。。。只好冒出来回答一下。。。童鞋你们这样不求甚解真的好吗。。。&br&&br&&br&&br&要深刻认识到，以下两种代码看起来像，但是实际作用原理完全不同：&br&&br&A类（href）：&br&&div class=&highlight&&&pre&&code class=&language-html&&&span class=&nt&&&a&/span& &span class=&na&&href=&/span&&span class=&s&&&javascript:your_code_here&&/span&&span class=&nt&&&&/span& A Link &span class=&nt&&&/a&&/span&
&/code&&/pre&&/div&&br&B类（onclick）：&br&&div class=&highlight&&&pre&&code class=&language-html&&&span class=&nt&&&a&/span& &span class=&na&&onclick=&/span&&span class=&s&&&javascript:your_code_here&&/span&&span class=&nt&&&&/span& A Link &span class=&nt&&&/a&&/span&
&/code&&/pre&&/div&&br&&br&1、 href 中的 javascript&br&
在 href 属性中， “javascript:” 是协议名，与 “http:” 类似，它告诉浏览器，后面的内容是一段 javascript 脚本。&br&
因此，当此链接被点击的时候，浏览器实际上执行的是一个 navigate 的动作，只是 navigate 的目标，不是常见的 http:，而是 javascript:。&br&
也正是因为这样，所以 href 后的代码，其 “执行环境” 是 &b&&u&“全局”&/u&&/b&。而在全局中，是不可以用 “return” 的。&br&
引申一下，在这个链接上，点鼠标右键，选择 “新窗口中打开”，你会发现，你 href 后的代码，会被浏览器尝试在一个新打开的空白窗口中执行。&br&&br&1.1 href 中，表达式的值&br&
如果能深刻理解上面所说的含义，那么看一下下面的代码：&br&&div class=&highlight&&&pre&&code class=&language-html&&&span class=&nt&&&a&/span& &span class=&na&&href=&/span&&span class=&s&&&javascript:'hello hutia'&&/span&&span class=&nt&&&&/span& A Link &span class=&nt&&&/a&&/span&
&/code&&/pre&&/div&
猜测一下，点击这个链接，会出现什么？&br&
窗口会跳转到一个显示着 &hello hutia& 字样的页面。&br&
这是因为， javascript 脚本所执行的结果，也就是表达式的值，会作为文档的输入。&br&
所以，在大家习惯性的写法里，会在 href 后的脚本的末尾，缀上 &void(0);&。&br&&br&2、 onclick 中的 javascript&br&
与 href 属性不同的是，onclick 的属性值，本来就会被当作脚本对待，不存在指明协议的需求。那么为什么还要有一个“javascript:” 呢？ 这是有一定历史遗留原因的。在很多年前，vbscript 也曾经流行一时，与 javascript 同时存在。因此，onclick 等事件脚本引擎，可以通过 “javascript:” 或 &vbscript:& 来指定。&br&
在 onclick 等属性解析的时候，其属性值被引擎打包在一个匿名函数中，因此可以在其中使用 return。&br&
例如下面的代码：&br&&div class=&highlight&&&pre&&code class=&language-html&&&span class=&nt&&&a&/span& &span class=&na&&id=&/span&&span class=&s&&&hutia&&/span& &span class=&na&&onclick=&/span&&span class=&s&&&javascript:your_code_here&&/span&&span class=&nt&&&&/span& A Link &span class=&nt&&&/a&&/span&
&/code&&/pre&&/div&
等效于下面的代码：&br&&div class=&highlight&&&pre&&code class=&language-html&&&span class=&nt&&&a&/span& &span class=&na&&id=&/span&&span class=&s&&&hutia&&/span&&span class=&nt&&&&/span& A Link &span class=&nt&&&/a&&/span&
&span class=&nt&&&script&&/span&
&span class=&nb&&document&/span&&span class=&p&&.&/span&&span class=&nx&&getElementById&/span&&span class=&p&&(&/span&&span class=&s1&&'hutia'&/span&&span class=&p&&).&/span&&span class=&nx&&onclick&/span& &span class=&o&&=&/span& &span class=&kd&&function&/span&&span class=&p&&(){&/span&
&span class=&nx&&your_code_here&/span&
&span class=&p&&};&/span&
&span class=&nt&&&/script&&/span&
&/code&&/pre&&/div&&br&
有人可能会问，我为啥要了解这个？或者说，浏览器如何解析，对我来说有什么用？&br&
一个简单的例子是，不同浏览器的 event 兼容。&br&
我们知道， IE 会把 event 存放在 window.event 对象中，而 Chrome 等浏览器会把 event 作为第一个参数传递给事件句柄函数。那么在 onclick=&& 这种格式中，如何兼容的获取此对象？&br&
下面是一个例子：&br&&div class=&highlight&&&pre&&code class=&language-html&&&span class=&nt&&&a&/span& &span class=&na&&id=&/span&&span class=&s&&&hutia&&/span&
&span class=&na&&onclick=&/span&&span class=&s&&&javascript:var e = window.event || arguments[0];&/span&
&span class=&s&&
the_other_code_&&/span&&span class=&nt&&&&/span&
&span class=&nt&&&/a&&/span&
&/code&&/pre&&/div&
如果理解了浏览器对 onclick 属性的解析模式，上面的 arguments[0] 也就容易理解了&br&&br&---------&br&以上，请点赞，谢谢
已有的两个回答都是错的。。。只好冒出来回答一下。。。童鞋你们这样不求甚解真的好吗。。。要深刻认识到，以下两种代码看起来像，但是实际作用原理完全不同：A类（href）：&a href="javascript:your_code_here"& A Link &/a&B类（onclick）：&a onclick="j…
update:&br&刚看完霍比特人预告片2回来, 看到许多评论的我眼泪掉下来, 并陷入了深深的沉思.&br&之前看过多次预告片2的预告短片, 我对女护卫队长毫无感觉, 觉得毫无亮点, 但是当她出现在屏幕上的那一瞬间, 我发觉我已经深深地爱上了她, 刹那间脑中浮现的就只有那天夕阳下的奔跑.....&br&要知道我看的是最烂的偏振3D, 要是看UltraAVX HFR我不知道我会不会一口老血溅当场&br&通过今晚的观影经验, 我得出一个定理, 不要过早做出武断的结论啊....&br&&br&&br&对了上面那个结论是对你说的&a data-hash=&c0fb149fe446cd& href=&/people/c0fb149fe446cd& class=&member_mention& data-editable=&true& data-title=&@Qin Wei& data-tip=&p$b$c0fb149fe446cd&&@Qin Wei&/a&, 我无意与你争长短, 但是我觉得你说得不对, 我怕当年的我受你误导, 所以在这里说一下:&br&&br&&blockquote&做题和实战不同没什么问题， &/blockquote&&ul&&li&我没说做题和实战不同有问题, 我相信我表达的意思是&这类问题&贻害人间.&/li&&/ul&&br&&blockquote&教科书上也没让你那么写代码。 &/blockquote&&ul&&li&我不认为, 写在教材上花时间让你搞的东西是&没让你那么写代码&, 它有标注&&u&&b&同学们, 这是反例, 引以为鉴呐, 这么写是要扣分的呀&/b&&/u&&吗? 退99.9%步, 不论教材意欲何为, 至少它造成了这样的后果, 这种现象就值得批驳. 而且面对黑风双煞我觉得武林中正派人士不必讲什么江湖道义, 后退都是多余的&/li&&/ul&&i&起手两招名曰偷换概念, 也叫&b&&u&稻草人谬误&/u&&/b&, 出自史记&/i&&br&&br&&blockquote&那些看上变态的考题不过是为了加深对概念的理解。 &/blockquote&&ul&&li&我不认为, 那种考题是为了加深对概念的理解, 因为我小时候看过一则故事叫三重楼喻&/li&&/ul&&i&续招唤作&b&&u&转移话题其疾如风&/u&&/b&, 孙子兵法有载&/i&&br&&br&&blockquote&要从实用上考虑课本上９９％的题都无法直接影射到实践中去那么是不是要说习题都无用呢。 &/blockquote&&ul&&li&我没说课本和实践无法直接影射, 我说的是教材教了很多错误的思想, 我也没说习题勿用, 我说黑风双煞害人&/li&&/ul&&i&大招揉杂了以偏概全和转移话题两招, 端的凌厉了得&/i&&br&&br&&blockquote&篮球运动员要推胸这样的基础练习， 而在赛场上没有杠铃让你去推那是否能说练习卧推也无用呢。&/blockquote&&ul&&li&呃...如果不是我由于深度沉浸在队长的倩影中导致记忆紊乱, 球员力量训练应该是卧推, 推胸什么的, 感觉好黄好暴力, 好像是100分前夜的消遣...不知道是不是我想多了....
卧推是科学且标准的力量训练方法, 如果你非要用这个类比, 应该是等到我说了&实践中也不要你手写数据结构和算法所以学数据结构和算法是无用的&这种话之后的事情.... 我觉得篮球里面能和黑风双煞类比的应该是掐腰子, 伸黑脚, 推后背.
无论如何, 错误的东西也不可能是基础知识的组成部分, 对吧?&/li&&/ul&&i&最后一击以转移话题以偏概全偷换概念做超必杀, 显然是跑江湖的老手所为. 若不是这个姓曲多读了几本书, 怕是早已命丧当场&/i&&br&&br&&blockquote&再说这回答离题也太远了吧 居然１００多个赞&/blockquote&&i&我不觉得针对这样一个简单疑问句的问题用&YES& or &NO&来作答是更近的答案&br&&/i&&br&&br&最后向 &a data-hash=&c0fb149fe446cd& href=&/people/c0fb149fe446cd& class=&member_mention& data-editable=&true& data-title=&@Qin Wei& data-tip=&p$b$c0fb149fe446cd&&@Qin Wei&/a& 你也是向大家推荐一本书 &a href=&/subject/1504957/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&学会提问 (豆瓣)&i class=&icon-external&&&/i&&/a&, 可助你有效抓住问题本质, 避免逻辑谬误, 有病治病没病防身, 男可滋阴壮阳女可益气养颜, 少年朋友看了可以一夜会连点七个赞, 老年朋友看了反对也有力了, 没有帮助也更勤奋了, 一口气几十个反对+举报也不会费劲了. 一本书你看不来吃亏, 一本书你也看不了上当....&br&&br&最后的最后有人问黑风双煞是谁, ref如下:&br&&a href=&/question//answer/& class=&internal&&谭浩强在程序员圈子里的口碑如何？为什么？&/a&&br&&br&+++++++&br&&br&这是一个老问题了, 不过戳到了我的不爽点....&br&&br&这是一个教育缺陷, 即专业程序员和业界的共识与学校教育严重不相符&br&学校教书, 喜欢扯一些茴香豆问题来试图难倒你&br&学校和老师在乎的, 是能不能用茴香豆树立权威碾压你&br&比如&br&&div class=&highlight&&&pre&&code class=&language-c&&&span class=&n&&a&/span&&span class=&o&&=&/span&&span class=&n&&i&/span&&span class=&o&&+++++&/span&&span class=&n&&i&/span&
&span class=&c1&&//a是几&/span&
&span class=&p&&(&/span&&span class=&n&&a&/span&&span class=&o&&=&/span&&span class=&mi&&2&/span&&span class=&o&&*&/span&&span class=&mi&&3&/span&&span class=&p&&)&/span&&span class=&o&&=&/span&&span class=&mi&&4&/span&&span class=&o&&*&/span&&span class=&mi&&5&/span&&span class=&c1&&//a是几&/span&
&span class=&c1&&//心虚的我决定申明一下上面的代码是黑风双煞的手笔&/span&
&span class=&c1&&//我是万万不敢不加空格不加括号乱取名字滥用异形代码的&/span&
&/code&&/pre&&/div&又比如&br&&ul&&li&不打括号让你猜运算符优先级表&br&&/li&&li&告诉你多写x行代码绕个大圈子可以获得更高的效率&br&&/li&&li&告诉你用一个复杂的逻辑可以把代码缩成一行&/li&&li&所谓位优化&br&&/li&&/ul&然后深受劣质学校洗脑长大的程序员, 把所谓私藏经验扩散到网络,
遗毒无穷&br&&br&&br&事实是&br&&ol&&li&程序是写给人看的&/li&&li&99.9%的程序都无关效率&/li&&li&剩下的0.1%的需要追求程序中, 瞎写的所谓优化也99.9%不会是性能热点&/li&&li&程序是写给人看的&/li&&/ol&
update:刚看完霍比特人预告片2回来, 看到许多评论的我眼泪掉下来, 并陷入了深深的沉思.之前看过多次预告片2的预告短片, 我对女护卫队长毫无感觉, 觉得毫无亮点, 但是当她出现在屏幕上的那一瞬间, 我发觉我已经深深地爱上了她, 刹那间脑中浮现的就只有那天夕…
突然看到这个老问题，一时兴起来歪个楼。&br&&br&国内的前端团队分布，其实可以用金庸武侠小说的门派来类比。&br&&br&阿里系：少林，人才济济，高手如云，应当是国内前端体系建设最完善的了，较早重视前端方向，有完整的前端工程化思路，对Web标准也很重视，node方面更是先驱&br&&br&百度系：武当，同样很多高手，fex跟ecomfe两个团队名声响亮，以fis为代表的前端工程方案和以echarts为代表的数据可视化独树一帜&br&&br&腾讯：丐帮，相对前两个团队，略有些低调，实力也是很强，跟阿里一样，是较早重视前端的企业，移动端、可访问性等方面研究较深&br&&br&360：明教，有月影，jk等高手带领，实力很强，奇舞团名扬天下&br&&br&去哪儿网：嵩山，近年迅速崛起，有司徒正美，杜瑶等高手坐镇&br&&br&新浪：华山，老牌互联网公司，前端建设得很好，人员流失略多&br&&br&网易：衡山，时常能看到一些亮点&br&&br&搜狐：恒山，同上&br&&br&百姓网：泰山，贺老一个人顶一百个，足称泰山北斗，其他还有css魔法等高手&br&&br&豆瓣：逍遥派，克军大神的团队，文艺清新&br&&br&携程：峨眉，重构方向强人多，图解css3作者大漠，css那些事儿作者林小志等等&br&&br&美团：崆峒，从百度，新浪吸引了一些人才，实力不错&br&&br&UC：大理段氏，张云龙在前端工程化方面的领悟，足可比拟六脉神剑，其他还有一些高手&br&&br&京东：青城，逐步完善自己的前端体系，有一定特色&br&&br&苏宁：海沙派，前端建设落后于各主流互联网公司，需奋起直追&br&&br&途牛：巨鲸帮，跟苏宁对门，难兄难弟&br&&br&……&br&&br&我瞎写的，如果冒犯各路高手，不要来打我，没写到的是我孤陋寡闻，只写了自己大致知道的事，有些小的创业团队也很厉害的，不过我这里只写门派，没算世外高人……
突然看到这个老问题，一时兴起来歪个楼。国内的前端团队分布，其实可以用金庸武侠小说的门派来类比。阿里系：少林，人才济济，高手如云，应当是国内前端体系建设最完善的了，较早重视前端方向，有完整的前端工程化思路，对Web标准也很重视，node方面更是先…
大概两年前开始学前端，一开始只是因为 CSS3 好酷好炫好好玩，学到后来越来越沉迷于此。由于对本专业课程不感兴趣，加上最近越来越感到非科班的出身带来的基础知识的空缺，在上学期翘了大部分不喜欢的课程来学开发，但也因此被辅导员三番五次找去谈话。&br&&br&在去年年底时，被辅导员指着鼻子说「&b&给你月薪 3w 又能怎样？还不是个破拍代码的！&/b&」，一直以来的孤独感和对未来的恐惧感涌上心头，一个人坐在教室里发了一下午的呆，想是不是就此放弃比较好、是不是这辈子就将这样一事无成下去。当天晚上收到了这样的一封邮件：&br&&br&&img src=&/33bf99901caf51eb7e67_b.jpg& data-rawwidth=&776& data-rawheight=&522& class=&origin_image zh-lightbox-thumb& width=&776& data-original=&/33bf99901caf51eb7e67_r.jpg&&&br&看到邮件感觉心头一暖，第一次感觉到之前所有的努力和挣扎都是有意义的 :)&br&&br&今后也会继续在这条路上走下去，努力就好，剩下交给时间。
大概两年前开始学前端，一开始只是因为 CSS3 好酷好炫好好玩，学到后来越来越沉迷于此。由于对本专业课程不感兴趣，加上最近越来越感到非科班的出身带来的基础知识的空缺，在上学期翘了大部分不喜欢的课程来学开发，但也因此被辅导员三番五次找去谈话。在去…
简单来说JavaScript是这么一个语言：&br&&br&1、他爹创造它的时候，中意的是函数式，但是公司要他弄的像Java一点。当然，最后这个语言其实更像C，算是C风格的函数式脚本语言，除了名字里面有个Java。&br&&br&2、他爹只用了十天的时间完成这个语言，然后互联网花了十几年在这个语言羸弱的语法上整出了面向对象，命名空间、AJAX等等Pattern，更有各种书籍规范介绍怎么避开这个语言的坑。&br&&br&3、在开始的几年里，这个语言一直被当做脚本来使用，随着互联网的发展，人们对动态内容的需求增多，从而发明了AJAX技术。&br&&br&4、然后有个叫做Google的公司用这个脚本语言做了一个邮件客户端，人们不得不开始重新审视这一“脚本”语言。&br&&br&5、旋即，Google发现HTML和JavaScript是自己唯一能够掌控的平台，遂在上面加大投入，这一转折让我对Google的不作恶信条产生动摇。&br&&br&6、Google用尽全力终于把这个脚本语言的性能提升到了极致，也就是V8引擎。用事实告诉我们，语言设计的烂没有关系，主要看干爹有多少钱。&br&&br&&br&补充回答LZ的问题，JavaScript的兼容语言JScript是WSH（Windows脚本宿主）支持的脚本语言之一，所以可以用于ASP开发，但事实上严格来说用于ASP的是JScript（这个语言语法与JavaScript是兼容的）
简单来说JavaScript是这么一个语言：1、他爹创造它的时候，中意的是函数式，但是公司要他弄的像Java一点。当然，最后这个语言其实更像C，算是C风格的函数式脚本语言，除了名字里面有个Java。2、他爹只用了十天的时间完成这个语言，然后互联网花了十几年在这…
其实我到感觉前端应该了解从http发起请求，到dns到apache，到某后端语言，然后回来，浏览器渲染的整个过程。这样有助于更好的把前端做好，也为了方便问题的排查。&br&其实我一直认为这是一个很好的面试题，比一上手问人闭包，更具有实战意义。&br&以下是积累的一些资料，分享一下，希望有用：&br&&br&&p&&a href=&/zh/tutorials/internals/howbrowserswork/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&浏览器的工作原理：现代网络浏览器幕后揭秘&i class=&icon-external&&&/i&&/a&&/p&&p&&a href=&/zh/tutorials/internals/howbrowserswork/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&浏览器的工作原理：现代网络浏览器幕后揭秘&i class=&icon-external&&&/i&&/a&&/p&&p&&a href=&/topics/de3e752e0081ff?qq-pf-to=pcqq.group& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&NutUX&i class=&icon-external&&&/i&&/a&&/p&&p&&a href=&/css-performance-from-the-browsers-rendering/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&从浏览器的渲染原理讲CSS性能-Smallni's blog&i class=&icon-external&&&/i&&/a&&/p&&p&&a href=&/articles/9666.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&浏览器的渲染原理简介&i class=&icon-external&&&/i&&/a&&/p&&p&&a href=&/2013/05/high-performance-javascript-1/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&javascript文件并行加载与顺序执行 《高性能javascript》读书笔记&i class=&icon-external&&&/i&&/a&&br&
js 并行加载与顺序执行 &br&&a href=&/blog/2014/05/what-happen/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&从输入 URL 到页面加载完成的过程中都发生了什么事情？ FEX 做最专业的前端&i class=&icon-external&&&/i&&/a&&br&&a href=&/topics/de3e752e0081ff?qq-pf-to=pcqq.group& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&NutUX&i class=&icon-external&&&/i&&/a&&br&
浏览器的工作原理：新式网络浏览器幕后揭秘 &br&&a href=&/blog//js& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&js和css的顺序关系&i class=&icon-external&&&/i&&/a&%E5%92%8Ccss%E7%9A%84%E9%A1%BA%E5%BA%8F%E5%85%B3%E7%B3%BB&/p&&p&js css的顺序 &br&&a href=&/articles/9749.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Javascript 装载和执行&i class=&icon-external&&&/i&&/a&&br&&a href=&http://renyongjie668./blog/static/7062789/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&浏览器加载和渲染html的顺序&i class=&icon-external&&&/i&&/a&&br&&/p&&br&&p&&a href=&.cn/s/blog_012p5e.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&DNS工作流程及原理 域名、IP与DNS的关系_longshu_新浪博客&i class=&icon-external&&&/i&&/a&&/p&&p&&a href=&http://blog.csdn.net/maminyao/article/details/7390208& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&DNS工作流程及原理 浅说域名、IP与DNS的关系&i class=&icon-external&&&/i&&/a&&/p&&p&&a href=&/view/172221.htm& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&DNS域名服务器&i class=&icon-external&&&/i&&/a&&/p&&p&&a href=&/NetSos/archive//1891194.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&HTML解析原理&i class=&icon-external&&&/i&&/a&&/p&&p&&a href=&http://blog.csdn.net/longeremmy/article/details/8030736& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&浏览器加载渲染网页过程解析--总结（三）&i class=&icon-external&&&/i&&/a&&/p&&p&&a href=&http://blog.csdn.net/longeremmy/article/details/8028738& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&浏览器加载渲染网页过程解析（二）&i class=&icon-external&&&/i&&/a&&/p&&p&&a href=&/page/129756/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&前端必读：浏览器内部工作原理&i class=&icon-external&&&/i&&/a&&/p&&p&&a href=&/zh/tutorials/internals/howbrowserswork/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&浏览器的工作原理：现代网络浏览器幕后揭秘&i class=&icon-external&&&/i&&/a&&/p&&br&&p&&a href=&/li0803/archive//1324746.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&HTTP协议详解（真的很经典）&i class=&icon-external&&&/i&&/a&&/p&&p&&a href=&/view/1628025.htm?fromtitle=http&fromid=243074&type=syn& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&超文本传送协议&i class=&icon-external&&&/i&&/a&&/p&&p&&a href=&.cn/s/blog_clrw.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&TCP与UDP区别_动物园黑手党&i class=&icon-external&&&/i&&/a&&/p&&p&&a href=&http://www.yc-edu.org/PHPpeixun/1428.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&php和apache的关系和作用&i class=&icon-external&&&/i&&/a&&/p&&br&&p&有其它疑问，加群吧：，禁止闲聊，非喜勿加。&/p&
其实我到感觉前端应该了解从http发起请求，到dns到apache，到某后端语言，然后回来，浏览器渲染的整个过程。这样有助于更好的把前端做好，也为了方便问题的排查。其实我一直认为这是一个很好的面试题，比一上手问人闭包，更具有实战意义。以下是积累的一些…
先归零，然后再想想自己还能干什么，在互联网之外还有什么符合当地需要的专业技能。&br&&br&------用来反驳&a href=&/people/a-guo-68& class=&internal&&阿果&/a& 的分割线-------&br&&blockquote&优秀的逻辑思维能力、强大的信息处理能力、高效能的流程管理&br&&/blockquote&听着好像希特勒夸雅利安人似的。&br&好吧，先假设 IT 人真的有这些，那这也只是素质和方法。跟真的要做的事情所需要的专业知识是两码事。&br&&br&&blockquote&其实在常规领域，大量工作存在效率低、流程规划不合理、信息交流不通畅的问题。这就给了善于思考的IT人以发挥特长的空间。&br&&/blockquote&这些问题在IT行业中同样存在，就国内现在的这些公司来说，都没有资格说自己解决的很好。早俩月业界推崇《打造Facebook》里的流程方法什么，那情景就像是「小太监问大太监：听说宫里最近出了一本《房事秘籍》」。&br&那么，目前身为IT从业人员中的一枚，都没法解决好现在公司的问题，又怎么能保证自己能解决好将来的问题呢？&br&&br&&blockquote&三个案例&/blockquote&丁磊的猪：肯定不是程序员养出来的，他也得请专门的饲养员。题主的角色现在貌似不是当老板（丁磊），而是找工作（程序员应聘饲养员？）。&br&徐佳的水果：从这个案例里，我首先看到的是他花了几个月做准备，而且对水果行业很熟悉，有不错的货源。他并没有用PHP写出几吨水果出来。&br&降级论：这文章刚出来我就吐槽过，卖烤串的水难道就不深吗？要真的今天给你扔个围裙让你去，先自己想想，你分得清胡椒和孜然吗？知道怎么躲城管吗？&br&&br&本来不想写得这么悲观的，只是看到各位把「互联网从业人员」这个身份看得太高了，没忍住喷了一堆。&br&脑子好使不好使，眼界开阔不开阔，跟个人强相关，跟人身上的工作tag弱相关。用今天kentzhu一条微博里的话说：姿势不对，在哪儿都会掉坑里。
先归零，然后再想想自己还能干什么，在互联网之外还有什么符合当地需要的专业技能。------用来反驳 的分割线-------优秀的逻辑思维能力、强大的信息处理能力、高效能的流程管理听着好像希特勒夸雅利安人似的。好吧，先假设 IT 人真的有这些，那这也只是…
陈贤安先生推荐的书籍，我认为非常不适合入门，他们更像是全面的参考指南，充斥着各类细节，且行文晦涩，对初学者有难度，容易挫败其热情。 &br&&br&我负责任地说： &br&&br&O'reilly 的 Head first html， xhtml & CSS 是这个地球上最好的html和css入门书，没有之一。 &br&&br&1， 最正式的规范和思路 &br&2， 最简单易懂，乐趣盎然的学习过程 &br&&br&读完这本后，请直接去学习同作者的刚刚出版的新书： &br&&br&Head first Html5 &br&&br&这本不但是最好的html5入门书，也是极好的javascript入门书。这两本的结合，应是目前最快的html学习路径。
陈贤安先生推荐的书籍，我认为非常不适合入门，他们更像是全面的参考指南，充斥着各类细节，且行文晦涩，对初学者有难度，容易挫败其热情。 我负责任地说： O'reilly 的 Head first html， xhtml & CSS 是这个地球上最好的html和css入门书，没有之一。 1， …
&p&我开始以为这个问题是几年前提的，仔细确认了，居然是今天提的！实在看不下去其他批评IE的答案。先回答题主的问题：因为无需适配IE，大家全按照标准来写程序，浏览器按照标准实现功能，这是最好的。IE的开发者已经表示“we began a major investment in interoperability with other modern browsers to ensure that developers don’t have to deal with cross-browser inconsistencies.”[1]&/p&&br&&p&再评论下其他答案：&/p&&p&&a class=&member_mention& href=&/people/d6fffe30f97e50dd578c8a2c& data-editable=&true& data-title=&@Arthur Wang& data-hash=&d6fffe30f97e50dd578c8a2c& data-tip=&p$b$d6fffe30f97e50dd578c8a2c&&@Arthur Wang&/a&&/p&&blockquote&&p&但是旋即发现：IE6不支持HTML5&/p&&p&HTML5非常强大，就一个特点：没彻底完成&/p&&/blockquote&&p&IE6是2001年发布的产品，HTML5是2014年定稿的标准。就说各网站使用HTML5成为主流也只是近几年的事。IE6不支持它发布之后13年的标准，这也怨IE6? 微软目前也是W3C成员，而且&b&HTML5的作者里其中两个人都来自微软&/b&。&/p&&p&HTML5已于2014年10月底成为W3C Recommendation.[2] 当然HTML5.1仍是草案。&/p&&br&&p&&a class=&member_mention& href=&/people/6d11f4d0ce00dd917e91e56e& data-editable=&true& data-title=&@章孜& data-hash=&6d11f4d0ce00dd917e91e56e& data-tip=&p$b$6d11f4d0ce00dd917e91e56e&&@章孜&/a& 如今早已不存在您说的“ie比较奇葩的地方在于，不会提示用户升级浏览器”。&strong&IE从日开始就通过Windows Update自动升级，默认升级IE版本&/strong&[3]。当然国内因为盗版问题，部分用户的Windows Update是关着的，不过这怪不着微软吧？另外Windows 7、8、8.1都能免费升Windows 10，旧版IE今年会大幅下降，应该是没有问题的。微软也承诺了Spartan持续升级，IE不再有非安全更新。&/p&&br&&p&@steven zhou: “早在几年前ff的技术就至少甩ie十年，直到今天还看不出ie有多少进步值得开发者津津称赞的地方。”&/p&&br&&p&ECMAScript 6大家听说过吧。目前&b&IE Developer Preview是所有浏览器（包含其他浏览器预览版）里对ES6支持最好的&/b&[4]。IE支持率是70%，遥遥领先Chrome 41的48%，小幅领先Firefox 37的69%。我还可以举出：IE11是所有浏览器中最先支持TLS1.2的，最先淘汰RC4加密算法的。曾经IE是最先支持SSL3.0、TLS1.0的，最先屏蔽HTTPS混合内容的，最先支持OCSP stapling，最先宣布淘汰SHA1数字证书。XMLHttpRequest也是微软发明的，并最早用于IE5上。这些难道还不够津津称赞么？&/p&&br&&p&最后说一点，用户坚持用XP，坚持用IE6，怨IE么？为什么大家那么愿意拿2001年的IE6和2015年的Chrome 40比，并能得出IE永远差的结论？&/p&&blockquote&&p&[1] &a href=&//inside-microsofts-new-rendering-engine-project-spartan/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Inside Microsoft’s New Rendering Engine For The &Project Spartan&&i class=&icon-external&&&/i&&/a&&/p&&p&[2] &a href=&http://www.w3.org/TR/html5/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&HTML5&i class=&icon-external&&&/i&&/a&&/p&&p&[3] &a href=&/forums/257854-internet-explorer-platform/suggestions/6509607-auto-update-older-ie-versions& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Auto Update Older IE Versions&i class=&icon-external&&&/i&&/a&&/p&&p&[4] &a href=&http://kangax.github.io/compat-table/es6/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ECMAScript 6 compatibility table&i class=&icon-external&&&/i&&/a&&/p&&/blockquote&
我开始以为这个问题是几年前提的，仔细确认了，居然是今天提的！实在看不下去其他批评IE的答案。先回答题主的问题：因为无需适配IE，大家全按照标准来写程序，浏览器按照标准实现功能，这是最好的。IE的开发者已经表示“we began a major investment in int…
如果我们对码农技术进行分层(层次本身没有优劣，是为了描述技术依赖关系而划分.....但是多掌握几层一般会更好一些） ：&br&1层是数学（加密解密，压缩算法，时频转换，计算机模拟\仿真）&br&2层是数字电路（机器码如何被硬件电路执行的过程）&br&3层是计算机组成原理(计算机体系架构，计算机是如何组成的）&br&4层是计算机算法和数据结构（低端排序，中端动态规划，高端人工智能）&br&5层是计算机操作系统，计算机图形学和编译原理（linux内核，词法树\语法树）&br&6层是计算机编程语言，IDE，架构（各种语言，各种架构）&br&&br&科班教育(半路转行的码农只要老老实实把计算机本科教程刷一遍也能算科班阵营的)调教出来的码农正常情况下应该熟悉4-5层，一些小牛熟悉3-6层。个别神人能额外在擅长1层&br&而如果是培训班&b&速成&/b&出来的码农，能熟悉第6层的一些知识就不错了。&br&&br&在经济形势不错，码农职业有泡沫的时候，熟悉第6层就能找到工作，运气好，收入也许还不错。因此，码农职业给人感觉“门槛低”（其实门槛也确实不算高，如果和医生职业比的话）&br&&br&然而工作若干年后 ：&br&&ul&&li&熟悉3-6层的码农成为了架构师\主程，开始参与项目\产品的设计和规划。&br&&/li&&li&仅熟悉第6层的&b&速成&/b&码农工作依旧仅是简单的按照别人的设计写代码&br&&/li&&/ul&&br&这样等到35岁以后，前者还有可能继续做码农的工作，后者则出局的可能很大。
如果我们对码农技术进行分层(层次本身没有优劣，是为了描述技术依赖关系而划分.....但是多掌握几层一般会更好一些） ：1层是数学（加密解密，压缩算法，时频转换，计算机模拟\仿真）2层是数字电路（机器码如何被硬件电路执行的过程）3层是计算机组成原理(计…
来自子话题：
此贴纯科普用，以下仅仅说主要用途，其他用途限于篇幅关系省略之，不要钻牛角尖。&br&&br&C：系统底层，驱动程序，嵌入式底层，基础服务程序。&br&C++：上层服务程序，应用API，大型3D游戏。&br&Java：服务端应用程序，以及客户端应用程序。&br&JS：在浏览器中运行的程序。&br&PHP：Web服务器端用于生成网页的程序。&br&Python：任意的无图形界面应用程序，以服务器端应用程序为主。&br&Ruby：主要用于 RoR 框架，在其他领域使用较少。
此贴纯科普用，以下仅仅说主要用途，其他用途限于篇幅关系省略之，不要钻牛角尖。C：系统底层，驱动程序，嵌入式底层，基础服务程序。C++：上层服务程序，应用API，大型3D游戏。Java：服务端应用程序，以及客户端应用程序。JS：在浏览器中运行的程序。PHP：…
来自子话题：
&ol&&li&使用流畅的电脑办公，比如Mac，再比如加SSD的PC（谢 &a data-hash=&4bb4aec37b& href=&/people/4bb4aec37b& class=&member_mention& data-tip=&p$b$4bb4aec37b&&@张峻&/a& 补充）。最好是笔记本，方便找人沟通，方便会议携带。&br&&/li&&li&电脑搭配各种高效稳定不崩溃的工具。为自己定制脚本会让你更有成就感。&br&&/li&&li&把打扰工作的弹窗都关掉，把闪动的任务栏设为自动隐藏，每隔几分钟处理消息。&br&&/li&&li&学会用邮箱，使用邮件自动归类到分类文件夹，善于打旗帜标签（紧急待处理、有空阅读等等）&/li&&li&尽情用IDE编码&/li&&li&有条件设一块小白板，分两半，一半todo list，一半每天的工作重点（用于周报汇总）&br&&/li&&li&小事情IM沟通，重要事情邮件沟通，紧急事情当面/电话沟通。沟通前想好关键点、目标（我需要准确传达什么信息，我需要得到什么信息）。&/li&&li&少用鼠标、多用键盘提高速度。&/li&&li&多配一块屏幕辅助，省得来回切换窗口。&/li&&li&如果经常被人当面打扰，设置无打扰时段。或者让对方邮件沟通，稍后答复。&/li&&li&记云笔记，特别是费好大劲整理出来的资料。轻而易举就能拿到的资料没必要花时间记，利用搜索引擎即可。&/li&&li&桌上放一本白色草稿纸和笔，你随时需要利用图表捋顺思路。&/li&&li&捋顺思路后不妨花点时间整理成思维导图，下次看5秒的效果相当于花5分钟重整思路。&/li&&li&避免重复劳动。相同的逻辑靠封装复用节省时间，传达同样的信息靠文档节省时间。&/li&&li&夜深人静的时候自我review下白天写过的代码，说不定会有新发现。&/li&&li&不要惧怕deadline，它能让你跑起来，前提是你得重承诺。&/li&&li&一心一用，保持高度专注。&/li&&/ol&
使用流畅的电脑办公，比如Mac，再比如加SSD的PC（谢
补充）。最好是笔记本，方便找人沟通，方便会议携带。电脑搭配各种高效稳定不崩溃的工具。为自己定制脚本会让你更有成就感。把打扰工作的弹窗都关掉，把闪动的任务栏设为自动隐藏，每隔几分钟处理…
LABjs 的核心是 LAB（Loading and Blocking）：Loading 指异步并行加载，Blocking 是指同步等待执行。LABjs 通过优雅的语法（script 和 wait）实现了这两大特性，核心价值是性能优化。LABjs 是一个文件加载器。&br&&br&RequireJS 和 SeaJS 则是模块加载器，倡导的是一种模块化开发理念，核心价值是让 JavaScript 的模块化开发变得更简单自然。&br&&br&模块加载器一般可降级为文件加载器用，因此使用 RequireJS 和 SeaJS，也可以达成 LABjs 的性能优化目的。&br&&br&RequireJS 和 SeaJS 都是很不错的模块加载器，两者区别如下：&br&&br&1. 两者定位有差异。RequireJS 想成为浏览器端的模块加载器，同时也想成为 Rhino / Node 等环境的模块加载器。SeaJS 则专注于 Web 浏览器端，同时通过 Node 扩展的方式可以很方便跑在 Node 服务器端&br&&br&2. 两者遵循的标准有差异。RequireJS 遵循的是 AMD（异步模块定义）规范，SeaJS 遵循的是 CMD （通用模块定义）规范。规范的不同，导致了两者 API 的不同。SeaJS 更简洁优雅，更贴近 CommonJS Modules/1.1 和 Node Modules 规范。&br&&br&3. 两者社区理念有差异。RequireJS 在尝试让第三方类库修改自身来支持 RequireJS，目前只有少数社区采纳。SeaJS 不强推，而采用自主封装的方式来“海纳百川”，目前已有较成熟的封装策略。&br&&br&4. 两者代码质量有差异。RequireJS 是没有明显的 bug，SeaJS 是明显没有 bug。&br&&br&5. 两者对调试等的支持有差异。SeaJS 通过插件，可以实现 Fiddler 中自动映射的功能，还可以实现自动 combo 等功能，非常方便便捷。RequireJS 无这方面的支持。&br&&br&6. 两者的插件机制有差异。RequireJS 采取的是在源码中预留接口的形式，源码中留有为插件而写的代码。SeaJS 采取的插件机制则与 Node 的方式一致：开放自身，让插件开发者可直接访问或修改，从而非常灵活，可以实现各种类型的插件。&br&&br&还有不少细节差异就不多说了。&br&&br&总之，SeaJS 从 API 到实现，都比 RequireJS 更简洁优雅。如果说 RequireJS 是 Prototype 类库的话，则 SeaJS 是 jQuery 类库。&br&&br&最后，向 RequireJS 致敬！RequireJS 和 SeaJS 是好兄弟，一起努力推广模块化开发思想，这才是最重要的。&br&&br&玉伯
LABjs 的核心是 LAB（Loading and Blocking）：Loading 指异步并行加载，Blocking 是指同步等待执行。LABjs 通过优雅的语法（script 和 wait）实现了这两大特性，核心价值是性能优化。LABjs 是一个文件加载器。RequireJS 和 SeaJS 则是模块加载器，倡导的是…
来自子话题：
谢提醒，之前还没注意到这个。&br&&br&最近做的某个项目的 UI 部分 &a href=&/host/0Bwdui5aYcEA9WFB1TThKUWVCS28/index.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Mobile Campus&i class=&icon-external&&&/i&&/a&（Google Drive 可能需要跨墙）&br&代码：&a href=&/morlay/angular-mobile-ui& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/morlay/angul&/span&&span class=&invisible&&ar-mobile-ui&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&&br&然后，说说我的一些做法。可能不够完善，毕竟还在折腾中。&br&&br&&b&## DOM 的整体 or 零散&/b&&br&&br&首先是这篇神贴：&br&&a href=&/questions//how-do-i-think-in-angularjs-if-i-have-a-jquery-background& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&javascript - How do I &think in AngularJS& if I have a jQuery background?&i class=&icon-external&&&/i&&/a&&br&&br&AngularJS 与 jQuery 等传统操作 DOM 的思想有所不同，&br&&br&对于 jQuery 等，一般是先有完整 DOM 然后在这些 DOM 的基础上进行二次调教。&br&而 AngularJS
等框架则是 根据 数据模型 以及其对应的 DOM 模版，然后通过模版像搭积木那样组合页面。&br&&br&显然的，前者在 SEO 上有天然优势；而后者，搜索引擎还只能拿到某个模版，而无内容。&br&暂时没想到有什么特别好的解决方案，或许，对于内容页，可以继续使用传统方式，而只在需要更多交互的地方应用 AngularJS，特别是在移动端应用上。&br&&br&同理适用于各种 前端的 MVC 框架，后端只要为前端提供数据接口，而不再需要为其拼接 HTML.&br&&br&&b&## 模块化&/b&&br&&br&AngularJS 也是遵循 AMD 的。（AMD 是啥，参考：&a href=&http://justineo.github.io/singles/writing-modular-js/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&使用 AMD、CommonJS 及 ES Harmony 编写模块化的 JavaScript&i class=&icon-external&&&/i&&/a&）&br&&br&虽然它也可以按照传统代码方式来写（其首页介绍的用法 &a href=&http://angularjs.org/#project-js& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&AngularJS — Superheroic JavaScript MVW Framework&i class=&icon-external&&&/i&&/a&），但是，既然都提供了这么一种模块的方法，为何不用上呢 （参考下他已有的较成熟衍生库 &a href=&/angular-ui/bootstrap& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/angular-ui/b&/span&&span class=&invisible&&ootstrap&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&）。&br&&br&&div class=&highlight&&&pre&&code class=&language-text&&angular.module('app', [
'moduleA',
'moduleB',
.controller('MainCtrl', [
function ($scope) {
&/code&&/pre&&/div&&br&而且，这种写法还可以方便做代码的合并与压缩，在后面 &b&Grunt 自动化 &/b&一节中，就会提到使用 Nodejs/Grunt 来自动的做这些事情。&br&&br&&b&## 可复用模版 or 业务逻辑模版&/b&&br&&br&今年 Google 开发者大会中 提到的 Polymer（&a href=&http://www.polymer-project.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Welcome -
Polymer&i class=&icon-external&&&/i&&/a&）&br&这货让人感觉像是 Angular Directives 的进化。&br&&br&而 Directives 做的事，就是把一堆 DOM 封装为一条或者一组 自定义的 HTML标签，作为可复用的模版，以供组装业务调用。 Demos 可参看：&a href=&http://angular-ui.github.io/bootstrap/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Angular directives for Twitter's Bootstrap&i class=&icon-external&&&/i&&/a&&br&&br&当然，为了方便修改，很多时候在做 directive 的时候需要将 template 用 templateUrl 代替，&br&不用担心文件的碎片化，不利于前端加载 &b&Grunt 自动化 &/b&一节 会提到如何合并这些碎片化的 模版。&br&&br&Directives 是作为可复用的模版，&br&而业务逻辑则是一般是一个业务对应一个 html 及其的 controller.&br&&br&&b&## 作用域间的通信&/b&&br&&br&上节提到了一个 html 及其的 controller，一个完整应用自然会包含很多的业务子块。&br&自然会有很多很多 cotrollers.&br&&br&AngularJS 提供了 方法， $scope 或者 $rootScope 的 $broadcast $emit / $on&br&&br&&div class=&highlight&&&pre&&code class=&language-text&&$scope.$emit('eventA',msg);
$scope.$broadcast('eventA',msg);
$rootScope.$on('eventA',function(event,msg){
console.log(msg);
&/code&&/pre&&/div&&br&&br&至于他们之间的差别，可参考这个 Demo, Chrome F12 ，你可以看到结果。&br&&a href=&/host/0Bwdui5aYcEA9SzN2WDJ4cXZRTTA/index.html& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/host/0B&/span&&span class=&invisible&&wdui5aYcEA9SzN2WDJ4cXZRTTA/index.html&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&&br&&b&## 数据池&/b&&br&&br&&br&除了作用域间的传值外，还有个方法是统一的管理一个数据池，&br&对于没有业务交叉的 controller，若是有公有数据的需要，都从这个数据池中取，&br&而这个数据池更可以直接作为和后端数据的统一交互口，及本地缓存管理的地方。&br&&br&&b&## Grunt 自动化&/b&&br&&br&Grunt（&a href=&/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Grunt: The JavaScript Task Runner&i class=&icon-external&&&/i&&/a&）出现以后，我是发现 Git 上面基本上前端相关的项目上都多了个 Gruntfile.js，可见他确实好用。&br&&br&不太喜欢大多数项目中把所有任务都丢在一个文件里的方式。&br&所以，利用 node.js 的特性，将任务集也分解开来。&br&在 &a href=&/morlay/angular-mobile-ui& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/morlay/angul&/span&&span class=&invisible&&ar-mobile-ui&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a& 这里可以看到对应的代码。&br&&img src=&/508e3e5bc0acf4bdc410d_b.jpg& data-rawwidth=&255& data-rawheight=&350& class=&content_image& width=&255&&&br&这里只说说，如何按照 angular module 的依存关系自动合并对应文件。&br&&br&&a href=&/morlay/angular-mobile-ui/blob/develop/grunt/subTasks/angular-concat-modules.js& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/morlay/angul&/span&&span class=&invisible&&ar-mobile-ui/blob/develop/grunt/subTasks/angular-concat-modules.js&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&&br&首先是模块的命名，使得它能够和它的路径一致性。&br&&img src=&/2b16d7ccbf6a5_b.jpg& data-rawwidth=&176& data-rawheight=&237& class=&content_image& width=&176&&&img src=&/33f677405bedd_b.jpg& data-rawwidth=&279& data-rawheight=&151& class=&content_image& width=&279&&看这两张图就明白了。&br&&br&第二，除了特殊的，全局公用的模块外，&br&其他模块在各自业务组件中建立引用关系。&br&避免载入多余的模块。&br&&img src=&/c90f21c8bc9ad_b.jpg& data-rawwidth=&1015& data-rawheight=&298& class=&origin_image zh-lightbox-thumb& width=&1015& data-original=&/c90f21c8bc9ad_r.jpg&&比如这里，我只需要把 Grunt 配置中，&br&把 app.main 作为了入口文件，&br&并配置它的全局引用，ngMobile 和 tpls（可复用模版转换而成的 js）&br&&br&通过 `grunt angular-concat-modules` 和 `grunt script-uglify`&br&&img src=&/b6fe8ac11bd3bb730a0e_b.jpg& data-rawwidth=&1119& data-rawheight=&45& class=&origin_image zh-lightbox-thumb& width=&1119& data-original=&/b6fe8ac11bd3bb730a0e_r.jpg&&合并压缩自动完成。&br&&br&当然，这里更是直接做了任务，`grunt release` 一条指令搞定一切。&br&&br&而，对于 angular 模版转换为 js 有现成的 grunt-angular-templates 可用，&br&这里不细说了，详看代码。&br&&br&&b&## &/b&&b&测试工具 &/b&&br&&br&最后的，关于测试工具，官方有提供 &a href=&http://karma-runner.github.io/0.10/index.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Karma - Spectacular Test Runner for Javascript&i class=&icon-external&&&/i&&/a&&br&但没用过，也不知道怎么用，希望有同行给予补充与介绍。&br&&br&其他的，在 API 文档里写得挺详细的。&br&&br&&br&&b&P.S.&/b&&br&至于知乎，并非完全 Angular 的方式，&br&希望能够进一步，至少在不需要 SEO 的部分。&br&&br&继续折腾去了，还有很多东西要弄。
谢提醒，之前还没注意到这个。最近做的某个项目的 UI 部分 （Google Drive 可能需要跨墙）代码：然后，说说我的一些做法。可能不够完善，毕竟还在折腾中。## DOM 的整体 or 零散首先是这篇神贴：
泻药。&br&&br&首先要确定，即使抛开游戏不论，一般的Web应用或者网站，完全用JavaScript开发也是可行的。比如ExtJS、webOS的Enyo等。但是主流Web开发很少采用全JS的方案。原因大体有以下几点：&br&&br&&br&1. 注重考虑那些无法运行JS的用户代理。&br&&br&用户使用不支持JS的浏览器（比如较老的手机浏览器），或者禁用脚本。当然你可以选择忽略这一小撮用户，尤其是现在绝大多数网站和应用也是如此选择的，但是至少我们应该对坚持考虑无JS情况的开发者予以基本的尊重。此外，如 Mobile Transcoder或某些手机浏览器的“极速模式”是基于服务器端对网页的解析和重组，是否能支持JS很够呛。&br&&br&更重要的因素是SEO friendly。如果是全JS生成的网页，搜索引擎无法索引内容。这一点对于许多网站是性命攸关的。&br&&br&注意，有人提到screen reader。但绝大多数读屏软件是根据DOM来的，因此全部由JS生成DOM也不会有问题。然而这前提是JS所生成的DOM是符合accessibility要求的。&br&&br&&br&2. 注重HTML/CSS本身的优点。&br&&br&诚然JS本身也可以通过精心设计的框架和库来实现分离等所有HTML/CSS模型的优点。但是存在许多不确定因素：&br&&br&1) 有足够好的框架和库吗？&br&要考虑是否能满足你的业务需求，还可能要考虑性能、可扩展性、之前提到的accessibility、学习曲线、工具链，乃至此框架和库的长久的生存（有人维护，修bug、加新功能比如对HTML5新API的支持之类的）。关键是，理论上说JavaScript具有更高的弹性，但是更大的自由度未必能得到更好的&br&&br&2) 框架和库给出的抽象模型和HTML/CSS模型的阻抗是否匹配？&br&假如该框架或库本质上仍然使用HTML/CSS模型，只是改变了语法（比如从markup改为json），那么其提供的好处在哪里？仅仅是语法统一？&br&如果该框架或库有自己独立的抽象层，比如widget/component等，那么它是建筑在HTML/CSS之上的额外抽象层（即最终映射到HTML/CSS），还是仅仅以HTML/CSS为纯粹实现工具？对于前者，实际上最终会回归HTML/CSS模型。而后者，可以参考的经验教训就是&a href=&http://ASP.NET& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&ASP.NET&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a& WebForm和JSF。&br&&br&3) 框架和库所设定的约束能否在开发中一以贯之的执行？&br&无论是理论或者现实，HTML/CSS模型都算不上完美。但是至少是清晰和较容易被一致的执行的。但是单一语言即使提供分层机制，也容易被绕过——尤其是框架和库本身不够好的情况下，可能由于不能满足需求、有bug等情况而倾向于hack之，更不要说deadline紧迫时。&br&&br&&br&3. 注重性能。&br&&br&须知，最终Web应用、页面是在浏览器中执行，而浏览器完全是按照HTML/CSS所设计。抛开Canvas不论，纯JS的实现最终还是要生成DOM。从性能的角度看，纯JS生成DOM自然赶不上直接的markup。同样的道理，就算用CSS预处理器也都会在部署时预先编译——尽管在运行时可以做出更牛逼的特性（然而实际上目前我不知道有任何CSS预处理器干了这样的事情——因为它们都是按照预编译的场景设计的），再如HTML/CSS是按照渐进显示优化的（页面不用全下载完就可以看部分），而纯JS的架构没有精心设计是很难做到的（比如json数据全部下载完你才能parse，数据才可用，DOM才能生成）。&br&&br&［补充：尽管LESS是可以在运行时执行的，但是从性能的角度出发是不合适的，因为CSS通常必须在页面rendering之前就全部就位。而运行时产生CSS，
就要求在页面rending之前至少要先下载执行LESS的脚本，然后解析编译你的.less源代码。这个性能开销至少目前还不容忽视。］&br&&br&［补充：性能优化的另一点是基于HTML/CSS的声明性特点，即只表明high-level的目标，浏览器才能获得更大的优化自由度。比如CSS transition/animation，与JavaScript通过修改style达到效果比，前者性能表现要好得多。］&br&&br&&br&4. 注重Web开发的独特特点。&br&&br&1) HTML/CSS 都是声明式的，也就是其本身并不希望是程序员来编程。当然，一个编程语言能干所有的事情，但是即使考虑编程本身，为什么在通用编程语言之外还要有SQL、还有以各种语法写的配置文件？&br&&br&2) HTML/CSS是基于标准的。这与&a href=&http://ASP.NET& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&ASP.NET&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a& WebForm、JSF、Flash/Flex等私有技术或一个语言和平台下的标准有天壤之别。具体就不展开了。&br&&br&3) Web开发和一般应用开发有个重大区别是，Web应用、网页的最终表现和行为，或者说Web的用户体验，并不是完全由开发者决定的，而是开发者和用户共同决定的。用户选择不同的设备、不同的浏览器、不同的浏览器设置、不同的浏览器扩展等，都能影响结果。这是缺点，也是优点。看你如何体会了。这里具体不展开。只是一点，纯JavaScript开发通常表示你想更多的控制用户体验，但这并非简单的多写代码就能做到。&br&&br&［补充：举个例子，表单控件上的autofocus属性，乍一看脚本也可以做嘛。但是其实脚本要做对很难！比如页面已然加载一半，用户开始在某个输入框里输入了，但是后续载入的控件要求focus，如果是脚本实现，通常就武断的调用focus()，打断了用户输入（特别是东亚用户使用输入法时被打断很是受伤）。而HTML本身所定义的属性，是由浏览器实现，则可以做恰当的处理。特别注意的是，从老浏览器到新浏览器的升级，你自然就获得了用户体验的提升。另一方面，用户可以主动选择他想用的浏览器，来主动升级他自己的用户体验。这样的例子还有许多许多，不胜枚举。］&br&&br&以上。
泻药。首先要确定，即使抛开游戏不论，一般的Web应用或者网站，完全用JavaScript开发也是可行的。比如ExtJS、webOS的Enyo等。但是主流Web开发很少采用全JS的方案。原因大体有以下几点：1. 注重考虑那些无法运行JS的用户代理。用户使用不支持JS的浏览器（比…
来知乎，参与讨论}
 下载
 收藏
该文档贡献者很忙，什么也没留下。
 下载此文档
正在努力加载中...
基于动态数据库的多国语言网站开发
下载积分：798
内容提示：基于动态数据库的多国语言网站开发
文档格式：PDF|
浏览次数：95|
上传日期： 19:00:51|
文档星级：
该用户还上传了这些文档
基于动态数据库的多国语言网站开发
官方公共微信不分清需求就喷是耍流氓。&br&&br&因为bootstrap压根就不是给前端用的。&br&&br&这东西是给完全没有任何设计水平的后端程序员（比如我）用的。&br&&br&作用是在完全没有美工帮助的情况下，&b&快速/敏捷&/b&的做出一个还看得过去的应用，并且从头到尾不用考虑如何做出xxx效果，只需要按着教程搭就行了。&br&&br&如果没有bootstrap，我&b&敏捷&/b&做出来的东西根本就不能看……
不分清需求就喷是耍流氓。因为bootstrap压根就不是给前端用的。这东西是给完全没有任何设计水平的后端程序员（比如我）用的。作用是在完全没有美工帮助的情况下，快速/敏捷的做出一个还看得过去的应用，并且从头到尾不用考虑如何做出xxx效果，只需要按着教…
&img src=&/94d3ad056ffe21cbcbc0dbf_b.jpg& data-rawwidth=&279& data-rawheight=&320& class=&content_image& width=&279&&&img src=&/f7613dd62dda2e6e5732_b.jpg& data-rawwidth=&279& data-rawheight=&320& class=&content_image& width=&279&&&img src=&/59f21dded3e30af26b7ad9_b.jpg& data-rawwidth=&278& data-rawheight=&320& class=&content_image& width=&278&&&img src=&/9cfb49dcb1e58feb64b92bd_b.jpg& data-rawwidth=&239& data-rawheight=&320& class=&content_image& width=&239&&&img src=&/03a5f9ed535acee7f769ac34_b.jpg& data-rawwidth=&320& data-rawheight=&287& class=&content_image& width=&320&&&img src=&/2d41bf3ac585a678bdef4e_b.jpg& data-rawwidth=&400& data-rawheight=&333& class=&content_image& width=&400&&&img src=&/7efc1c3ebb6e87e9e4b9a489462fdd8e_b.jpg& data-rawwidth=&270& data-rawheight=&320& class=&content_image& width=&270&&&img src=&/93b389eca_b.jpg& data-rawwidth=&320& data-rawheight=&291& class=&content_image& width=&320&&&img src=&/9fdf07bb0cef76e46bf6ecbe_b.jpg& data-rawwidth=&280& data-rawheight=&320& class=&content_image& width=&280&&&img src=&/ef729b4570f70afabe2197_b.jpg& data-rawwidth=&320& data-rawheight=&291& class=&content_image& width=&320&&&img src=&/ffd699e11248ace0ab6df33e_b.jpg& data-rawwidth=&277& data-rawheight=&320& class=&content_image& width=&277&&&img src=&/7aede9ac7233_b.jpg& data-rawwidth=&352& data-rawheight=&400& class=&content_image& width=&352&&&img src=&/3a6a727e993cf26513d8_b.jpg& data-rawwidth=&238& data-rawheight=&320& class=&content_image& width=&238&&&img src=&/d6b647ea3c43ae76410fd_b.jpg& data-rawwidth=&320& data-rawheight=&289& class=&content_image& width=&320&&&img src=&/af5ea350adceba_b.jpg& data-rawwidth=&249& data-rawheight=&320& class=&content_image& width=&249&&&img src=&/e06c3b268f9b67234ecbf9_b.jpg& data-rawwidth=&320& data-rawheight=&291& class=&content_image& width=&320&&&img src=&/72ac097ddf2ab4_b.jpg& data-rawwidth=&400& data-rawheight=&462& class=&content_image& width=&400&&&img src=&/7ad45db56df4f320a0a50b_b.jpg& data-rawwidth=&278& data-rawheight=&320& class=&content_image& width=&278&&&img src=&/0b858af192bf521c76a0_b.jpg& data-rawwidth=&266& data-rawheight=&320& class=&content_image& width=&266&&
来自子话题：
这种叫 &b&视差滚动（&/b&&b&Parallax Scrolling&/b&&b&）&/b&。即多个元素以不同的层次堆叠在一起，并随鼠标滚轮滚动而进行位置移动，进而形成立体的运动效果。&br&&img src=&/0eded911d455a13f14de39e8e6f26919_b.jpg& data-rawwidth=&670& data-rawheight=&500& class=&origin_image zh-lightbox-thumb& width=&670& data-original=&/0eded911d455a13f14de39e8e6f26919_r.jpg&&&br&&img src=&/d9a589a8a943bda6533e3_b.jpg& data-rawwidth=&437& data-rawheight=&295& class=&origin_image zh-lightbox-thumb& width=&437& data-original=&/d9a589a8a943bda6533e3_r.jpg&&&br&比如这个游戏画面里通过人物马里奥、前景、背景着三个部分的移动速率的不同来实现立体效果。类比网页也是如此。一个滚动视察的网站至少会有以下几层 ：背景层，内容层，贴图层。&br&&img src=&/03c36b7efb6f1a0fddaa73_b.jpg& data-rawwidth=&694& data-rawheight=&576& class=&origin_image zh-lightbox-thumb& width=&694& data-original=&/03c36b7efb6f1a0fddaa73_r.jpg&&&br&类似网站：&br&&br&&a href=&/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&/&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&&br&&br&&p&&a href=&http://ianlunn.co.uk/plugins/jquery-parallax/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&ianlunn.co.uk/plugins/j&/span&&span class=&invisible&&query-parallax/&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&/p&&img src=&/c072aaadaec660_b.jpg& data-rawwidth=&1356& data-rawheight=&602& class=&origin_image zh-lightbox-thumb& width=&1356& data-original=&/c072aaadaec660_r.jpg&&类似Nike for a Better World 产品展示页面的视差滚动效果。&br&源码下载 &a href=&/s/1hqssgcc& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&/s/1hqssgc&/span&&span class=&invisible&&c&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&&br&&a href=&/themes/sliding-horizontal-parallax/& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&/themes/s&/span&&span class=&invisible&&liding-horizontal-parallax/&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&&img src=&/72f3f1b7bdde7f00ab89_b.jpg& data-rawwidth=&943& data-rawheight=&574& class=&origin_image zh-lightbox-thumb& width=&943& data-original=&/72f3f1b7bdde7f00ab89_r.jpg&&水平方向的视差滚动。&br&源码下载 &a href=&/s/1kT5dnbL& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&/s/1kT5dnb&/span&&span class=&invisible&&L&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&&br&&br&&a href=&http://www./eng.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Bit This&i class=&icon-external&&&/i&&/a&&br&Bit This 是一家位于西班牙马德里的代理公司。&br&&img src=&/6de199b5e2f2bdb5fed2017_b.jpg& data-rawwidth=&720& data-rawheight=&403& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/6de199b5e2f2bdb5fed2017_r.jpg&&&p&&a href=&/int/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&New Zealand&i class=&icon-external&&&/i&&/a&&/p&&p&The New Zealand 是一家介绍新西兰旅游的网站。&br&&/p&&img src=&/3ab503db1c81edb98ca9_b.jpg& data-rawwidth=&720& data-rawheight=&393& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/3ab503db1c81edb98ca9_r.jpg&&&p&&a href=&/#home& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Diablo Media&i class=&icon-external&&&/i&&/a&&/p&&p&Diablo Media 是一家线上营销代理公司：为广告主和出版商发布产品和作品。&br&&/p&&img src=&/f44b121dfc94f9cfaafd8d602cdd8f7d_b.jpg& data-rawwidth=&720& data-rawheight=&392& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/f44b121dfc94f9cfaafd8d602cdd8f7d_r.jpg&&&p&&a href=&http://www.360langstrasse.sf.tv/page/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&360 Long Road Zurich&i class=&icon-external&&&/i&&/a&&a href=&http://www.netlash-bseen.be/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Netlash bSeen&i class=&icon-external&&&/i&&/a&&/p&&p&Netlash BSeen 是由 Netlash 创建人和线上营销代理 bSeen 合并之后新创建的一家代理公司。&/p&&img src=&/bbada9fc566b65094a09_b.jpg& data-rawwidth=&720& data-rawheight=&393& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/bbada9fc566b65094a09_r.jpg&&&p&&a href=&http://www.itosieceni.pl/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Ito Sio Ceni&i class=&icon-external&&&/i&&/a&&a href=&/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Sullivan&i class=&icon-external&&&/i&&/a&&a href=&/en/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Iutopi&i class=&icon-external&&&/i&&/a&&a href=&http://www.culturalsolutions.co.uk/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Cultural Solutions&i class=&icon-external&&&/i&&/a&&a href=&http://www.goup.it/#goup& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Go Up&i class=&icon-external&&&/i&&/a&&/p&&p&Go Up 是一家意大利广告代理公司。&/p&&img src=&/be534f5b3f_b.jpg& data-rawwidth=&720& data-rawheight=&393& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/be534f5b3f_r.jpg&&&br&&a href=&http://www.itosieceni.pl/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Ito Sio Ceni&i class=&icon-external&&&/i&&/a&&br&&p&Ito Sio Ceni 是一家波兰的广播公司，&/p&&img src=&/a902cd725cda8e4ea9c3_b.jpg& data-rawwidth=&720& data-rawheight=&392& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/a902cd725cda8e4ea9c3_r.jpg&&&a href=&/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Sullivan&i class=&icon-external&&&/i&&/a&&p&Sullivan 是一家提供从各个方面提升用户接触度服务的代理公司。&/p&&img src=&/a388bbdae811_b.jpg& data-rawwidth=&720& data-rawheight=&393& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/a388bbdae811_r.jpg&&&a href=&/en/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Iutopi&i class=&icon-external&&&/i&&/a&&p&Iutopi 是一家品牌、平面设计和网页设计代理公司。&/p&&img src=&/e7e1c610ee2ea4d201a5afdf_b.jpg& data-rawwidth=&720& data-rawheight=&392& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/e7e1c610ee2ea4d201a5afdf_r.jpg&&&a href=&http://www.culturalsolutions.co.uk/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Cultural Solutions&i class=&icon-external&&&/i&&/a&&p&Cultural Solutions 是英国的一家企业管理代理公司。&/p&&img src=&/d98e6719acba3532bfae3ffb406c59fc_b.jpg& data-rawwidth=&720& data-rawheight=&392& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/d98e6719acba3532bfae3ffb406c59fc_r.jpg&&&a href=&http://www.goup.it/#goup& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Go Up&i class=&icon-external&&&/i&&/a&&p&Go Up 是一家意大利广告代理公司。&/p&&img src=&/898e468e4a03ce67faf24_b.jpg& data-rawwidth=&720& data-rawheight=&393& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/898e468e4a03ce67faf24_r.jpg&&&br&&br&&br&&p&【参考资料】&/p&&p&[1]&a href=&/archives/37242& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&/archive&/span&&span class=&invisible&&s/37242&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&/p&&p&[2]&a href=&/lhb25/archive//parallax-scrolling-in-web-design.html& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&/lhb25/archi&/span&&span class=&invisible&&ve//parallax-scrolling-in-web-design.html&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&/p&&br&&br&&br&&p&——————————————————————————————————————&/p&&p&=-=||| 各位说我文不对题的页面，其实是问题提到的网页改版了……之前的确实是视差滚动的。你看我楼下那个早期回答也是这样的类型&/p&
这种叫 视差滚动（Parallax Scrolling）。即多个元素以不同的层次堆叠在一起，并随鼠标滚轮滚动而进行位置移动，进而形成立体的运动效果。比如这个游戏画面里通过人物马里奥、前景、背景着三个部分的移动速率的不同来实现立体效果。类比网页也是如此。一个…
来自子话题：
来自子话题：
注意注意： &b&H5 != HTML5&/b&&br&&br&&i&H5 是一个产品名词&br&HTML5 是一个技术名词&/i&&br&&br&对于知乎多个相关问题里批判H5的叫法，我只想说：&blockquote&图样图森破，上台拿衣服&/blockquote&&br&打个比方，如果有个人跟你说：“我要做个网站，H5的”。&br&那TA是想让你用header、footer、nav、section等标签？&br&让你用Geolocation、localStorage、Web Worker等API？&br&都不是，TA们想要的功能你用HTML4就都能做出来了。&br&更别说还得兼容老IE浏览器呢。&br&&br&所以年轻人，你们要用心理解客户的需求，不要沉迷于技术。&br&人家一定不是让你去用一种不被所有浏览器兼容的技术。&br&&br&所以，H5指的不是HTML5，而是&b&某种在微信等移动端看上去酷炫能够提升公司格调顺便亮瞎访问者氪金狗眼顿升膜拜之心&/b&&b&就算没有内容也能被广泛转发&/b&&b&分享的一种东西&/b&。
注意注意： H5 != HTML5H5 是一个产品名词HTML5 是一个技术名词对于知乎多个相关问题里批判H5的叫法，我只想说：图样图森破，上台拿衣服打个比方，如果有个人跟你说：“我要做个网站，H5的”。那TA是想让你用header、footer、nav、section等标签？让你用Geo…
已有的两个回答都是错的。。。只好冒出来回答一下。。。童鞋你们这样不求甚解真的好吗。。。&br&&br&&br&&br&要深刻认识到，以下两种代码看起来像，但是实际作用原理完全不同：&br&&br&A类（href）：&br&&div class=&highlight&&&pre&&code class=&language-html&&&span class=&nt&&&a&/span& &span class=&na&&href=&/span&&span class=&s&&&javascript:your_code_here&&/span&&span class=&nt&&&&/span& A Link &span class=&nt&&&/a&&/span&
&/code&&/pre&&/div&&br&B类（onclick）：&br&&div class=&highlight&&&pre&&code class=&language-html&&&span class=&nt&&&a&/span& &span class=&na&&onclick=&/span&&span class=&s&&&javascript:your_code_here&&/span&&span class=&nt&&&&/span& A Link &span class=&nt&&&/a&&/span&
&/code&&/pre&&/div&&br&&br&1、 href 中的 javascript&br&
在 href 属性中， “javascript:” 是协议名，与 “http:” 类似，它告诉浏览器，后面的内容是一段 javascript 脚本。&br&
因此，当此链接被点击的时候，浏览器实际上执行的是一个 navigate 的动作，只是 navigate 的目标，不是常见的 http:，而是 javascript:。&br&
也正是因为这样，所以 href 后的代码，其 “执行环境” 是 &b&&u&“全局”&/u&&/b&。而在全局中，是不可以用 “return” 的。&br&
引申一下，在这个链接上，点鼠标右键，选择 “新窗口中打开”，你会发现，你 href 后的代码，会被浏览器尝试在一个新打开的空白窗口中执行。&br&&br&1.1 href 中，表达式的值&br&
如果能深刻理解上面所说的含义，那么看一下下面的代码：&br&&div class=&highlight&&&pre&&code class=&language-html&&&span class=&nt&&&a&/span& &span class=&na&&href=&/span&&span class=&s&&&javascript:'hello hutia'&&/span&&span class=&nt&&&&/span& A Link &span class=&nt&&&/a&&/span&
&/code&&/pre&&/div&
猜测一下，点击这个链接，会出现什么？&br&
窗口会跳转到一个显示着 &hello hutia& 字样的页面。&br&
这是因为， javascript 脚本所执行的结果，也就是表达式的值，会作为文档的输入。&br&
所以，在大家习惯性的写法里，会在 href 后的脚本的末尾，缀上 &void(0);&。&br&&br&2、 onclick 中的 javascript&br&
与 href 属性不同的是，onclick 的属性值，本来就会被当作脚本对待，不存在指明协议的需求。那么为什么还要有一个“javascript:” 呢？ 这是有一定历史遗留原因的。在很多年前，vbscript 也曾经流行一时，与 javascript 同时存在。因此，onclick 等事件脚本引擎，可以通过 “javascript:” 或 &vbscript:& 来指定。&br&
在 onclick 等属性解析的时候，其属性值被引擎打包在一个匿名函数中，因此可以在其中使用 return。&br&
例如下面的代码：&br&&div class=&highlight&&&pre&&code class=&language-html&&&span class=&nt&&&a&/span& &span class=&na&&id=&/span&&span class=&s&&&hutia&&/span& &span class=&na&&onclick=&/span&&span class=&s&&&javascript:your_code_here&&/span&&span class=&nt&&&&/span& A Link &span class=&nt&&&/a&&/span&
&/code&&/pre&&/div&
等效于下面的代码：&br&&div class=&highlight&&&pre&&code class=&language-html&&&span class=&nt&&&a&/span& &span class=&na&&id=&/span&&span class=&s&&&hutia&&/span&&span class=&nt&&&&/span& A Link &span class=&nt&&&/a&&/span&
&span class=&nt&&&script&&/span&
&span class=&nb&&document&/span&&span class=&p&&.&/span&&span class=&nx&&getElementById&/span&&span class=&p&&(&/span&&span class=&s1&&'hutia'&/span&&span class=&p&&).&/span&&span class=&nx&&onclick&/span& &span class=&o&&=&/span& &span class=&kd&&function&/span&&span class=&p&&(){&/span&
&span class=&nx&&your_code_here&/span&
&span class=&p&&};&/span&
&span class=&nt&&&/script&&/span&
&/code&&/pre&&/div&&br&
有人可能会问，我为啥要了解这个？或者说，浏览器如何解析，对我来说有什么用？&br&
一个简单的例子是，不同浏览器的 event 兼容。&br&
我们知道， IE 会把 event 存放在 window.event 对象中，而 Chrome 等浏览器会把 event 作为第一个参数传递给事件句柄函数。那么在 onclick=&& 这种格式中，如何兼容的获取此对象？&br&
下面是一个例子：&br&&div class=&highlight&&&pre&&code class=&language-html&&&span class=&nt&&&a&/span& &span class=&na&&id=&/span&&span class=&s&&&hutia&&/span&
&span class=&na&&onclick=&/span&&span class=&s&&&javascript:var e = window.event || arguments[0];&/span&
&span class=&s&&
the_other_code_&&/span&&span class=&nt&&&&/span&
&span class=&nt&&&/a&&/span&
&/code&&/pre&&/div&
如果理解了浏览器对 onclick 属性的解析模式，上面的 arguments[0] 也就容易理解了&br&&br&---------&br&以上，请点赞，谢谢
已有的两个回答都是错的。。。只好冒出来回答一下。。。童鞋你们这样不求甚解真的好吗。。。要深刻认识到，以下两种代码看起来像，但是实际作用原理完全不同：A类（href）：&a href="javascript:your_code_here"& A Link &/a&B类（onclick）：&a onclick="j…
update:&br&刚看完霍比特人预告片2回来, 看到许多评论的我眼泪掉下来, 并陷入了深深的沉思.&br&之前看过多次预告片2的预告短片, 我对女护卫队长毫无感觉, 觉得毫无亮点, 但是当她出现在屏幕上的那一瞬间, 我发觉我已经深深地爱上了她, 刹那间脑中浮现的就只有那天夕阳下的奔跑.....&br&要知道我看的是最烂的偏振3D, 要是看UltraAVX HFR我不知道我会不会一口老血溅当场&br&通过今晚的观影经验, 我得出一个定理, 不要过早做出武断的结论啊....&br&&br&&br&对了上面那个结论是对你说的&a data-hash=&c0fb149fe446cd& href=&/people/c0fb149fe446cd& class=&member_mention& data-editable=&true& data-title=&@Qin Wei& data-tip=&p$b$c0fb149fe446cd&&@Qin Wei&/a&, 我无意与你争长短, 但是我觉得你说得不对, 我怕当年的我受你误导, 所以在这里说一下:&br&&br&&blockquote&做题和实战不同没什么问题， &/blockquote&&ul&&li&我没说做题和实战不同有问题, 我相信我表达的意思是&这类问题&贻害人间.&/li&&/ul&&br&&blockquote&教科书上也没让你那么写代码。 &/blockquote&&ul&&li&我不认为, 写在教材上花时间让你搞的东西是&没让你那么写代码&, 它有标注&&u&&b&同学们, 这是反例, 引以为鉴呐, 这么写是要扣分的呀&/b&&/u&&吗? 退99.9%步, 不论教材意欲何为, 至少它造成了这样的后果, 这种现象就值得批驳. 而且面对黑风双煞我觉得武林中正派人士不必讲什么江湖道义, 后退都是多余的&/li&&/ul&&i&起手两招名曰偷换概念, 也叫&b&&u&稻草人谬误&/u&&/b&, 出自史记&/i&&br&&br&&blockquote&那些看上变态的考题不过是为了加深对概念的理解。 &/blockquote&&ul&&li&我不认为, 那种考题是为了加深对概念的理解, 因为我小时候看过一则故事叫三重楼喻&/li&&/ul&&i&续招唤作&b&&u&转移话题其疾如风&/u&&/b&, 孙子兵法有载&/i&&br&&br&&blockquote&要从实用上考虑课本上９９％的题都无法直接影射到实践中去那么是不是要说习题都无用呢。 &/blockquote&&ul&&li&我没说课本和实践无法直接影射, 我说的是教材教了很多错误的思想, 我也没说习题勿用, 我说黑风双煞害人&/li&&/ul&&i&大招揉杂了以偏概全和转移话题两招, 端的凌厉了得&/i&&br&&br&&blockquote&篮球运动员要推胸这样的基础练习， 而在赛场上没有杠铃让你去推那是否能说练习卧推也无用呢。&/blockquote&&ul&&li&呃...如果不是我由于深度沉浸在队长的倩影中导致记忆紊乱, 球员力量训练应该是卧推, 推胸什么的, 感觉好黄好暴力, 好像是100分前夜的消遣...不知道是不是我想多了....
卧推是科学且标准的力量训练方法, 如果你非要用这个类比, 应该是等到我说了&实践中也不要你手写数据结构和算法所以学数据结构和算法是无用的&这种话之后的事情.... 我觉得篮球里面能和黑风双煞类比的应该是掐腰子, 伸黑脚, 推后背.
无论如何, 错误的东西也不可能是基础知识的组成部分, 对吧?&/li&&/ul&&i&最后一击以转移话题以偏概全偷换概念做超必杀, 显然是跑江湖的老手所为. 若不是这个姓曲多读了几本书, 怕是早已命丧当场&/i&&br&&br&&blockquote&再说这回答离题也太远了吧 居然１００多个赞&/blockquote&&i&我不觉得针对这样一个简单疑问句的问题用&YES& or &NO&来作答是更近的答案&br&&/i&&br&&br&最后向 &a data-hash=&c0fb149fe446cd& href=&/people/c0fb149fe446cd& class=&member_mention& data-editable=&true& data-title=&@Qin Wei& data-tip=&p$b$c0fb149fe446cd&&@Qin Wei&/a& 你也是向大家推荐一本书 &a href=&/subject/1504957/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&学会提问 (豆瓣)&i class=&icon-external&&&/i&&/a&, 可助你有效抓住问题本质, 避免逻辑谬误, 有病治病没病防身, 男可滋阴壮阳女可益气养颜, 少年朋友看了可以一夜会连点七个赞, 老年朋友看了反对也有力了, 没有帮助也更勤奋了, 一口气几十个反对+举报也不会费劲了. 一本书你看不来吃亏, 一本书你也看不了上当....&br&&br&最后的最后有人问黑风双煞是谁, ref如下:&br&&a href=&/question//answer/& class=&internal&&谭浩强在程序员圈子里的口碑如何？为什么？&/a&&br&&br&+++++++&br&&br&这是一个老问题了, 不过戳到了我的不爽点....&br&&br&这是一个教育缺陷, 即专业程序员和业界的共识与学校教育严重不相符&br&学校教书, 喜欢扯一些茴香豆问题来试图难倒你&br&学校和老师在乎的, 是能不能用茴香豆树立权威碾压你&br&比如&br&&div class=&highlight&&&pre&&code class=&language-c&&&span class=&n&&a&/span&&span class=&o&&=&/span&&span class=&n&&i&/span&&span class=&o&&+++++&/span&&span class=&n&&i&/span&
&span class=&c1&&//a是几&/span&
&span class=&p&&(&/span&&span class=&n&&a&/span&&span class=&o&&=&/span&&span class=&mi&&2&/span&&span class=&o&&*&/span&&span class=&mi&&3&/span&&span class=&p&&)&/span&&span class=&o&&=&/span&&span class=&mi&&4&/span&&span class=&o&&*&/span&&span class=&mi&&5&/span&&span class=&c1&&//a是几&/span&
&span class=&c1&&//心虚的我决定申明一下上面的代码是黑风双煞的手笔&/span&
&span class=&c1&&//我是万万不敢不加空格不加括号乱取名字滥用异形代码的&/span&
&/code&&/pre&&/div&又比如&br&&ul&&li&不打括号让你猜运算符优先级表&br&&/li&&li&告诉你多写x行代码绕个大圈子可以获得更高的效率&br&&/li&&li&告诉你用一个复杂的逻辑可以把代码缩成一行&/li&&li&所谓位优化&br&&/li&&/ul&然后深受劣质学校洗脑长大的程序员, 把所谓私藏经验扩散到网络,
遗毒无穷&br&&br&&br&事实是&br&&ol&&li&程序是写给人看的&/li&&li&99.9%的程序都无关效率&/li&&li&剩下的0.1%的需要追求程序中, 瞎写的所谓优化也99.9%不会是性能热点&/li&&li&程序是写给人看的&/li&&/ol&
update:刚看完霍比特人预告片2回来, 看到许多评论的我眼泪掉下来, 并陷入了深深的沉思.之前看过多次预告片2的预告短片, 我对女护卫队长毫无感觉, 觉得毫无亮点, 但是当她出现在屏幕上的那一瞬间, 我发觉我已经深深地爱上了她, 刹那间脑中浮现的就只有那天夕…
突然看到这个老问题，一时兴起来歪个楼。&br&&br&国内的前端团队分布，其实可以用金庸武侠小说的门派来类比。&br&&br&阿里系：少林，人才济济，高手如云，应当是国内前端体系建设最完善的了，较早重视前端方向，有完整的前端工程化思路，对Web标准也很重视，node方面更是先驱&br&&br&百度系：武当，同样很多高手，fex跟ecomfe两个团队名声响亮，以fis为代表的前端工程方案和以echarts为代表的数据可视化独树一帜&br&&br&腾讯：丐帮，相对前两个团队，略有些低调，实力也是很强，跟阿里一样，是较早重视前端的企业，移动端、可访问性等方面研究较深&br&&br&360：明教，有月影，jk等高手带领，实力很强，奇舞团名扬天下&br&&br&去哪儿网：嵩山，近年迅速崛起，有司徒正美，杜瑶等高手坐镇&br&&br&新浪：华山，老牌互联网公司，前端建设得很好，人员流失略多&br&&br&网易：衡山，时常能看到一些亮点&br&&br&搜狐：恒山，同上&br&&br&百姓网：泰山，贺老一个人顶一百个，足称泰山北斗，其他还有css魔法等高手&br&&br&豆瓣：逍遥派，克军大神的团队，文艺清新&br&&br&携程：峨眉，重构方向强人多，图解css3作者大漠，css那些事儿作者林小志等等&br&&br&美团：崆峒，从百度，新浪吸引了一些人才，实力不错&br&&br&UC：大理段氏，张云龙在前端工程化方面的领悟，足可比拟六脉神剑，其他还有一些高手&br&&br&京东：青城，逐步完善自己的前端体系，有一定特色&br&&br&苏宁：海沙派，前端建设落后于各主流互联网公司，需奋起直追&br&&br&途牛：巨鲸帮，跟苏宁对门，难兄难弟&br&&br&……&br&&br&我瞎写的，如果冒犯各路高手，不要来打我，没写到的是我孤陋寡闻，只写了自己大致知道的事，有些小的创业团队也很厉害的，不过我这里只写门派，没算世外高人……
突然看到这个老问题，一时兴起来歪个楼。国内的前端团队分布，其实可以用金庸武侠小说的门派来类比。阿里系：少林，人才济济，高手如云，应当是国内前端体系建设最完善的了，较早重视前端方向，有完整的前端工程化思路，对Web标准也很重视，node方面更是先…
大概两年前开始学前端，一开始只是因为 CSS3 好酷好炫好好玩，学到后来越来越沉迷于此。由于对本专业课程不感兴趣，加上最近越来越感到非科班的出身带来的基础知识的空缺，在上学期翘了大部分不喜欢的课程来学开发，但也因此被辅导员三番五次找去谈话。&br&&br&在去年年底时，被辅导员指着鼻子说「&b&给你月薪 3w 又能怎样？还不是个破拍代码的！&/b&」，一直以来的孤独感和对未来的恐惧感涌上心头，一个人坐在教室里发了一下午的呆，想是不是就此放弃比较好、是不是这辈子就将这样一事无成下去。当天晚上收到了这样的一封邮件：&br&&br&&img src=&/33bf99901caf51eb7e67_b.jpg& data-rawwidth=&776& data-rawheight=&522& class=&origin_image zh-lightbox-thumb& width=&776& data-original=&/33bf99901caf51eb7e67_r.jpg&&&br&看到邮件感觉心头一暖，第一次感觉到之前所有的努力和挣扎都是有意义的 :)&br&&br&今后也会继续在这条路上走下去，努力就好，剩下交给时间。
大概两年前开始学前端，一开始只是因为 CSS3 好酷好炫好好玩，学到后来越来越沉迷于此。由于对本专业课程不感兴趣，加上最近越来越感到非科班的出身带来的基础知识的空缺，在上学期翘了大部分不喜欢的课程来学开发，但也因此被辅导员三番五次找去谈话。在去…
简单来说JavaScript是这么一个语言：&br&&br&1、他爹创造它的时候，中意的是函数式，但是公司要他弄的像Java一点。当然，最后这个语言其实更像C，算是C风格的函数式脚本语言，除了名字里面有个Java。&br&&br&2、他爹只用了十天的时间完成这个语言，然后互联网花了十几年在这个语言羸弱的语法上整出了面向对象，命名空间、AJAX等等Pattern，更有各种书籍规范介绍怎么避开这个语言的坑。&br&&br&3、在开始的几年里，这个语言一直被当做脚本来使用，随着互联网的发展，人们对动态内容的需求增多，从而发明了AJAX技术。&br&&br&4、然后有个叫做Google的公司用这个脚本语言做了一个邮件客户端，人们不得不开始重新审视这一“脚本”语言。&br&&br&5、旋即，Google发现HTML和JavaScript是自己唯一能够掌控的平台，遂在上面加大投入，这一转折让我对Google的不作恶信条产生动摇。&br&&br&6、Google用尽全力终于把这个脚本语言的性能提升到了极致，也就是V8引擎。用事实告诉我们，语言设计的烂没有关系，主要看干爹有多少钱。&br&&br&&br&补充回答LZ的问题，JavaScript的兼容语言JScript是WSH（Windows脚本宿主）支持的脚本语言之一，所以可以用于ASP开发，但事实上严格来说用于ASP的是JScript（这个语言语法与JavaScript是兼容的）
简单来说JavaScript是这么一个语言：1、他爹创造它的时候，中意的是函数式，但是公司要他弄的像Java一点。当然，最后这个语言其实更像C，算是C风格的函数式脚本语言，除了名字里面有个Java。2、他爹只用了十天的时间完成这个语言，然后互联网花了十几年在这…
其实我到感觉前端应该了解从http发起请求，到dns到apache，到某后端语言，然后回来，浏览器渲染的整个过程。这样有助于更好的把前端做好，也为了方便问题的排查。&br&其实我一直认为这是一个很好的面试题，比一上手问人闭包，更具有实战意义。&br&以下是积累的一些资料，分享一下，希望有用：&br&&br&&p&&a href=&/zh/tutorials/internals/howbrowserswork/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&浏览器的工作原理：现代网络浏览器幕后揭秘&i class=&icon-external&&&/i&&/a&&/p&&p&&a href=&/zh/tutorials/internals/howbrowserswork/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&浏览器的工作原理：现代网络浏览器幕后揭秘&i class=&icon-external&&&/i&&/a&&/p&&p&&a href=&/topics/de3e752e0081ff?qq-pf-to=pcqq.group& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&NutUX&i class=&icon-external&&&/i&&/a&&/p&&p&&a href=&/css-performance-from-the-browsers-rendering/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&从浏览器的渲染原理讲CSS性能-Smallni's blog&i class=&icon-external&&&/i&&/a&&/p&&p&&a href=&/articles/9666.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&浏览器的渲染原理简介&i class=&icon-external&&&/i&&/a&&/p&&p&&a href=&/2013/05/high-performance-javascript-1/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&javascript文件并行加载与顺序执行 《高性能javascript》读书笔记&i class=&icon-external&&&/i&&/a&&br&
js 并行加载与顺序执行 &br&&a href=&/blog/2014/05/what-happen/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&从输入 URL 到页面加载完成的过程中都发生了什么事情？ FEX 做最专业的前端&i class=&icon-external&&&/i&&/a&&br&&a href=&/topics/de3e752e0081ff?qq-pf-to=pcqq.group& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&NutUX&i class=&icon-external&&&/i&&/a&&br&
浏览器的工作原理：新式网络浏览器幕后揭秘 &br&&a href=&/blog//js& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&js和css的顺序关系&i class=&icon-external&&&/i&&/a&%E5%92%8Ccss%E7%9A%84%E9%A1%BA%E5%BA%8F%E5%85%B3%E7%B3%BB&/p&&p&js css的顺序 &br&&a href=&/articles/9749.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Javascript 装载和执行&i class=&icon-external&&&/i&&/a&&br&&a href=&http://renyongjie668./blog/static/7062789/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&浏览器加载和渲染html的顺序&i class=&icon-external&&&/i&&/a&&br&&/p&&br&&p&&a href=&.cn/s/blog_012p5e.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&DNS工作流程及原理 域名、IP与DNS的关系_longshu_新浪博客&i class=&icon-external&&&/i&&/a&&/p&&p&&a href=&http://blog.csdn.net/maminyao/article/details/7390208& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&DNS工作流程及原理 浅说域名、IP与DNS的关系&i class=&icon-external&&&/i&&/a&&/p&&p&&a href=&/view/172221.htm& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&DNS域名服务器&i class=&icon-external&&&/i&&/a&&/p&&p&&a href=&/NetSos/archive//1891194.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&HTML解析原理&i class=&icon-external&&&/i&&/a&&/p&&p&&a href=&http://blog.csdn.net/longeremmy/article/details/8030736& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&浏览器加载渲染网页过程解析--总结（三）&i class=&icon-external&&&/i&&/a&&/p&&p&&a href=&http://blog.csdn.net/longeremmy/article/details/8028738& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&浏览器加载渲染网页过程解析（二）&i class=&icon-external&&&/i&&/a&&/p&&p&&a href=&/page/129756/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&前端必读：浏览器内部工作原理&i class=&icon-external&&&/i&&/a&&/p&&p&&a href=&/zh/tutorials/internals/howbrowserswork/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&浏览器的工作原理：现代网络浏览器幕后揭秘&i class=&icon-external&&&/i&&/a&&/p&&br&&p&&a href=&/li0803/archive//1324746.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&HTTP协议详解（真的很经典）&i class=&icon-external&&&/i&&/a&&/p&&p&&a href=&/view/1628025.htm?fromtitle=http&fromid=243074&type=syn& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&超文本传送协议&i class=&icon-external&&&/i&&/a&&/p&&p&&a href=&.cn/s/blog_clrw.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&TCP与UDP区别_动物园黑手党&i class=&icon-external&&&/i&&/a&&/p&&p&&a href=&http://www.yc-edu.org/PHPpeixun/1428.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&php和apache的关系和作用&i class=&icon-external&&&/i&&/a&&/p&&br&&p&有其它疑问，加群吧：，禁止闲聊，非喜勿加。&/p&
其实我到感觉前端应该了解从http发起请求，到dns到apache，到某后端语言，然后回来，浏览器渲染的整个过程。这样有助于更好的把前端做好，也为了方便问题的排查。其实我一直认为这是一个很好的面试题，比一上手问人闭包，更具有实战意义。以下是积累的一些…
先归零，然后再想想自己还能干什么，在互联网之外还有什么符合当地需要的专业技能。&br&&br&------用来反驳&a href=&/people/a-guo-68& class=&internal&&阿果&/a& 的分割线-------&br&&blockquote&优秀的逻辑思维能力、强大的信息处理能力、高效能的流程管理&br&&/blockquote&听着好像希特勒夸雅利安人似的。&br&好吧，先假设 IT 人真的有这些，那这也只是素质和方法。跟真的要做的事情所需要的专业知识是两码事。&br&&br&&blockquote&其实在常规领域，大量工作存在效率低、流程规划不合理、信息交流不通畅的问题。这就给了善于思考的IT人以发挥特长的空间。&br&&/blockquote&这些问题在IT行业中同样存在，就国内现在的这些公司来说，都没有资格说自己解决的很好。早俩月业界推崇《打造Facebook》里的流程方法什么，那情景就像是「小太监问大太监：听说宫里最近出了一本《房事秘籍》」。&br&那么，目前身为IT从业人员中的一枚，都没法解决好现在公司的问题，又怎么能保证自己能解决好将来的问题呢？&br&&br&&blockquote&三个案例&/blockquote&丁磊的猪：肯定不是程序员养出来的，他也得请专门的饲养员。题主的角色现在貌似不是当老板（丁磊），而是找工作（程序员应聘饲养员？）。&br&徐佳的水果：从这个案例里，我首先看到的是他花了几个月做准备，而且对水果行业很熟悉，有不错的货源。他并没有用PHP写出几吨水果出来。&br&降级论：这文章刚出来我就吐槽过，卖烤串的水难道就不深吗？要真的今天给你扔个围裙让你去，先自己想想，你分得清胡椒和孜然吗？知道怎么躲城管吗？&br&&br&本来不想写得这么悲观的，只是看到各位把「互联网从业人员」这个身份看得太高了，没忍住喷了一堆。&br&脑子好使不好使，眼界开阔不开阔，跟个人强相关，跟人身上的工作tag弱相关。用今天kentzhu一条微博里的话说：姿势不对，在哪儿都会掉坑里。
先归零，然后再想想自己还能干什么，在互联网之外还有什么符合当地需要的专业技能。------用来反驳 的分割线-------优秀的逻辑思维能力、强大的信息处理能力、高效能的流程管理听着好像希特勒夸雅利安人似的。好吧，先假设 IT 人真的有这些，那这也只是…
陈贤安先生推荐的书籍，我认为非常不适合入门，他们更像是全面的参考指南，充斥着各类细节，且行文晦涩，对初学者有难度，容易挫败其热情。 &br&&br&我负责任地说： &br&&br&O'reilly 的 Head first html， xhtml & CSS 是这个地球上最好的html和css入门书，没有之一。 &br&&br&1， 最正式的规范和思路 &br&2， 最简单易懂，乐趣盎然的学习过程 &br&&br&读完这本后，请直接去学习同作者的刚刚出版的新书： &br&&br&Head first Html5 &br&&br&这本不但是最好的html5入门书，也是极好的javascript入门书。这两本的结合，应是目前最快的html学习路径。
陈贤安先生推荐的书籍，我认为非常不适合入门，他们更像是全面的参考指南，充斥着各类细节，且行文晦涩，对初学者有难度，容易挫败其热情。 我负责任地说： O'reilly 的 Head first html， xhtml & CSS 是这个地球上最好的html和css入门书，没有之一。 1， …
&p&我开始以为这个问题是几年前提的，仔细确认了，居然是今天提的！实在看不下去其他批评IE的答案。先回答题主的问题：因为无需适配IE，大家全按照标准来写程序，浏览器按照标准实现功能，这是最好的。IE的开发者已经表示“we began a major investment in interoperability with other modern browsers to ensure that developers don’t have to deal with cross-browser inconsistencies.”[1]&/p&&br&&p&再评论下其他答案：&/p&&p&&a class=&member_mention& href=&/people/d6fffe30f97e50dd578c8a2c& data-editable=&true& data-title=&@Arthur Wang& data-hash=&d6fffe30f97e50dd578c8a2c& data-tip=&p$b$d6fffe30f97e50dd578c8a2c&&@Arthur Wang&/a&&/p&&blockquote&&p&但是旋即发现：IE6不支持HTML5&/p&&p&HTML5非常强大，就一个特点：没彻底完成&/p&&/blockquote&&p&IE6是2001年发布的产品，HTML5是2014年定稿的标准。就说各网站使用HTML5成为主流也只是近几年的事。IE6不支持它发布之后13年的标准，这也怨IE6? 微软目前也是W3C成员，而且&b&HTML5的作者里其中两个人都来自微软&/b&。&/p&&p&HTML5已于2014年10月底成为W3C Recommendation.[2] 当然HTML5.1仍是草案。&/p&&br&&p&&a class=&member_mention& href=&/people/6d11f4d0ce00dd917e91e56e& data-editable=&true& data-title=&@章孜& data-hash=&6d11f4d0ce00dd917e91e56e& data-tip=&p$b$6d11f4d0ce00dd917e91e56e&&@章孜&/a& 如今早已不存在您说的“ie比较奇葩的地方在于，不会提示用户升级浏览器”。&strong&IE从日开始就通过Windows Update自动升级，默认升级IE版本&/strong&[3]。当然国内因为盗版问题，部分用户的Windows Update是关着的，不过这怪不着微软吧？另外Windows 7、8、8.1都能免费升Windows 10，旧版IE今年会大幅下降，应该是没有问题的。微软也承诺了Spartan持续升级，IE不再有非安全更新。&/p&&br&&p&@steven zhou: “早在几年前ff的技术就至少甩ie十年，直到今天还看不出ie有多少进步值得开发者津津称赞的地方。”&/p&&br&&p&ECMAScript 6大家听说过吧。目前&b&IE Developer Preview是所有浏览器（包含其他浏览器预览版）里对ES6支持最好的&/b&[4]。IE支持率是70%，遥遥领先Chrome 41的48%，小幅领先Firefox 37的69%。我还可以举出：IE11是所有浏览器中最先支持TLS1.2的，最先淘汰RC4加密算法的。曾经IE是最先支持SSL3.0、TLS1.0的，最先屏蔽HTTPS混合内容的，最先支持OCSP stapling，最先宣布淘汰SHA1数字证书。XMLHttpRequest也是微软发明的，并最早用于IE5上。这些难道还不够津津称赞么？&/p&&br&&p&最后说一点，用户坚持用XP，坚持用IE6，怨IE么？为什么大家那么愿意拿2001年的IE6和2015年的Chrome 40比，并能得出IE永远差的结论？&/p&&blockquote&&p&[1] &a href=&//inside-microsofts-new-rendering-engine-project-spartan/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Inside Microsoft’s New Rendering Engine For The &Project Spartan&&i class=&icon-external&&&/i&&/a&&/p&&p&[2] &a href=&http://www.w3.org/TR/html5/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&HTML5&i class=&icon-external&&&/i&&/a&&/p&&p&[3] &a href=&/forums/257854-internet-explorer-platform/suggestions/6509607-auto-update-older-ie-versions& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Auto Update Older IE Versions&i class=&icon-external&&&/i&&/a&&/p&&p&[4] &a href=&http://kangax.github.io/compat-table/es6/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&ECMAScript 6 compatibility table&i class=&icon-external&&&/i&&/a&&/p&&/blockquote&
我开始以为这个问题是几年前提的，仔细确认了，居然是今天提的！实在看不下去其他批评IE的答案。先回答题主的问题：因为无需适配IE，大家全按照标准来写程序，浏览器按照标准实现功能，这是最好的。IE的开发者已经表示“we began a major investment in int…
如果我们对码农技术进行分层(层次本身没有优劣，是为了描述技术依赖关系而划分.....但是多掌握几层一般会更好一些） ：&br&1层是数学（加密解密，压缩算法，时频转换，计算机模拟\仿真）&br&2层是数字电路（机器码如何被硬件电路执行的过程）&br&3层是计算机组成原理(计算机体系架构，计算机是如何组成的）&br&4层是计算机算法和数据结构（低端排序，中端动态规划，高端人工智能）&br&5层是计算机操作系统，计算机图形学和编译原理（linux内核，词法树\语法树）&br&6层是计算机编程语言，IDE，架构（各种语言，各种架构）&br&&br&科班教育(半路转行的码农只要老老实实把计算机本科教程刷一遍也能算科班阵营的)调教出来的码农正常情况下应该熟悉4-5层，一些小牛熟悉3-6层。个别神人能额外在擅长1层&br&而如果是培训班&b&速成&/b&出来的码农，能熟悉第6层的一些知识就不错了。&br&&br&在经济形势不错，码农职业有泡沫的时候，熟悉第6层就能找到工作，运气好，收入也许还不错。因此，码农职业给人感觉“门槛低”（其实门槛也确实不算高，如果和医生职业比的话）&br&&br&然而工作若干年后 ：&br&&ul&&li&熟悉3-6层的码农成为了架构师\主程，开始参与项目\产品的设计和规划。&br&&/li&&li&仅熟悉第6层的&b&速成&/b&码农工作依旧仅是简单的按照别人的设计写代码&br&&/li&&/ul&&br&这样等到35岁以后，前者还有可能继续做码农的工作，后者则出局的可能很大。
如果我们对码农技术进行分层(层次本身没有优劣，是为了描述技术依赖关系而划分.....但是多掌握几层一般会更好一些） ：1层是数学（加密解密，压缩算法，时频转换，计算机模拟\仿真）2层是数字电路（机器码如何被硬件电路执行的过程）3层是计算机组成原理(计…
来自子话题：
此贴纯科普用，以下仅仅说主要用途，其他用途限于篇幅关系省略之，不要钻牛角尖。&br&&br&C：系统底层，驱动程序，嵌入式底层，基础服务程序。&br&C++：上层服务程序，应用API，大型3D游戏。&br&Java：服务端应用程序，以及客户端应用程序。&br&JS：在浏览器中运行的程序。&br&PHP：Web服务器端用于生成网页的程序。&br&Python：任意的无图形界面应用程序，以服务器端应用程序为主。&br&Ruby：主要用于 RoR 框架，在其他领域使用较少。
此贴纯科普用，以下仅仅说主要用途，其他用途限于篇幅关系省略之，不要钻牛角尖。C：系统底层，驱动程序，嵌入式底层，基础服务程序。C++：上层服务程序，应用API，大型3D游戏。Java：服务端应用程序，以及客户端应用程序。JS：在浏览器中运行的程序。PHP：…
来自子话题：
&ol&&li&使用流畅的电脑办公，比如Mac，再比如加SSD的PC（谢 &a data-hash=&4bb4aec37b& href=&/people/4bb4aec37b& class=&member_mention& data-tip=&p$b$4bb4aec37b&&@张峻&/a& 补充）。最好是笔记本，方便找人沟通，方便会议携带。&br&&/li&&li&电脑搭配各种高效稳定不崩溃的工具。为自己定制脚本会让你更有成就感。&br&&/li&&li&把打扰工作的弹窗都关掉，把闪动的任务栏设为自动隐藏，每隔几分钟处理消息。&br&&/li&&li&学会用邮箱，使用邮件自动归类到分类文件夹，善于打旗帜标签（紧急待处理、有空阅读等等）&/li&&li&尽情用IDE编码&/li&&li&有条件设一块小白板，分两半，一半todo list，一半每天的工作重点（用于周报汇总）&br&&/li&&li&小事情IM沟通，重要事情邮件沟通，紧急事情当面/电话沟通。沟通前想好关键点、目标（我需要准确传达什么信息，我需要得到什么信息）。&/li&&li&少用鼠标、多用键盘提高速度。&/li&&li&多配一块屏幕辅助，省得来回切换窗口。&/li&&li&如果经常被人当面打扰，设置无打扰时段。或者让对方邮件沟通，稍后答复。&/li&&li&记云笔记，特别是费好大劲整理出来的资料。轻而易举就能拿到的资料没必要花时间记，利用搜索引擎即可。&/li&&li&桌上放一本白色草稿纸和笔，你随时需要利用图表捋顺思路。&/li&&li&捋顺思路后不妨花点时间整理成思维导图，下次看5秒的效果相当于花5分钟重整思路。&/li&&li&避免重复劳动。相同的逻辑靠封装复用节省时间，传达同样的信息靠文档节省时间。&/li&&li&夜深人静的时候自我review下白天写过的代码，说不定会有新发现。&/li&&li&不要惧怕deadline，它能让你跑起来，前提是你得重承诺。&/li&&li&一心一用，保持高度专注。&/li&&/ol&
使用流畅的电脑办公，比如Mac，再比如加SSD的PC（谢
补充）。最好是笔记本，方便找人沟通，方便会议携带。电脑搭配各种高效稳定不崩溃的工具。为自己定制脚本会让你更有成就感。把打扰工作的弹窗都关掉，把闪动的任务栏设为自动隐藏，每隔几分钟处理…
LABjs 的核心是 LAB（Loading and Blocking）：Loading 指异步并行加载，Blocking 是指同步等待执行。LABjs 通过优雅的语法（script 和 wait）实现了这两大特性，核心价值是性能优化。LABjs 是一个文件加载器。&br&&br&RequireJS 和 SeaJS 则是模块加载器，倡导的是一种模块化开发理念，核心价值是让 JavaScript 的模块化开发变得更简单自然。&br&&br&模块加载器一般可降级为文件加载器用，因此使用 RequireJS 和 SeaJS，也可以达成 LABjs 的性能优化目的。&br&&br&RequireJS 和 SeaJS 都是很不错的模块加载器，两者区别如下：&br&&br&1. 两者定位有差异。RequireJS 想成为浏览器端的模块加载器，同时也想成为 Rhino / Node 等环境的模块加载器。SeaJS 则专注于 Web 浏览器端，同时通过 Node 扩展的方式可以很方便跑在 Node 服务器端&br&&br&2. 两者遵循的标准有差异。RequireJS 遵循的是 AMD（异步模块定义）规范，SeaJS 遵循的是 CMD （通用模块定义）规范。规范的不同，导致了两者 API 的不同。SeaJS 更简洁优雅，更贴近 CommonJS Modules/1.1 和 Node Modules 规范。&br&&br&3. 两者社区理念有差异。RequireJS 在尝试让第三方类库修改自身来支持 RequireJS，目前只有少数社区采纳。SeaJS 不强推，而采用自主封装的方式来“海纳百川”，目前已有较成熟的封装策略。&br&&br&4. 两者代码质量有差异。RequireJS 是没有明显的 bug，SeaJS 是明显没有 bug。&br&&br&5. 两者对调试等的支持有差异。SeaJS 通过插件，可以实现 Fiddler 中自动映射的功能，还可以实现自动 combo 等功能，非常方便便捷。RequireJS 无这方面的支持。&br&&br&6. 两者的插件机制有差异。RequireJS 采取的是在源码中预留接口的形式，源码中留有为插件而写的代码。SeaJS 采取的插件机制则与 Node 的方式一致：开放自身，让插件开发者可直接访问或修改，从而非常灵活，可以实现各种类型的插件。&br&&br&还有不少细节差异就不多说了。&br&&br&总之，SeaJS 从 API 到实现，都比 RequireJS 更简洁优雅。如果说 RequireJS 是 Prototype 类库的话，则 SeaJS 是 jQuery 类库。&br&&br&最后，向 RequireJS 致敬！RequireJS 和 SeaJS 是好兄弟，一起努力推广模块化开发思想，这才是最重要的。&br&&br&玉伯
LABjs 的核心是 LAB（Loading and Blocking）：Loading 指异步并行加载，Blocking 是指同步等待执行。LABjs 通过优雅的语法（script 和 wait）实现了这两大特性，核心价值是性能优化。LABjs 是一个文件加载器。RequireJS 和 SeaJS 则是模块加载器，倡导的是…
来自子话题：
谢提醒，之前还没注意到这个。&br&&br&最近做的某个项目的 UI 部分 &a href=&/host/0Bwdui5aYcEA9WFB1TThKUWVCS28/index.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Mobile Campus&i class=&icon-external&&&/i&&/a&（Google Drive 可能需要跨墙）&br&代码：&a href=&/morlay/angular-mobile-ui& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/morlay/angul&/span&&span class=&invisible&&ar-mobile-ui&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&&br&然后，说说我的一些做法。可能不够完善，毕竟还在折腾中。&br&&br&&b&## DOM 的整体 or 零散&/b&&br&&br&首先是这篇神贴：&br&&a href=&/questions//how-do-i-think-in-angularjs-if-i-have-a-jquery-background& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&javascript - How do I &think in AngularJS& if I have a jQuery background?&i class=&icon-external&&&/i&&/a&&br&&br&AngularJS 与 jQuery 等传统操作 DOM 的思想有所不同，&br&&br&对于 jQuery 等，一般是先有完整 DOM 然后在这些 DOM 的基础上进行二次调教。&br&而 AngularJS
等框架则是 根据 数据模型 以及其对应的 DOM 模版，然后通过模版像搭积木那样组合页面。&br&&br&显然的，前者在 SEO 上有天然优势；而后者，搜索引擎还只能拿到某个模版，而无内容。&br&暂时没想到有什么特别好的解决方案，或许，对于内容页，可以继续使用传统方式，而只在需要更多交互的地方应用 AngularJS，特别是在移动端应用上。&br&&br&同理适用于各种 前端的 MVC 框架，后端只要为前端提供数据接口，而不再需要为其拼接 HTML.&br&&br&&b&## 模块化&/b&&br&&br&AngularJS 也是遵循 AMD 的。（AMD 是啥，参考：&a href=&http://justineo.github.io/singles/writing-modular-js/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&使用 AMD、CommonJS 及 ES Harmony 编写模块化的 JavaScript&i class=&icon-external&&&/i&&/a&）&br&&br&虽然它也可以按照传统代码方式来写（其首页介绍的用法 &a href=&http://angularjs.org/#project-js& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&AngularJS — Superheroic JavaScript MVW Framework&i class=&icon-external&&&/i&&/a&），但是，既然都提供了这么一种模块的方法，为何不用上呢 （参考下他已有的较成熟衍生库 &a href=&/angular-ui/bootstrap& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/angular-ui/b&/span&&span class=&invisible&&ootstrap&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&）。&br&&br&&div class=&highlight&&&pre&&code class=&language-text&&angular.module('app', [
'moduleA',
'moduleB',
.controller('MainCtrl', [
function ($scope) {
&/code&&/pre&&/div&&br&而且，这种写法还可以方便做代码的合并与压缩，在后面 &b&Grunt 自动化 &/b&一节中，就会提到使用 Nodejs/Grunt 来自动的做这些事情。&br&&br&&b&## 可复用模版 or 业务逻辑模版&/b&&br&&br&今年 Google 开发者大会中 提到的 Polymer（&a href=&http://www.polymer-project.org/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Welcome -
Polymer&i class=&icon-external&&&/i&&/a&）&br&这货让人感觉像是 Angular Directives 的进化。&br&&br&而 Directives 做的事，就是把一堆 DOM 封装为一条或者一组 自定义的 HTML标签，作为可复用的模版，以供组装业务调用。 Demos 可参看：&a href=&http://angular-ui.github.io/bootstrap/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Angular directives for Twitter's Bootstrap&i class=&icon-external&&&/i&&/a&&br&&br&当然，为了方便修改，很多时候在做 directive 的时候需要将 template 用 templateUrl 代替，&br&不用担心文件的碎片化，不利于前端加载 &b&Grunt 自动化 &/b&一节 会提到如何合并这些碎片化的 模版。&br&&br&Directives 是作为可复用的模版，&br&而业务逻辑则是一般是一个业务对应一个 html 及其的 controller.&br&&br&&b&## 作用域间的通信&/b&&br&&br&上节提到了一个 html 及其的 controller，一个完整应用自然会包含很多的业务子块。&br&自然会有很多很多 cotrollers.&br&&br&AngularJS 提供了 方法， $scope 或者 $rootScope 的 $broadcast $emit / $on&br&&br&&div class=&highlight&&&pre&&code class=&language-text&&$scope.$emit('eventA',msg);
$scope.$broadcast('eventA',msg);
$rootScope.$on('eventA',function(event,msg){
console.log(msg);
&/code&&/pre&&/div&&br&&br&至于他们之间的差别，可参考这个 Demo, Chrome F12 ，你可以看到结果。&br&&a href=&/host/0Bwdui5aYcEA9SzN2WDJ4cXZRTTA/index.html& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/host/0B&/span&&span class=&invisible&&wdui5aYcEA9SzN2WDJ4cXZRTTA/index.html&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&&br&&b&## 数据池&/b&&br&&br&&br&除了作用域间的传值外，还有个方法是统一的管理一个数据池，&br&对于没有业务交叉的 controller，若是有公有数据的需要，都从这个数据池中取，&br&而这个数据池更可以直接作为和后端数据的统一交互口，及本地缓存管理的地方。&br&&br&&b&## Grunt 自动化&/b&&br&&br&Grunt（&a href=&/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Grunt: The JavaScript Task Runner&i class=&icon-external&&&/i&&/a&）出现以后，我是发现 Git 上面基本上前端相关的项目上都多了个 Gruntfile.js，可见他确实好用。&br&&br&不太喜欢大多数项目中把所有任务都丢在一个文件里的方式。&br&所以，利用 node.js 的特性，将任务集也分解开来。&br&在 &a href=&/morlay/angular-mobile-ui& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/morlay/angul&/span&&span class=&invisible&&ar-mobile-ui&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a& 这里可以看到对应的代码。&br&&img src=&/508e3e5bc0acf4bdc410d_b.jpg& data-rawwidth=&255& data-rawheight=&350& class=&content_image& width=&255&&&br&这里只说说，如何按照 angular module 的依存关系自动合并对应文件。&br&&br&&a href=&/morlay/angular-mobile-ui/blob/develop/grunt/subTasks/angular-concat-modules.js& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/morlay/angul&/span&&span class=&invisible&&ar-mobile-ui/blob/develop/grunt/subTasks/angular-concat-modules.js&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&&br&首先是模块的命名，使得它能够和它的路径一致性。&br&&img src=&/2b16d7ccbf6a5_b.jpg& data-rawwidth=&176& data-rawheight=&237& class=&content_image& width=&176&&&img src=&/33f677405bedd_b.jpg& data-rawwidth=&279& data-rawheight=&151& class=&content_image& width=&279&&看这两张图就明白了。&br&&br&第二，除了特殊的，全局公用的模块外，&br&其他模块在各自业务组件中建立引用关系。&br&避免载入多余的模块。&br&&img src=&/c90f21c8bc9ad_b.jpg& data-rawwidth=&1015& data-rawheight=&298& class=&origin_image zh-lightbox-thumb& width=&1015& data-original=&/c90f21c8bc9ad_r.jpg&&比如这里，我只需要把 Grunt 配置中，&br&把 app.main 作为了入口文件，&br&并配置它的全局引用，ngMobile 和 tpls（可复用模版转换而成的 js）&br&&br&通过 `grunt angular-concat-modules` 和 `grunt script-uglify`&br&&img src=&/b6fe8ac11bd3bb730a0e_b.jpg& data-rawwidth=&1119& data-rawheight=&45& class=&origin_image zh-lightbox-thumb& width=&1119& data-original=&/b6fe8ac11bd3bb730a0e_r.jpg&&合并压缩自动完成。&br&&br&当然，这里更是直接做了任务，`grunt release` 一条指令搞定一切。&br&&br&而，对于 angular 模版转换为 js 有现成的 grunt-angular-templates 可用，&br&这里不细说了，详看代码。&br&&br&&b&## &/b&&b&测试工具 &/b&&br&&br&最后的，关于测试工具，官方有提供 &a href=&http://karma-runner.github.io/0.10/index.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Karma - Spectacular Test Runner for Javascript&i class=&icon-external&&&/i&&/a&&br&但没用过，也不知道怎么用，希望有同行给予补充与介绍。&br&&br&其他的，在 API 文档里写得挺详细的。&br&&br&&br&&b&P.S.&/b&&br&至于知乎，并非完全 Angular 的方式，&br&希望能够进一步，至少在不需要 SEO 的部分。&br&&br&继续折腾去了，还有很多东西要弄。
谢提醒，之前还没注意到这个。最近做的某个项目的 UI 部分 （Google Drive 可能需要跨墙）代码：然后，说说我的一些做法。可能不够完善，毕竟还在折腾中。## DOM 的整体 or 零散首先是这篇神贴：
泻药。&br&&br&首先要确定，即使抛开游戏不论，一般的Web应用或者网站，完全用JavaScript开发也是可行的。比如ExtJS、webOS的Enyo等。但是主流Web开发很少采用全JS的方案。原因大体有以下几点：&br&&br&&br&1. 注重考虑那些无法运行JS的用户代理。&br&&br&用户使用不支持JS的浏览器（比如较老的手机浏览器），或者禁用脚本。当然你可以选择忽略这一小撮用户，尤其是现在绝大多数网站和应用也是如此选择的，但是至少我们应该对坚持考虑无JS情况的开发者予以基本的尊重。此外，如 Mobile Transcoder或某些手机浏览器的“极速模式”是基于服务器端对网页的解析和重组，是否能支持JS很够呛。&br&&br&更重要的因素是SEO friendly。如果是全JS生成的网页，搜索引擎无法索引内容。这一点对于许多网站是性命攸关的。&br&&br&注意，有人提到screen reader。但绝大多数读屏软件是根据DOM来的，因此全部由JS生成DOM也不会有问题。然而这前提是JS所生成的DOM是符合accessibility要求的。&br&&br&&br&2. 注重HTML/CSS本身的优点。&br&&br&诚然JS本身也可以通过精心设计的框架和库来实现分离等所有HTML/CSS模型的优点。但是存在许多不确定因素：&br&&br&1) 有足够好的框架和库吗？&br&要考虑是否能满足你的业务需求，还可能要考虑性能、可扩展性、之前提到的accessibility、学习曲线、工具链，乃至此框架和库的长久的生存（有人维护，修bug、加新功能比如对HTML5新API的支持之类的）。关键是，理论上说JavaScript具有更高的弹性，但是更大的自由度未必能得到更好的&br&&br&2) 框架和库给出的抽象模型和HTML/CSS模型的阻抗是否匹配？&br&假如该框架或库本质上仍然使用HTML/CSS模型，只是改变了语法（比如从markup改为json），那么其提供的好处在哪里？仅仅是语法统一？&br&如果该框架或库有自己独立的抽象层，比如widget/component等，那么它是建筑在HTML/CSS之上的额外抽象层（即最终映射到HTML/CSS），还是仅仅以HTML/CSS为纯粹实现工具？对于前者，实际上最终会回归HTML/CSS模型。而后者，可以参考的经验教训就是&a href=&http://ASP.NET& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&ASP.NET&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a& WebForm和JSF。&br&&br&3) 框架和库所设定的约束能否在开发中一以贯之的执行？&br&无论是理论或者现实，HTML/CSS模型都算不上完美。但是至少是清晰和较容易被一致的执行的。但是单一语言即使提供分层机制，也容易被绕过——尤其是框架和库本身不够好的情况下，可能由于不能满足需求、有bug等情况而倾向于hack之，更不要说deadline紧迫时。&br&&br&&br&3. 注重性能。&br&&br&须知，最终Web应用、页面是在浏览器中执行，而浏览器完全是按照HTML/CSS所设计。抛开Canvas不论，纯JS的实现最终还是要生成DOM。从性能的角度看，纯JS生成DOM自然赶不上直接的markup。同样的道理，就算用CSS预处理器也都会在部署时预先编译——尽管在运行时可以做出更牛逼的特性（然而实际上目前我不知道有任何CSS预处理器干了这样的事情——因为它们都是按照预编译的场景设计的），再如HTML/CSS是按照渐进显示优化的（页面不用全下载完就可以看部分），而纯JS的架构没有精心设计是很难做到的（比如json数据全部下载完你才能parse，数据才可用，DOM才能生成）。&br&&br&［补充：尽管LESS是可以在运行时执行的，但是从性能的角度出发是不合适的，因为CSS通常必须在页面rendering之前就全部就位。而运行时产生CSS，
就要求在页面rending之前至少要先下载执行LESS的脚本，然后解析编译你的.less源代码。这个性能开销至少目前还不容忽视。］&br&&br&［补充：性能优化的另一点是基于HTML/CSS的声明性特点，即只表明high-level的目标，浏览器才能获得更大的优化自由度。比如CSS transition/animation，与JavaScript通过修改style达到效果比，前者性能表现要好得多。］&br&&br&&br&4. 注重Web开发的独特特点。&br&&br&1) HTML/CSS 都是声明式的，也就是其本身并不希望是程序员来编程。当然，一个编程语言能干所有的事情，但是即使考虑编程本身，为什么在通用编程语言之外还要有SQL、还有以各种语法写的配置文件？&br&&br&2) HTML/CSS是基于标准的。这与&a href=&http://ASP.NET& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&ASP.NET&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a& WebForm、JSF、Flash/Flex等私有技术或一个语言和平台下的标准有天壤之别。具体就不展开了。&br&&br&3) Web开发和一般应用开发有个重大区别是，Web应用、网页的最终表现和行为，或者说Web的用户体验，并不是完全由开发者决定的，而是开发者和用户共同决定的。用户选择不同的设备、不同的浏览器、不同的浏览器设置、不同的浏览器扩展等，都能影响结果。这是缺点，也是优点。看你如何体会了。这里具体不展开。只是一点，纯JavaScript开发通常表示你想更多的控制用户体验，但这并非简单的多写代码就能做到。&br&&br&［补充：举个例子，表单控件上的autofocus属性，乍一看脚本也可以做嘛。但是其实脚本要做对很难！比如页面已然加载一半，用户开始在某个输入框里输入了，但是后续载入的控件要求focus，如果是脚本实现，通常就武断的调用focus()，打断了用户输入（特别是东亚用户使用输入法时被打断很是受伤）。而HTML本身所定义的属性，是由浏览器实现，则可以做恰当的处理。特别注意的是，从老浏览器到新浏览器的升级，你自然就获得了用户体验的提升。另一方面，用户可以主动选择他想用的浏览器，来主动升级他自己的用户体验。这样的例子还有许多许多，不胜枚举。］&br&&br&以上。
泻药。首先要确定，即使抛开游戏不论，一般的Web应用或者网站，完全用JavaScript开发也是可行的。比如ExtJS、webOS的Enyo等。但是主流Web开发很少采用全JS的方案。原因大体有以下几点：1. 注重考虑那些无法运行JS的用户代理。用户使用不支持JS的浏览器（比…
来知乎，参与讨论}
我要回帖
更多关于 web前端开发 的文章
更多推荐
- ·龙腾世纪的推荐配置对处理器有玩大型网游什么配置的电脑要求？
- ·目前考虑购买复古木质做音箱用什么木材最好，ALATS和马歇尔哪个品牌更适合中国家庭？
- ·FC24这是什么意思怎么是两个控制器故障代码如何还原？
- ·那种直播间字幕怎么弄烟花改字的视频怎么弄？
- ·立创广场商城最近有什么大活动吗？
- ·日港版iphone5ss a1453国内电信信号强度不是很好，经常出现1x
- ·史努比图片手机自带安全中心还要下载别安全软件吗
- ·10个月的宝宝能喝棒棒聪乳富马酸亚铁颗粒粒吗
- ·电脑2009年买的，玩英雄联盟很卡，想在淘宝上的内存条能买吗买一些显卡啊，内存条之类的配件自己换，需要注意哪些问题，
- ·乾隆年诗人危扬州市竹西中学有谁知道相关历史？
- ·联想y430p系统 有哪些系统软件是可以卸载掉的？
- ·请问海信智能电视机led42k170jd电视机怎么上网，应该配什么网卡？
- ·qq号可以注销吗1797984382存在吗?是谁的QQ
- ·扫二维码连接wifi出现滕讯视怎么回事
- ·米聊的微信图片收藏在哪里里找出来
- ·华为ec2108v3破解机顶盒貌似R字母的灯是黄的且电视上显示的是无信号怎么办啊？
- ·sd娃娃为什么那么贵我手机一进去聊天页面就卡,是不是sd卡问题
- ·谁可以谁能告诉我我这样的配置多少钱
- ·这里为什么不是个钩子i3 4160 i5 459070 不是i3 2100的更高型号么？
- ·在网站开发过程中能否将多余的数据发送给web前端开发工程师，发送了有什么后果
- ·没医保卡钱用完了怎么办的程序存储器空间怎么办
- ·我的为什么电脑开机很慢慢是怎么回事呢？
- ·最近碰到qq情感问题诊断室 。那个女生之前和前男友（初恋）在一起的时候我认识了她，她一切条件都符合我的“求偶
- ·支付宝如何取消订单在支付宝上竞彩订单，我还没付款？急！
- ·我电脑特别卡，重启以后就成这样了，怎么把爱当回事儿儿啊？
- ·手机拍相片，下载什么软件相片才可以拍视频的软件漂亮
- ·淘宝买苹果6可靠吗在无线下登录不了淘宝是怎么回事
- ·tcl l48a71论坛为什么应用商城里的欢网用不了
- ·健康一身轻20150826年1月19的美食大数据去了哪家店吃的啊
- ·日立硬盘4k对齐工具求助，故障前遇震动
- ·oppor819t开不了机819t换电池
- ·qq自拍照的mp4太大,怎样缩小发送给qq好友
- ·steam市场插件库存价值统计插件
- ·中国银行资助卡上为什么没有那个三角形金属导轨eof
- ·ipad储存空间不足足
