摘抄2（臨時）

 http://chenjiying.baijia.baidu.com/article/26024　　愛奇藝龔宇自述創業四條軍規

http://www.infoq.com/cn/news/2015/10/meituan-dianping-tech 　　美團大衆點評合併：背後技術力量的對比回顧　　2015-10-14

http://www.cnblogs.com/sybboy/p/4877696.html　　 結合公司網站首頁，談前端模塊化開發與網站性能優化實踐　　2015-10-15

http://www.cnblogs.com/sybboy/p/4831635.html 　　使用grunt壓縮合並混淆JS腳本，小激動，特地記錄一下+spm一點意外收穫　　2015-10-15

http://www.gruntjs.net/　　grunt

http://www.discuz.net/ 　　php論壇：Discuz　　2015-10-20

 

http://www.chinaz.com/web/2014/1217/376789.shtml 　　可視化CSS3動畫生成神器Stylie　　2015-10-19

http://web.jobbole.com/83854/ 　　個人前端架構養成記之整潔的工做流　　2015-10-19

http://www.htmleaf.com/ziliaoku/qianduanjiaocheng/20141225979.html 　　能夠代替圖標的100+個UNICODE符號　　2015-10-27

http://www.csdn.net/article/2015-11-02/2826098 　　幫你提高 Python 的 27 種編程語言()　　2015-11-5

http://www.tuicool.com/articles/BrUnYv 　　多文件上傳（還沒看）2015-11-5

http://bss.csdn.net/m/topic/learning_path_weixin 　　微信開發學習路線　　2015-11-6

http://www.zhangxinxu.com/wordpress/?p=4925 　　CSS 深刻理解 vertical-align 和 line-height 的基友關係　　2015-11-8

http://www.cnblogs.com/yexiaochai/p/3442220.html　　讀fastclick源碼筆記　　2015-11-13

http://runjs.cn/　　一個在線運行js代碼的站，能夠看看　　2015-11-13

http://www.cnblogs.com/lhb25/p/15-jquery-grid-plugins.html 　　佈局插件（有點舊）　　2015-11-18

http://netsmell.com/apps/helloworldcollection/　　Hello World大全　　2015-11-25

http://blog.csdn.net/powertoolsteam/article/details/50110557　　如何選擇前端框架：ANGULAR / EMBER / REACT　　2015-11-30

http://www.w3ctrain.com/2015/07/19/what-no-one-told-you-about-z-index/ 　　你不知道的Z-Index

http://www.w3ctrain.com/2015/12/01/smoother-animation/　　前端性能優化之更平滑的動畫　　2015-12-2

http://blog.csdn.net/powertoolsteam/article/details/50162219 　　深刻CSS，讓網頁開發少點「坑」　　2015-12-4

https://github.com/qiu-deqing/FE-learning?f=tt&hmsr=toutiao.io&utm_medium=toutiao.io&utm_source=toutiao.io 　　前端入門方法（重要重要）　　2015-12-8

http://get.ftqq.com/8217.get 　　一個歪果仁CTO在中關村科技園的創業歷程　　2015-12-9

http://www.w3ctech.com/topic/1621　　[譯]ANGULAR VS. EMBER VS. REACT 如何選擇前端框架　　2015-12-16

http://www.codeceo.com/article/full-frontend-guidelines.html　　最全面的前端開發指南　　2015-12-16

http://blog.jobbole.com/96088/　　平常使用 Git 的 19 個建議　　2015-12-16

http://www.csdn.net/article/2015-12-14/2826461-Node.js　　Node.js開發者必須瞭解的4個JS要點　　2015-12-21

http://www.bubuko.com/infodetail-649496.html　　zepto的tap事件的點透問題的幾種解決方案　　2015-12-21

http://www.csdn.net/article/2015-12-16/2826489　　HTML5緩存機制淺析：移動端Web加載性能優化　　2015-12-22

http://www.uis.cc/2015/08/17/disable-web-security/　　使用chrome命令行：disable-web-security 實現瀏覽器跨域　　2015-12-23

http://www.gbtags.com/gb/share/9879.htm　　前端面試題目蒐集——理論知識篇　　2015-12-23

http://www.webseo.com.cn/b/a/3849.html　　分析網站被k的緣由　　2015-12-25

http://airjd.com/view/iijllkq1000cj3q#2 　　閉包　　2015-12-28

http://www.barretlee.com/blog/2015/12/10/after-framework-we-gonna-to-hug-data/　　2009~2016前端技術盤點&展望　　2015-12-31

http://alloyteam.github.io/　　騰訊 AlloyTeam 團隊博客 正在學習　　2015-12-31

http://www.csdn.net/article/2015-12-28/2826570　　京東商品詳情頁應對「雙11」大流量的技術實踐　　2016-1-4

http://geek.csdn.net/news/detail/50568　　專訪搜狗DBA負責人王林平：爲什麼從Oracle轉向MySQL？（關於數據庫的一些內容可看）　　2016-1-12

http://www.zhangxinxu.com/wordpress/2015/08/css-deep-understand-vertical-align-and-line-height/　　CSS深刻理解vertical-align和line-height的基友關係　　（閱讀）　　2016-1-12

http://www.zhangxinxu.com/wordpress/2015/03/css3-colorful-text/　　彩條文字（閱讀）　　2016-1-12

http://sentsin.com/web/529.html　　（閱讀）　　2016-1-12

http://www.cnblogs.com/lhb25/p/inside-block-formatting-ontext.html　　前端精選文摘：BFC 神奇背後的原理　　（閱讀）　　2016-1-12

關於藍代碼的那些事：　　2016-1-13

http://blog.2baxb.me/archives/1343　　上

http://blog.2baxb.me/archives/1378　　中

http://blog.2baxb.me/archives/1499　　下

http://www.cnblogs.com/lyzg/p/5125934.html　　瀏覽器緩存知識小結及應用　　2016-1-15

http://www.zhihu.com/question/20790576　　大公司裏怎樣開發和部署前端代碼？（重要）　　2016-1-15

http://geek.csdn.net/news/detail/51056　　打磨移動時代的前端團隊（一）　　2016-1-19

http://www.cnblogs.com/PeunZhang/p/3407453.html　　移動web資源整理　　2016-1-20　　同事分享

http://www.bubuko.com/infodetail-282777.html　　移動web頁面前端開發總結　　（2014年的一個帖子）　　2016-1-20

http://damoqiongqiu.iteye.com/blog/2255046　　代碼狗必看：前端開發3大坑　　2016-1-21

http://www.hollischuang.com/archives/1036　　各大互聯網公司架構演進之路彙總　　2016-1-21

http://isux.tencent.com/half-package-web-components-for-design.html　　面向設計的半封裝web組件開發， 張鑫旭　　2016-1-21

http://www.ruanyifeng.com/blog/2012/10/javascript_module.html　　javascript模塊化變成（一）2012年的舊文章

http://segmentfault.com/a/1190000004292479#rd　　JS 必定要放在 Body 的最底部麼？聊聊瀏覽器的渲染機制　　2016-1-22

http://www.w3cplus.com/tools/dev-tips.html　　Chrome 35個開發者工具的小技巧　　2016-1-26

http://www.techug.com/10-algorithm-help-programmer-grow-up　　十大編程算法助程序員走上高手之路　　2016-1-27

http://www.uisdc.com/2016-20-web-developer-tools　　超讚！2016年新鮮出爐的20款網頁開發工具推薦　　2016-1-27

http://nmz0.com/　　匿名者博客　　2016-1-28

http://nmz0.com/map/　　匿名者網絡攻擊地圖（頁面有點意思）　　2016-1-28　　數據來源於這個網站：　　http://map.norsecorp.com/　　（也有意思）  <script type="text/javascript" src="http://map.ipviking.com/ipviking.js"></script>

http://www.jianshu.com/p/4c4d2b33df2d　　打磨移動時代的前端團隊(一)—— 迷局篇 - 簡書　　2016-1-28

http://geek.csdn.net/news/detail/52835　　打磨移動時代的前端團隊（二）—— 解題篇　　2016-1-28

http://www.w3cplus.com/performance/10-ways-minimize-reflows-improve-performance.html　　　　提升Web頁面性能的技巧【講了 Repaint（重繪）、Reflow（迴流）   】　　2016-2-3

 http://house.qq.com/zhuanti/2016work.htm 　　　　??　　2016-2-7

 http://www.codeceo.com/article/monitor-4-years-web-page.html　　我從 4 年網頁監控中所學到的（關於網頁優化的）　　2016-2-14

http://geek.csdn.net/news/detail/56464　　要寫易刪除，而不易擴展的代碼　　2016-2-22

https://mdluo.github.io/blog/about-front-end-interview/　　關於前端面試　　2016-3-1

http://www.cnblogs.com/cynthia-wuqian/archive/2016/03/09/5257828.html　　前端常見面試題　　2016-3-9

 http://www.w3cfuns.com/notes/21599/ee9ae0fd070da42525aeefd4f366c197.html　　綠色面板移動方向（鼠標效果）能夠參考

 http://bbs.it-home.org/thread-54053-1-1.html　　【譯】60個有用CSS代碼片斷（還沒看）　　2016-3-11

 http://www.cnblogs.com/morwind/p/5229614.html　　公司請你來作什麼？（部份內容可看）　　2016-3-15

http://geek.csdn.net/news/detail/56464　　要寫易刪除，而不易擴展的代碼。  　　2016-3-17　　　　　　　　軟件的極簡主義（贊同）

http://www.webhek.com/css-animation-transition　　CSS動畫：transition 的用法介紹　　2016-3-17

http://www.webhek.com/css-animation-keyframes　　CSS動畫：keyframes用法介紹　　2016-3-17

https://www.uis.cc/2016/03/08/Web-mobile-terminal-Fixed-layout-solution/　　Web移動端Fixed佈局的解決方案　　2016-4-6

https://www.uis.cc/2016/02/01/HTML-and-the-UI-component-design-evolution/　　順勢而爲，HTML發展與UI組件設計進化　　2016-4-6

https://www.uis.cc/2016/03/09/Input-file-HTML5-upload-type-control/　　HTML5的 input:file上傳類型控制　　2016-4-6

http://www.cnblogs.com/afrog/p/4276709.html　　用一道面試題考察對閉包的理解　　2016-4-12 

http://www.zhihu.com/question/20888075　　國內前端團隊　　2016-4-12

https://segmentfault.com/a/1190000004556813　　這篇文章有些前端資源的連接不錯　　2016-4-15

http://www.codeceo.com/article/javascript-debug-skills.html　　最全面的JavaScript調試技巧總結　　2016-4-18

http://www.w3cfuns.com/notes/19908/b82a67fcaf7720ad3c1c48e403573066.html　　對變量名污染的一點小看法　　2016-4-18

http://www.cnblogs.com/chenrf/p/5209283.html　　面試題一些（看標籤那段）　　2016-4-20

http://www.cnblogs.com/digdeep/p/4514156.html 　　如何挑選適合的前端框架(去哪兒網前端架構師司徒正美)　　2016-4-20

http://mp.weixin.qq.com/s?__biz=MjM5OTkwOTA5Mw==&mid=2658411935&idx=1&sn=7619b4bded7d4a9ea9bf0f951c544076&scene=23&srcid=0422jDAAAJTf6OpDwSgem7yp#rd　　懷疑精神　　2016-4-25

http://www.zhihu.com/question/19984897/answer/13562908　　Web 前端開發面臨的挑戰主要有哪些？　　2016-4-25

http://download.csdn.net/detail/richie696/9484935　　Query EasyUI 1.4.5 離線簡體中文API文檔 含完整開發工具包+皮膚+擴展+演示　　2016-4-26

https://segmentfault.com/q/1010000005031822　　constructor __.proto.__ prototype 概念相關　　2016-4-29

http://geek.csdn.net/news/detail/71492　　避坑寶典：如何選擇HTML5遊戲引擎　　2016-5-3

http://www.zhangxinxu.com/wordpress/2016/04/css-writing-mode/　　改變CSS世界縱橫規則的writing-mode屬性　　2016-5-4

http://www.cnblogs.com/shouce/archive/2016/05/05/5460472.html　　你不知道的前端js面試題　　2016-5-5

http://bbs.csdn.net/topics/390648164　　8小時學會div+css 視頻教程　　把保安教會HTML　　2016-5-6

http://www.oschina.net/news/73199/full-stack-engineer-growth-ideabook　　一個全棧增加工程師的練習項目集　　2016-5-9

http://www.cnblogs.com/shouce/archive/2016/05/10/5476466.html　　一次WEB前端優化嘗試　　2016-5-10

http://kb.cnblogs.com/page/539160/　　架構漫談（一共9篇）　　2016-5-10

http://blog.csdn.net/wave_1102/article/details/40985057　　實現微信瀏覽器內打開App Store連接　　2016-5-11

http://www.ibm.com/developerworks/cn/web/wa-use-javascript-closures-efficiently/index.html　　高效使用 JavaScript 閉包　　2016-5-17

https://segmentfault.com/q/1010000005148530　　前端學習　　2016-5-18

http://www.cnblogs.com/lyzg/p/4877277.html　　從網易與淘寶的font-size思考前端設計稿與工做流　　2016-5-18

http://www.cnblogs.com/lyzg/p/5058356.html　　淘寶彈性佈局方案lib-flexible實踐　　2016-5-18

http://blog.csdn.net/three_bird/article/details/51312598　　淺談域名發散與域名收斂　　2016-5-19

http://www.scutephp.com/topic-id339.html　　經常使用HTTP Content-type頭信息及文件類型對照（php用http頭的方式實現文件下載 http://www.cnblogs.com/yun007/p/3794044.html ）　　2016-5-24

http://www.webhek.com/scoped-css　　　　在HTML5裏用Scoped屬性限定CSS的做用範圍　　2016-5-24

http://www.wtoutiao.com/p/158CV9m.html　　美國特工告訴你，這樣用Google，真的能成爲特工！　　2016-5-25

http://www.cnblogs.com/cyclone77/p/5525785.html　　JavaScript模塊化開發整理　　2016-5-25　　（閉包：至於這種方式防止全局變量的污染，有效的提升了開發的思路和開發的效率。）

http://www.itheima.com/special/webzly/?csdn#course　　培訓廣告（惟一可取的是課程細目的列表提綱）　　2016-6-2

http://www.w3cfuns.com/notes/16438/db8e9e0bf80676f32b2cafb9b4932313.html　　看着看着就哭了的前端地址大全（超級長）　　2016-6-16

http://www.58maisui.com/2016/06/17/a-225/　　十大黑客網站排行榜　　2016-6-17

http://www.cnblogs.com/duanhuajian/p/3166493.html　　如何成爲一名優秀的前端工程師　　這文章有點老了，2013年的　　2016-6-22

http://geek.csdn.net/news/detail/85043　　程序員應該知道的七個圖形工具　　2016-6-29

https://segmentfault.com/a/1190000003978624　　Flex佈局新舊混合寫法詳解（兼容微信）　　2016-6-30

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

https://github.com/fouber/blog　　大公司裏怎樣開發和部署前端代碼？ 的blog　　2017-8-23

http://skill-map.stuq.org/　　技能圖譜　　2017-8-26

https://juejin.im/post/599ececb5188252423583c27　　HTML/CSS/JS編碼規範　　2017-8-27

http://www.4hou.com/info/news/7061.html　　GitHub 萬星推薦：黑客成長技術清單　　2017-8-29

https://www.tapd.cn　　TAPD-騰訊敏捷產品研發平臺　　2017-8-29

https://github.com/jawil/blog/issues/22　　面試分享：一年經驗初探阿里巴巴前端社招　　2017-8-29

https://juejin.im/post/599d69fc6fb9a0248f4a7b31　　白話原型和原型鏈　　2017-8-29

http://www.cnblogs.com/ghostwu/p/7272132.html　　一道js題　　2017-8-29

https://hijiangtao.github.io/2017/07/09/Device-Viewport-and-Pixel-Introduction/　　知識點整理 - 前端涉及的各類像素概念以及 viewport 彙總　　2017-8-29

https://mbd.baidu.com/newspage/data/landingsuper?context=%7B%22nid%22%3A%22news_10521558694395311324%22%7D　　爲何愈來愈少的人用jQuery　　2018-12-9

 

 ------------------

http://nodejs.cn/　　下載4.2.4版本的　　　　　　2016-1-8　　回去看

node -v
npm -v
npm install -g fis3

zepto、 backbone、bootstrap、angular
前端模塊化/編譯/構建 CommonJS requirejs seajs nodejs
前端構建工具如:Grunt、Gulp、FIS3

MV*框架 AngularJS knockoutJS ReactJS；
前端模塊化開發 RequireJS SeaJS

==============================================
建立一個相似bootsrtap的組件示例頁面

要提出的頁面組件：

 

其餘：http://www.cnblogs.com/wangfupeng1988/p/4649709.html

http://blog.csdn.net/kongjiea/article/details/22803387

http://amazeui.org/widgets/pagination

NPM 安裝  https://github.com/fex-team/fis/issues/565

 https://cnodejs.org/topic/56ef3edd532839c33a99d00e　　2016-3-24 hongran

 

 

 

---

過往代碼參考：

expai

/ad/expaiimgs.js

/ad/expaiimg000.js

/ad/icon.css

---

 暫存：2015-11-6

.input{outline: 0;color:#999;display: inline-block;padding: 0.8em;font-size: 14px;font-weight: normal;line-height: 1;text-align:left;white-space: nowrap;
    vertical-align: middle;background-image: none;border:1px solid #ececec;border-radius: 3px;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

 

 

 

 

 

 hongran:

http://javascript.ruanyifeng.com/ 阮劍鋒 JavaScript 標準參考教程
http://pij.robinqu.me/ javascript編程指南
http://lzw.me/pages/ecmascript/ ECMAScript 5入門
http://es6.ruanyifeng.com/ ECMAScript 6入門
http://yujiangshui.com/how-to-restore-the-design-draft-pixel-level/
http://www.uisdc.com/tencent-alloy-designer
http://code.ciaoca.com/

...............