2015-10
最后更新于：2022-04-01 06:14:55
# 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)