2014年10月【下】-前端開發半月刊

時間 2019-11-15

標籤 2014年 10月前端開發半月刊简体版

原文原文鏈接

js

http://www.zhangxinxu.com/wordpress/2011/09/cssom%E8%A7%86%E5%9B%BE%E6%A8%A1%E5%BC%8Fcssom-view-module%E7%9B%B8%E5%85%B3%E6%95%B4%E7%90%86%E4%B8%8E%E4%BB%8B%E7%BB%8D/
CSSOM視圖模式(CSSOM View Module)相關整理
scrollIntoView 兼容全部瀏覽器

http://todomvc.com/
mvc 綜合網站

http://www.w3ctech.com/topic/450
月影在JSDC臺灣關於打造前端團隊之路的演講分享

http://www.ituring.com.cn/article/8108
JavaScript寶座：七大框架論劍

http://www.75team.com/weekly/
360奇舞週刊

http://www.zhihu.com/question/19832535
《JavaScript 語言精粹》一書中，爲何每一章的開頭都有一句威廉·莎士比亞的句子？

http://qdemo.sinaapp.com/box-fe-road.htm#0
手機百度前端工程化之路

http://www.cnblogs.com/sanshi/archive/2011/03/15/1985344.html
hasOwnProperty

http://luics.com/
https://github.com/luics/Luy.Web
鬼道

http://otakustay.com/
宅居

http://v.youku.com/v_show/id_XNjQ3MjA1NTU2.html?tpa=dW5pb25faWQ9MjAwMDA4XzEwMDAwM18wMV8wMQ
視頻: 用AngularJS開發下一代WEB應用（大漠窮秋）

http://www.cnblogs.com/aaronjs/p/3279314.html
艾倫哥，出視頻教程了：
http://www.imooc.com/learn/172

http://fantaghiro.github.io/miaov/
miaov課後做業

http://v.youku.com/v_show/id_XNzQ4MDE3ODQw.html
視頻: Web高性能動畫 - 奇舞團黃薇

http://zhuanlan.zhihu.com/FrontendMagazine/19875222
HTML5 最好的新朋友，是 Apple 不是 Google

http://www.zhihu.com/question/20110841
在一個技術爲王的公司，產品經理如何生存？

http://www.zhihu.com/question/21982235
貧窮有多可怕？
這個與技術無關，但能夠看看別人的故事，以此來激勵本身的人生。願咱們的這代與下代不在貧窮中失落，不在失落中迷失自我。

http://www.cnblogs.com/meteoric_cry/archive/2011/11/04/2236279.html
使用getTimezoneOffset方法修正時差

http://ourjs.com/detail/52c4145d7986593603000009
如何面試前端工程師：Github很重要

分享一篇介紹goroutines的文章
http://blog.nindalf.com/how-goroutines-work/

http://sentsin.com/web/256.html
http://www.zhihu.com/question/26191924
如何評價《JavaScript 的誕生與死亡》

http://sentsin.com/web/253.html
chrome調試canvas

http://www.w3cplus.com/sassguide/debug.html
sass調試

http://segmentfault.com/q/1010000000339082
<a href="javascript:void(0)">這樣寫爲何很差?
http://segmentfault.com/blog/code/1190000000474941
談一談void

http://www.zhihu.com/question/26158982
前端工程師怎樣告訴設計師，他設計的東西太醜

http://www.zhihu.com/question/26187669
怎麼斷定web前端架構師的能力高低？
將來職業方向的預測與評估

http://www.zhihu.com/question/26226720
爲何前端不能一直作？難道要轉行？？
前端前景的探討

http://www.cnblogs.com/damonlan/archive/2012/03/13/2394787.html
JSON.stringify 語法講解

http://www.zhihu.com/question/19865917

http://www.vaikan.com/math-gifs/
21副GIF動圖讓你瞭解各類數學概念

http://zhaolong324.blog.163.com/blog/static/108475117201381695357684/
if (obj.length === +obj.length)判斷分析

https://github.com/fouber/blog
前端工程化

http://www.zhihu.com/question/26293268
在知乎的計算機領域都有哪些專家級用戶？

http://www.zhihu.com/question/23444167
同爲javascript框架，react和angular各有什麼優缺點，各自又適合什麼開發場景？

http://www.zhihu.com/question/26202302
人人網爲何不但沒成爲中國的 Facebook，反而日漸式微？
公司戰略方面問題。

http://www.zhihu.com/question/21376577
Sublime Text 會取代 vim 或 emacs 嗎？

http://blog.jobbole.com/29454/
經常使用javascript設計模式

https://github.com/Openjs/PubJS
pubjs，基於事件的模塊化開發

http://naotu.baidu.com/
腦圖

http://www.zhihu.com/question/26240321
如何當一個好的面試官？

http://www.zhihu.com/question/26400942
爲何前端工程師不多用 Visual Studio (Windows)?

css

http://www.iteye.com/news/27487
一些實用的CSS Media Query代碼片斷

default

http://www.zhihu.com/question/24105566
零經驗的人都是怎麼轉行的？

http://www.cnblogs.com/gaozhenxi/p/4023012.html
淘寶十年技術路

http://www.cnblogs.com/biwork/p/4024145.html
IT 外包中的甲方乙方，德國人，美國人，印度人和日本人印象雜談

http://www.zhihu.com/question/20437345
若是沒有封鎖，谷歌會在中國搜索引擎市場裏成爲第一嗎？爲何？

http://www.zhihu.com/question/24931934
你怎麼看《周鴻禕自述：個人互聯網方法論》這本書？

http://www.zhihu.com/question/19556943
爲何淘寶這麼成功，易趣卻一敗塗地？
公司戰略類文章

http://www.zhihu.com/question/26014277
怎樣擁有學霸那種一學就是十幾個小時的精力？

http://www.zhihu.com/question/20246142
知乎上，前端開發領域有哪些值得推薦的問答

http://www.zhihu.com/question/19886046
Web 前端開發崗位，該選擇百度仍是騰訊？

http://www.zhihu.com/question/20238906
Web 開發的前端、後端的入門門檻是否是比較低？

知乎上有個前端開發這個標籤，下面有一些文章：
http://www.zhihu.com/topic/19550901

http://www.99click.com/
頁面統計

http://www.zhihu.com/question/20030360
你用過的最讓你震驚的網站有哪些？爲何？

http://team.oschina.net/
team 團隊協做開發平臺

http://www.zhihu.com/question/20252436
學習編程語言最好的方法是什麼？

電信旗下的天翼雲的vps，支持nodejs

http://item.jd.com/11479920.html
WebKit技術內幕
http://blog.csdn.net/milado_nju
朱永盛

http://www.cnblogs.com/thanksmoons/p/4045164.html
程序員接私單不傳祕籍之一：準備工做

http://yun.baidu.com/tools?qq-pf-to=pcqq.group
百度收藏

http://www.zhihu.com/question/26026419
爲何滴滴打車都燒了幾十億卻忍着不賺錢，背後的商業邏輯是什麼?
公司的戰略背景分析

http://www.mockplus.cn/design
原型工具

http://bbs.csdn.net/topics/390901071
一次十年後的同事聚會引起的職場感悟

http://bbs.csdn.net/topics/390899364
女程序員，美國本科，美國兩年工做經歷，打算回國。

------
如下爲霸天貢獻

JS

http://www.webhek.com/ways-css-javascript-interact/
5種你未必知道的JavaScript和CSS交互的方法

http://html5online.com.cn/articles/2013032401.html
鼠標與觸摸設備

http://www.zhangxinxu.com/study/201406/svg-animation-pandora-improve.html
SVG潘多拉圖形動畫效果demo

https://developer.mozilla.org/en-US/docs/Web/JavaScript/New_in_JavaScript/ECMAScript_6_support_in_Mozilla
ECMAScript 6 New Support

http://www.laruence.com/2009/09/23/1089.html
深刻理解JavaScript定時機制

http://swordair.com/javascript-minimum-time-interval/
JavaScript最小時間片

http://blogread.cn/it/article/6587?f=wb
談談頁面停留時間

http://www.html-js.com/article/2328
React.js編程思想

https://developer.mozilla.org/zh-TW/docs/Web/JavaScript/Obsolete_Pages/Obsolete_Pages/Obsolete_Pages/%E9%A0%90%E5%85%88%E5%AE%9A%E7%BE%A9%E7%9A%84%E5%87%BD%E6%95%B8/escape_%E5%92%8C_unescape_%E5%87%BD%E6%95%B8#userconsent#
escape 和 unescape 函數

http://www.ruanyifeng.com/blog/2009/09/find_element_s_position_using_javascript.html
用Javascript獲取頁面元素的位置

http://www.cnblogs.com/cloudgamer/archive/2009/01/06/1369979.html
JavaScript Tween算法及緩動效果

http://top.jobbole.com/15071/
JavaScript的誕生與死亡（雙語字幕）

https://github.com/teambition/then.js/tree/master
thenjs JavaScript異步回調

http://www.html-js.com/article/A-day-to-learn-from-a-line-of-code-inside-the-JavaScript-study-JavaScript
從一行代碼裏面學點JavaScript

http://www.php100.com/html/program/html5/2013/0921/6218.html
HTML5 JavaScript實現圖片文字識別與提取

http://blogread.cn/it/article/6642?f=wb
JavaScript 中的陷阱

http://www.cnblogs.com/xiyangbaixue/archive/2014/10/22/4042548.html
瀏覽器內核與js引擎

http://ued.taobao.org/blog/2014/04/xtpl/
基於先後端分離的模版探索

http://sentsin.com/web/253.html
使用Chrome開發工具調試Canvas

http://www.infoworld.com/article/2838008/javascript/nginx-has-big-plans-for-javascript.html
Nginx has big plans for JavaScript

http://www.oc35.com/uc_interview.html
JS抽獎

http://yanhaijing.com/basejs/
JavaScript簡易教程

http://flaviusmatis.github.io/plugins/
Handpicked Javascript Plugins

http://jsbin.com/nowuk/1/edit?html
js常見方法集合

http://www.planabc.net/2008/02/20/javascript_new_function/
詳解new function(){}和function(){}()

http://www.zhangxinxu.com/wordpress/2013/07/jquery-%E5%8E%9F%E7%90%86-%E6%9C%BA%E5%88%B6/#userconsent#
jQuery誕生記-原理與機制

https://github.com/barretlee/javascript-multiple-download
JS多文件下載

http://qianliwei.com/QFocus/index.html#
undefined的插件

css

http://www.html5cn.org/article-6858-1.html
IE中的CSS3不徹底兼容方案

http://www.html5tricks.com/demo/css3-responsive-paging/index.html#
純CSS3響應式分頁插件

http://www.cnblogs.com/2050/p/3409129.html
css3動畫簡介以及動畫庫animate.css的使用

http://www.w3cplus.com/css3/what-is-css-grid-layout.html
什麼是網格佈局

http://www.w3cplus.com/css3/how-to-enable-support-for-grid-layout-in-various-browsers.html
如何開啓瀏覽器CSS Grid Layout功能

http://www.w3cplus.com/css3/line-base-placement-layout.html
網格單元格佈局

http://www.w3cplus.com/content/css3-box-sizing
css3-box-sizing

http://wenku.it168.com/d_001336413.shtml
CSS進階之路

http://bennettfeely.com/clippy/
clippy css圖片樣式工具

http://usablica.github.io/front-end-frameworks/compare.html
CSS FRONTEND FRAMEWORKS

http://responsive.vermilion.com/compare.php
響應式框架的比較

移動

http://www.chinaz.com/manage/2012/1128/283974.shtml
移動端webapp開發必備知識

http://www.cnblogs.com/sky000/archive/2013/03/29/2988952.html
zepto源碼註釋

http://www.imooc.com/learn/43
移動優先的跨終端 Web

http://www.zell-weekeat.com/support-for-older-browsers
如何建立支持低版本瀏覽器的響應式網站

kissyteam/kissy-mobile#3
觸屏事件彙總

http://www.umindex.com/#userconsent#
友盟指數 - 設備指數以全新數據可視化方式呈現Android及iOS設備的相關數據

http://www.testwo.com/article/177
使用 chrome mobile emulation 來輔助 device 測試

http://wdm.taobao.com/pub2/publicos.htm
淘寶的無線數讀，隔天更新，來自集團的90%app

http://5wilon.com/html/2014/shuji_0306/118.html
專訪阿里前端工程師：淘寶移動Web開發那些事兒

http://demo.mobiscroll.com/select
https://github.com/fgnass/spin.js

http://code.google.com/p/mobiscroll/
安卓數字顯示效果 spinner

http://www.zhangxinxu.com/wordpress/2012/10/html5-full-screen-api-firefox-chrome-difference/
HTML5全屏API在FireFox/Chrome中的顯示差別

http://99jty.com/?p=1299
viewport雙城記

http://www.zhangxinxu.com/wordpress/2012/10/new-pad-retina-devicepixelratio-css-page/
視網膜New iPad與普通分辨率iPad頁面的兼容處理

實用

http://blog.jobbole.com/20604/
Vim 實用技術，第 1 部分: 實用技巧

http://blog.jobbole.com/78352/
Eclipse 經常使用快捷鍵 (動畫講解)

http://www.kankanews.com/ICkengine/archives/22630.shtml
git@osc(git)中team開發、fork和pull request的用法

http://blog.jobbole.com/57674/
超棒的 15 款 Bootstrap UI 編輯器

http://www.360doc.com/content/14/0401/10/176942_365396922.shtml
幾個秒殺PPT的高大上的幻燈工具

http://www.html-js.com/article/2327
chrome調試工具經常使用功能整理

https://developer.mozilla.org/en-US/docs/Web/CSS/Tools
css tools

http://blog.mozilla.com.tw/posts/5589/editable-box-model-multiple-selection-sublime-text-keys-much-more-firefox-developer-tools-episode-31#userconsent#
淺談 Firefox 31 開發者工具

http://strut.io
在線製做Impress.js等基於WEB的PPT

http://www.html5tricks.com/8-unforget-html5-animation.html
分享8個難忘的HTML5炫酷動畫及源碼

http://jsfiddle.net/echo/jsonp/
回調JSONP

http://www.iinterest.net/2014/05/09/chrome-dev-tool-workspace/#userconsent#
Chrome 開發工具 Workspace 使用

http://blog.jobbole.com/78291/
開發者不可不知的Google Chrome七大新特性

https://github.com/miaoyaoyao/AngularJs-UI
AngularJs分頁

http://jasny.github.io/bootstrap/javascript/#rowlink
bootstrap 的插件

https://www.npmjs.org/package/traceur
ECMAScript 6 轉5

http://www.html5tricks.com/demo/css3-batman-animation/index.html
HTML5/CSS3實現蝙蝠俠人物動畫演示地址

http://wf.uisdc.com/cn/
WEB開發基礎 — web開發最佳實踐手冊

http://kangax.github.io/compat-table/es6/#
ECMAEcript6兼容性手冊

http://amazeui.org/
國產UI

http://jsperf.com/
jsPerf: JavaScript performance playground

http://www.codeceo.com/article/programmer-book-and-magz.html
程序員必讀的書籍和期刊雜誌

http://www.cnblogs.com/Franks_blog/archive/2010/05/26/1744173.html
經常使用前端開發工具合集

https://modao.io/
WEB APP原型在線設計

http://yun.baidu.com/tools?qq-pf-to=pcqq.group
百度雲收藏

http://www.superslide2.com/demo.html
JQ常見效果插件

http://www.jsjtt.com/webkaifa/html5/2013-10-29/42.html
html5截屏

http://www.webhek.com/drawwindow/
JS截屏

http://www.oschina.net/translate/performance-optimisation-with-timeline-profiles
chrome profiles

http://linxz.github.io/tianyizone/
css小工具集合。

http://baike.baidu.com/view/3968.htm
Cygwin windows下操做git利器。

http://www.html5tricks.com/7-nice-jquery-plugins.html
7個經典創意jQuery應用插件及源碼

http://bbs.html5cn.org/forum.php?mod=viewthread&tid=79048&extra=
實現CSS動畫的工具和教程指南

http://www.webhek.com/misc/interactive-resume/#userconsent#
超炫酷的HTML5簡歷

知乎

http://blogread.cn/it/article/6567?f=wb
如何成爲一名優秀的web前端工程師（前端攻城師）？

http://www.zhihu.com/question/20127472
JavaScript中圓括號() 和方括號[] 的特殊用法疑問？

http://www.zhihu.com/question/19889770
知乎上有哪些 JavaScript 高手

http://www.zhihu.com/question/26014277
怎樣擁有學霸那種一學就是十幾個小時的精力？

http://www.zhihu.com/question/19556943
爲何淘寶這麼成功，易趣卻一敗塗地？

http://www.zhihu.com/question/20246142
知乎上，前端開發領域有哪些值得推薦的問答？

http://www.zhihu.com/question/19969737
一些人瞧不起 jQuery 的理由是什麼？

http://www.zhihu.com/question/20287740
Web 前端開發前景如何？

http://www.zhihu.com/topic/19550901
知乎前端標籤

http://www.zhihu.com/question/19886046
Web 前端開發崗位，該選擇百度仍是騰訊？

http://www.zhihu.com/question/20238906
Web 開發的前端、後端的入門門檻是否是比較低？

http://segmentfault.com/q/1010000000727790
談談你對各類編程語言的見解
http://segmentfault.com/q/1010000000725223
GitHub應該放什麼類型的代碼?

http://www.zhihu.com/question/26058295
校招進 BAT 產品崗究竟多難？

http://www.zhihu.com/question/19819610
在 Mac 上進行開發比在 Windows 上效率更高嗎？如何量化和比較這兩個平臺的開發效率

http://segmentfault.com/q/1010000000729671
做爲一個IT人員是否必須有Macbook？

http://www.zhihu.com/question/19579212
產品經理應該如何正確處理老闆不靠譜的需求？

http://www.zhihu.com/question/24693717
怎麼從零開始學習 Python 語言編程？

http://www.zhihu.com/question/20252436
學習編程語言最好的方法是什麼？

http://www.zhihu.com/question/26350691
阿里java校招本科生要求？自學沒方向

http://www.zhihu.com/question/26187669
怎麼斷定web前端架構師的能力高低？

http://www.zhihu.com/question/26304098
買了kindle就必定會愛上讀書嗎？

http://zhuanlan.zhihu.com/imike/19878922
創業的首要問題

http://www.zhihu.com/question/21157664
爲何世界四大古代文明只有中華文明沒有被毀滅？

http://www.zhihu.com/question/26026419
爲何滴滴打車都燒了幾十億卻忍着不賺錢，背後的商業邏輯是什麼?

http://www.zhihu.com/question/26187669
怎麼斷定web前端架構師的能力高低？

http://www.zhihu.com/question/22609639
雲計算到底那家強？

http://www.zhihu.com/question/26226720
爲何前端不能一直作？難道要轉行？？

http://www.zhihu.com/question/23512853
如何評價淘寶 UED 的 Midway Framework 先後端分離？

http://www.zhihu.com/question/23150301
一份優秀的前端開發工程師簡歷是怎麼樣的？

http://www.zhihu.com/question/19639471
遇到關注你薪資且會直接發問的老同窗，怎麼回答最合適？

http://www.zhihu.com/question/26228085
如今從事 Web 前端開發的高級工程師，想請問大家初入行時的戰鬥力如何？

http://www.zhihu.com/question/20790576
大公司裏怎樣開發和部署前端代碼？

http://www.zhihu.com/question/19638115
知乎工程師們的開發環境是怎樣的？

綜合

http://www.html-js.com/article/2313
一個對前端模板技術的全面總結

http://www.html5cn.org/article-6980-1.html
程序員編程的10個實用技巧

http://news.html5tricks.com/2014-programmer-salary.html#userconsent#
2014年程序員的工資有多高？你是否該跳槽了！

http://blog.jobbole.com/56673/
Web應用開發中的幾個問題

http://www.codeceo.com/article/10-years-taobao-tech.html
淘寶的十年技術之路

http://top.jobbole.com/14753/
程序員必須知道的10個算法和數據結構有哪些？

http://news.html5tricks.com/alibaba-mayun-saying.html
阿里上市後首次員工講話馬雲說了啥？

http://www.codeceo.com/article/2015-baidu-offer.html
百度2015校園招聘面試題回憶錄（成功拿到offer）

http://news.html5tricks.com/mayun-chuangye.html
馬雲：創業智慧！

http://www.html5cn.org/article-6982-1.html
老程序員：當編程成爲你的第二職業

http://www.codeceo.com/article/computer-boot-process.html
計算機啓動過程詳解

http://www.iteye.com/news/22043
7本不錯的HTML 5書籍推薦

http://blog.jobbole.com/46589/#userconsent#
有jQuery背景，該如何用AngularJS編程思想？

http://wenku.baidu.com/link?url=UYSMOXQajtKOlqxn7qUMyOXh9oSyiIQiXJ12hzP-nWrVZxAu-tmAm-JUdm1A47mCQyeu0P-YDv-6G7m3aaDslgkpOOl4nwjob_Lf7mo-XTq
D2-淘寶移動端Web開發實踐

http://www.cnblogs.com/coco1s/p/4034937.html
BAT及各大互聯網公司2014前端筆試面試題--Html,Css篇

http://www.cnblogs.com/coco1s/p/4029708.html
BAT及各大互聯網公司2014前端筆試面試題--JavaScript篇

http://cmsblogs.com/?p=1368#0-qzone-1-26860-d020d2d2a4e8d1a374a433f596ad1440
要扁平化，也要可用性

http://yuedu.baidu.com/ebook/43f627450722192e4436f641
中國頂尖技術團隊訪談錄

http://blog.jobbole.com/46589/#userconsent#
有jQuery背景，該如何用AngularJS編程思想？

https://github.com/justjavac/free-programming-books-zh_CN/blob/master/what-non-programming-books-should-programmers-read.md
「程序員應該閱讀的非編程類書籍有哪些？」

http://www.vaikan.com/math-gifs/
21副GIF動圖讓你瞭解各類數學概念

http://blog.jobbole.com/48252/
我泡在GitHub上的177天

http://top.jobbole.com/15551/
幾十種編程語言的快速入門教程

http://www.chinahrd.net/article/2013/03-21/85191-1.html
人人網的失敗：抄襲不來的是靈魂

http://top.jobbole.com/15613/
github乾貨系列

系列

d2

http://snfed/attendance-records#4

參加2014 D2前端技術交流的一些感想和思考
http://moxiaohe/moxiaohe.github.io#2

記錄10.25杭州D2前端技術論壇
http://segmentfault.com/blog/jiyinyiyong/1190000000742126
參加 D2 的這個週末
http://www.hacke2.cn/2014-10-d2/
2014.10.25 杭州D2行
http://snfed/attendance-records#5

勾三股四的感悟
http://www.cnblogs.com/jikey/archive/2010/12/21/1913113.html
第五屆D2-豪情
http://hikejun.com/blog/2010/12/20/%E7%AC%AC%E4%BA%94%E6%AC%A1d2%EF%BC%8D%E5%85%B3%E6%B3%A8%E5%9C%A8%E5%89%8D%E7%AB%AF%E5%9F%BA%E7%A1%80%E6%9E%B6%E6%9E%84/#userconsent#
第五次D2--張克軍
https://github.com/snfed/attendance-records/issues
蘇寧總結