# 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)