2016年1月-前端开发月刊

[jikeytang]

1月份前端资源分享

1. Javascript

• 视频-D2前端技术论坛——2015融合
• 不可错过的javascript迷你库
• 测试框架 Mocha 实例教程
• 为你详细解读HTTP请求头的具体含意
• Markdown解析的js库simple-markdown
• 如果要用前端框架，开发流程是怎样的？
• obeject.key与object[key]有什么区别
• 正确使用Github 的方法是什么？
• flowchart.js 流程图插件
• 小tip: 如何让contenteditable元素只能输入纯文本
• [JSNext.fm - 前端技术中文播客节目](JSNext.fm - 前端技术中文播客节目)
• 前端开发：Javascript那些经典书籍你都造吗？
• GitHub比较受欢迎的框架排名走势
• How to Learn ES6
• 给 JavaScript 初心者的 ES2015 实战
• ES7中async/await实现原理是什么？
• 面向设计的半封装web组件开发
• 复选框的 CSS 魔法
• 如何评价 JavaScript 和 Ruby 的生态系统目前各自的发展状况？
• 在JavaScript中，是否存在“同步非阻塞”和“异步阻塞”这两种情况？
• [译]成为 JavaScript 忍者
• 知乎上复制回答，剪贴板里自动加上版权出处的技术js如何实现？
• 你真的会使用XMLHttpRequest吗？
• FastClick 源码解读
• RxJS 教程
• 热炒的前端什么时候能冷静下来
• 各大互联网公司架构演进之路汇总
• JavaScript核心 - 「深入ECMA-262-3」系列的一个概览和摘要
• [翻译] JavaScript Scoping and Hoisting
• 给 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 类库
   • 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 项目注意点

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 年度精选
• 推荐一个做编程题的网站
• 清明上河图有哪些鲜为人知又很值得品味的细节？

24. 特别推荐我联盟群几个高手的力作或个人网站

1. 高级群
2. 中级群
3. 初级群