# 10月份前端資源分享 ##1. Javascript - [手機騰訊網帶有增增量更新特色的js模塊管理框架](http://mt.tencent.com/) - [HTTPS證書生成原理和部署細節](http://www.barretlee.com/blog/2015/10/05/how-to-build-a-https-server/) - [一個雙向綁定的微型庫](https://github.com/gwendall/way.js) - [時間流逝插件](http://pragmaticly.github.io/smart-time-ago/) - [全面理解HTTP](http://www.jianshu.com/p/81632fea327c) - [零基礎如何學習 Web 安全](http://www.zhihu.com/question/21606800) - [關于 Web 安全，99% 的網站都忽略了這些](http://segmentfault.com/a/1190000003852910) - [Web 前端攻防（2014版）](http://fex.baidu.com/blog/2014/06/web-sec-2014/) - [史上最全GitHub前端開發集錦](https://github.com/dypsilon/frontend-dev-bookmarks) - [前端：將網站打造成單頁面應用SPA（一）](http://segmentfault.com/a/1190000002920768) - [GitHub上整理的一些工具，求補充](http://segmentfault.com/q/1010000002404545) - [Iframe 有什么好處，有什么壞處？](http://div.io/topic/855) - [[譯]JavaScript中,{}+{}等于多少?](http://www.cnblogs.com/ziyunfei/archive/2012/09/15/2685885.html) - [Web前端百科圖](http://f2er.info/article/1) - [ECMAScript 6 學習筆記](http://imweb.io/topic/56168ec45d6f37745e8f4975) - [strml.net 簡歷源碼](https://github.com/STRML/strml.net) - [精確計算JS數據](https://github.com/MikeMcl/decimal.js) - [圖解 Flux](http://zhuanlan.zhihu.com/FrontendMagazine/20263396) - [JavaScript 的動畫、物理性、彈性庫](https://github.com/Popmotion/popmotion) - [傳統 Ajax 已死，Fetch 永生](https://github.com/camsong/blog/issues/2) - [underscore源碼經典（二）](http://yalishizhude.github.io/2015/10/12/underscore-source-2/) - [Web性能優化與HTTP/2](http://mp.weixin.qq.com/s?__biz=MjM5Mzc0MDAwNw%3D%3D&hmsr=toutiao.io&idx=1&mid=212340809&sn=6d1b294f7f3c03907e68227d05920416&utm_medium=toutiao.io&utm_source=toutiao.io) - [返回跨域JSONAPI](http://jsonp.afeld.me/) - [【組件化開發】前端進階篇之如何編寫可維護可升級的代碼](http://www.cnblogs.com/yexiaochai/p/4876099.html) - [smartcrop-是一個裁圖不會裁掉人臉的 JS 插件](https://github.com/jwagner/smartcrop.js) - [為什么都反對XML而支持使用json呢](http://www.zhihu.com/question/25636060) - [當在瀏覽器地址欄輸入一個URL后回車，將會發生的事情](http://www.zhihu.com/question/34873227) - [用 JavaScript 寫一個 X86 模擬器](http://blog.jobbole.com/93169/) - [getBoundingClientRect判斷元素是否可見](http://div.io/topic/1400) - [為JavaScript程序員準備的10本免費書籍](http://info.9iphp.com/10-free-javascript-books-for-beginners/) - [圖解javascript this指向什么？](http://www.cnblogs.com/isaboy/p/javascript_this.html) ##2. 移動Javascript開發 - [移動端真機調試終極利器-BrowserSync](http://www.codingserf.com/index.php/2015/03/browsersync/) - [pjax庫](https://github.com/Coffcer/coffce-pjax) - [自動定滾動條](http://www.chjtx.com/JRoll/#todo/go?do=start) ##3. Html5 - [在線制作html5動畫](http://www.mugeda.com/animation/new?source=home) - [H5性能優化方案](http://ddtalk.github.io/blog/2015/09/07/dingding-first/) - [html5 游戲框架](http://phaser.io/) - [weui 為微信 Web 服務量身設計](https://github.com/weui/weui) - [可觸控的導航欄菜單](https://mango.github.io/slideout/) - [Web App下圖片滑動組件的開發](http://www.imooc.com/learn/125) - [單頁滑動](http://www.html-js.com/article/Mobile-web-frontend-development-based-on-the-zeptojs-mobile-terminal-H5-single-page-follow-the-finger-sliding-switch-control-pageSliderjs%203211) ##4. CSS - [《CSS Secrets》中文版的大本營](https://github.com/cssmagic/CSS-Secrets) - [CSS秘密花園 - 大漠專題](http://www.w3cplus.com/blog/tags/502.html) - [12個 Web 設計師必備的 Bootstrap 工具](http://www.imooc.com/article/1452) - [基于css3的動畫庫](http://anijs.github.io/) - [立體進度條](http://tympanus.net/Tutorials/CSSProgress/) - [css3側邊欄動畫](https://github.com/codrops/SidebarTransitions) - [精通:nth-child](http://www.webhek.com/misc/mastering-nth-child) - [不用 background-position 玩轉雪碧圖](http://mp.weixin.qq.com/s?__biz=MzI1MTA2MDcyOQ==&mid=208835391&idx=1&sn=7e9a7dafdd390acb8812297aaf902144&scene=0&key=2877d24f51fa5384784566cb4056ec2617a6b61f8392e0787b814a760682b40514d2f74d9ca392ba237b46882ea5d16e&ascene=0&uin=MTA2Nzc4OTU%3D&devicetype=iMac+MacBookPro9%2C2+OSX+OSX+10.11+build(15A284)&version=11020201&pass_ticket=%2BAydg5Jv%2BWKCybKH6BYAtjxzLEch%2B98D4RLZ06jb1fs%3D) - [閑談CSS那些事兒 - 巧用 content 屬性小小提升用戶感受](http://mp.weixin.qq.com/s?__biz=MzI1MTA2MDcyOQ==&mid=208851383&idx=1&sn=1140f7cc5a4f30586f76d99635705fd6#rd) - [星星評級制作小技巧](http://mp.weixin.qq.com/s?__biz=MzI1MTA2MDcyOQ==&mid=208893579&idx=1&sn=d384308802bb6670bcc410a138aa1830#rd) - [詳解 CSS 屬性 - 偽類和偽元素的區別](http://segmentfault.com/a/1190000000484493) - [前端技能之切圖](https://github.com/xiangpaopao/blog/issues/2) - [豪情-CSS解構系列之-新浪頁面解構-02](http://www.cnblogs.com/jikey/p/4259360.html) - [前端工程師必備的PS技能——切圖篇](http://www.imooc.com/learn/506) - [OOCSS+Sass——CFF大漠PPT](http://www.w3cplus.com/sites/default/files/blogs/2015/1510/OOCSS+Sass.pdf) - [全局CSS的終結(狗帶) [譯]](http://www.alloyteam.com/2015/10/8536/) ##5. Angular - [angular學習筆記](http://www.zouyesheng.com/angular.html) ##6. React, Vue - [初探React，將我們的View標簽化](http://www.cnblogs.com/yexiaochai/p/4853398.html) - [VueStrap：使用 Vue.js 和純 JavaScript 構建的 Bootstrap 組件](https://github.com/yuche/vue-strap) - [React 入門教程翻譯（與當前官方文檔一致）](http://www.html-js.com/article/Yibuyishengs-column-React-entry-tutorial-translation-consistent-with-the-current-official-documents%203194) - [React系列之(一) —入門篇](http://jimhuang.cn/?p=285) - [一組Vue+Webpack的移動端組件](http://www.html-js.com/article/RaitoMH-world-a-group-of-Webpack-Vue-mobile-terminal-components%203199) - [百度母嬰技術團隊—基于Reactjs實現webapp](https://github.com/my-fe/wiki/issues/1) - [Vue.js 和 Webpack](http://div.io/topic/1343) - [VUEJS-單頁應用DEMO](http://www.html-js.com/article/VUEJS-single-page-application-DEMO%203228) ##7. jQuery - [搜索可代替jQuery的方法](http://youmightnotneedjquery.com/) - [豐富的jQuery列表](http://www.w3cfuns.com/blog-5474887-5408844.html) - [jquery-textcomplete 是一個可以對多種不同文本內容實現自動補全的 JS 插件,](https://github.com/yuku-t/jquery-textcomplete) ##8. 看書學習 - [工作幾年后再回學校脫產讀書是什么感覺](http://www.zhihu.com/question/26724212) - [留學黨們家庭經濟條件都很好嗎](http://www.zhihu.com/question/22124002) - [我的后端開發書架2015 2.0版](http://calvin1978.blogcn.com/articles/bookshelf.html) ##9. Git - [常用Git命令匯總](http://www.jianshu.com/p/0f2ffa404ac1) - [使用webstorm操作git](http://www.cnblogs.com/jinguangguo/p/4868152.html) ##10. 創業 | 職業｜管理 - [如何看待老板老拿期權激勵員工，給的工資卻很少](http://www.zhihu.com/question/29056889) - [如何看待美團和大眾點評確認合并的消息？](http://www.zhihu.com/question/36252531) - [美團大眾點評合并：背后技術力量的對比回顧](http://www.infoq.com/cn/news/2015/10/meituan-dianping-tech) - [戴爾670億美元收購EMC](http://tech.sina.com.cn/z/dellbuyemc/) - [如何在大公司中成長](http://www.html-js.com/article/How-to-grow-up-in-front-of-the-front-of-the-company%203203) ##11. IDE，編輯器，調試等工具類 - [【譯】2015: 前端工具現狀](http://www.w3ctech.com/topic/1513) - [前端各種工具技術匯總](http://duoduo369.github.io/skill_issues/) - [代理工具Charles使用](http://blog.csdn.net/jerryvon/article/details/22315947) - [使用webstorm調試node程序](http://www.cnblogs.com/jinguangguo/p/4809886.html) ##12. 前端及架構工程化等 - [brunch](http://hao.jobbole.com/brunch/) - [brunch-github](https://github.com/brunch/brunch) - [brunch項目主頁](http://brunch.io/) - [詳解前端模塊化工具-webpack](http://www.cnblogs.com/skylar/p/webpack-module-bundler.html) - [前端架構是什么，前端有架構可談嗎？](http://www.zhihu.com/question/26646855) ##13. sass - [Sass Guidelines中文版本](https://github.com/airen/sass-guidelines) - [mix片段](https://gist.github.com/HugoGiraudel?page=1) - [scss整站設計](http://ke.qq.com/webcourse/index.html#course_id=97365&term_id=100099831&taid=217355410046037&vid=q1406q9p26p) - [scss整站設計 - pdf](https://www.icloud.com/keynote/000LueSoKaWcoV2AfjnIOEMTw#sass%E5%85%A8%E7%AB%99%E8%AE%BE%E8%AE%A1) ##14. 工作 | 協同 | 流程 - [一個很吊的簡歷](http://strml.net/) ##15. Nodejs - [NodeJS的代碼調試和性能調優 - 小胡子](http://www.barretlee.com/blog/2015/10/07/debug-nodejs-in-command-line/) - [Express深入解讀](http://www.html-js.com/article/Express-indepth-understanding-of-learning-notes%203213) ##16. UI - [為什么頁面跟設計稿差距這么大？是啊！為毛啊？](http://www.uisdc.com/design-just-stay-design) - [uimaker - 后臺管理模板](http://www.uimaker.com/uimakerdown/bstemplate/) - [字數多的海報如何設計才能搶眼](http://www.zhihu.com/question/36121669) - [原型工具－偏移動應用方面](https://www.fluidui.com) - [你見過的最棒的個人博客界面是什么樣的](http://www.zhihu.com/question/29755481) - [好的用戶界面-界面設計的一些技巧](http://www.cnblogs.com/Wayou/p/goodui.html) ##17. 性能優化教程 - [網頁性能管理詳解 - 阮一峰](http://www.ruanyifeng.com/blog/2015/09/web-page-performance-in-depth.html) - [純前端優化首屏時間](http://www.alloyteam.com/2015/10/optimization-of-alloyteam-series-the-first-screen-time/) ###18. 面試相關 - []() ###19. mac ios - [強迫癥的 Mac 設置指南](https://github.com/macdao/ocds-guide-to-setting-up-mac) - [GitHub上面（關于iOS開發）有哪些適合新手閱讀和學習的開源項目](http://www.zhihu.com/question/33903154) ###20. php - []() ###21. 英語 - []() ###22. 其它 - [Laravel學習資料](https://github.com/chiraggude/awesome-laravel) - [工作利器：終于可以使用Markdown寫郵件啦](http://droidyue.com/blog/2014/08/26/write-emails-using-markdown-in-browsers/) - [Adobe 將推新的原型設計工具 Adobe Project Comet](http://v.youku.com/v_show/id_XMTM1Mzc4ODk1Ng==.html?ep=CDYBSBZFL%2C1645143405%2CCDYBSBZFL%2C1645143405)