1月份前端资源分享

更多资源请Star：https://github.com/maidishike...

文章转自：https://github.com/jsfront/mo...

1月份前端资源分享

1. Javascript

• 视频-D2前端技术论坛——2015融合

• 不可错过的javascript迷你库

• 测试框架 Mocha 实例教程

• 为你详细解读HTTP请求头的具体含意

• Markdown解析的js库simple-markdown

• 如果要用前端框架，开发流程是怎样的？

• [obeject.key与object[key]有什么区别](http://segmentfault.com/q/101...

• 正确使用Github 的方法是什么？

• flowchart.js 流程图插件

• 小tip: 如何让contenteditable元素只能输入纯文本

• JSNext.fm - 前端技术中文播客节目

• 前端开发：Javascript那些经典书籍你都造吗？

• GitHub比较受欢迎的框架排名走势

• How to Learn ES6

• 给 JavaScript 初心者的 ES2015 实战

• ES7中async/await实现原理是什么？

• 面向设计的半封装web组件开发

• 复选框的 CSS 魔法

• 如何评价 JavaScript 和 Ruby 的生态系统目前各自的发展状况？

• 在JavaScript中，是否存在“同步非阻塞”和“异步阻塞”这两种情况？

• [[译]成为 JavaScript 忍者](http://pengisgood.github.io/2...

• 知乎上复制回答，剪贴板里自动加上版权出处的技术js如何实现？

• 你真的会使用XMLHttpRequest吗？

• FastClick 源码解读

• RxJS 教程

• 热炒的前端什么时候能冷静下来

• 各大互联网公司架构演进之路汇总

• JavaScript核心 - 「深入ECMA-262-3」系列的一个概览和摘要

• [[翻译] JavaScript Scoping and Hoisting](https://segmentfault.com/a/11...

• 给 JavaScript 初心者的 ES2015 实战

• Awesomes.cn新增了RSS订阅源

• Feature.js 各种浏览器特性检测

• 新手上路学习JavaScript引擎实现——路线图

• JS一定要放在Body的最底部么？聊聊浏览器的渲染机制

2. 移动Javascript开发

• 支付宝-移动Web解决方案

• 微信公众号编辑有哪些实用的小工具？

• WeUI 为微信 Web 服务量身设计

• 微信 web 开发者工具详解

3. Html5

• H5动效的常见制作手法

• 在线编辑动画

• 空间秀的发现之旅：Qzone6.0动画诞生记

• 微信web开发者工具

• 移动端布局终极解决方案 - hotcss

• 滑屏 H5 开发实践九问

4. CSS

• Twitter "like" 动画实战

• Dribbble动画实验室之两把刷子

• 各种css动画

• CSS代码重构与优化之路

5. Angular

6. React, Webpack

1. React

   • React组件的可视化生成器

   • 多React Native项目时依赖管理的最佳实践

   • 学习Webpack - 阮一峰

   • react有哪些优秀实用的组件？

2. Webpack

   • Webpack 中文指南

   • 如何写一个webpack插件（一）

   • [[译] 基于 Webpack 和 ES6 打造 JavaScript 类库](https://github.com/cssmagic/b...

   • webpack指南

   • webpack使用优化

7. Vue

• Vue.js 和 Webpack文章系列（一）

• Vue.js 和 Webpack文章系列（二）

• Vue.js 和 Webpack文章系列（三）

• Evan You - Diving Deep into Vue.js

8. jQuery

• 文件上传

9. 看书学习

• 在时间管理上，大家有什么好的心得和方法？

• 互联网计算机技术方面的入门书籍有哪些推荐

• 【第468期】牛人们有哪些思维方式值得我们学习

• 陌生人的哪些事，让你感触很深？

• Web开发学习之路是否有尽头

• 哪些知识技能一定要掌握？

• 怎样避免成为伸手党？

10. Git,Github

• 正确使用Github 的方法是什么？

• 记录我学github的路程（三）

11. 创业 | 职业 | 管理 | 产品

• Babel 作者的年终总结

• 更简单、更快捷地呈现DEMO原型

• 专访｜360奇舞团团长@月影

• 怎样以创业者的心态「打工」

• 怎么做好互联网公司的技术团队负责人？

• 你永远都无法叫醒一家装睡的公司

• 为什么上海出不了一流的互联网企业？

• 为什么老板多数是销售出身，而不是市场出身？

• 大龄程序员怎样渡过中年危机？

• IT行业都有哪些职位，初学者该如何选择，才能够快速进入这个行业？

• 我的前端之路

• 贺师俊（hax）在技术上的积累为什么这么深厚？学习路线是怎么样的？

12. IDE，编辑器，调试等工具类

• 可多人实时协作在线代码分享工具 – CodePiple

• Chrome渲染分析之Rendering工具使用(1)

• Chrome渲染分析之Rendering工具使用(2)

• Chrome渲染分析之Rendering工具使用(3)

• Chrome 浏览记录统计

• visual studio code 操作指南

• Chorme 35个开发者工具的小技巧

• 像 Sublime Text 一样使用 Chrome DevTools

• 如何更专业的使用Chrome开发者工具-w3cplus

• Google Developers-w3cplus

• DevTools-w3cplus

13. 前端架构及工程化等

• 全站 HTTPS 来了

• Getting started with gulp

• Gulp 入门指南

• TJ - Frontend Boilerplate

• 架构细节 | 看看 Medium 的开发团队用了哪些技术？

14. Sass，PostCSS

15. 工作 | 协同 | 流程

• 番茄工作法

• 如何融入工作？如何看待工作的意义

• 让思路更清晰——我是怎样使用思维导图的

16. Nodejs

• Node.js 源站应用稳定性保障

• node.js能开发大型网站吗？

• runs Node.js programs through Chromium DevTools

• Node.js 未来会超越 Java 吗？

• 国内Nodejs 2015汇总

• [[Node] - 16年，新 Node 项目注意点](https://github.com/gf-rd/blog...

17. UI

• Assistor PS 切图标记外挂神器

• 免费了，切图标记外挂神器 Assistor PS 深入解读(上)

• 免费了，切图标记外挂神器 Assistor PS 深入解读(下)

• 国外有哪些流行的图片分享网站

• 从零基础如何自学 UI 设计？

• 超赞！设计师完全自学指南

18. 性能优化教程

• 前端性能优化-基础知识认知

• 研究首屏时间？你先要知道这几点细节

19. 面试相关

• 面试的时候，如何自我介绍？

20. mac ios

• Mac 上最好用的流程图软件是什么？

21. php

• PHP框架Laravel还是Codeigniter？

• PHP7新特性

• PHP7.0新特性

• PHP的框架通常用于小型项目吗？

• 为什么 Laravel 5 这么好一个框架，国人都不去用？

• Docker入门实战 - php群猫哥推荐

22. 英语

• A special issue looking back at the best of 2015

• 在中国，英语流利能给个人带来多少额外的收益？

23. 其它

• 变量命名神器

• SegmentFault 2015 年度精选

• 推荐一个做编程题的网站

• 清明上河图有哪些鲜为人知又很值得品味的细节？

• 想写个 App 练手，有什么有趣的 API 接口推荐吗？