# FrontendShare

**Repository Path**: sharpteeth/FrontendShare

## Basic Information

- **Project Name**: FrontendShare
- **Description**: HTML5-CSS3-JavaScript-jQuery，前端群：1888845，资料仓库。
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 0
- **Created**: 2016-10-31
- **Last Updated**: 2021-11-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 简介

为整合群内资源，为群友提供优质服务，特建立此仓库，不定期添加资源。
有需要发布资源的同学请将资源发送到管理员邮箱 603869636@qq.com

更多资源 https://gitee.com/heibing/frontend-dev-bookmarks

群号：1888845

# 前端职业规划图

![前端职业规划图](https://git.oschina.net/sharpteeth/FrontendShare/raw/master/res/images/FrontEnd1.1.png "前端职业规划图")


# 优质的中文前端博客

收集优质的中文前端博客

注：公司信息来自网上公开资料，仅供参考，不保证准确性。

## 个人（控制在42个以内）

0. [阮一峰的网络日志](http://www.ruanyifeng.com/blog/javascript/)（蚂蚁金服）
    + [《读懂 ECMAScript 规格》](http://www.ruanyifeng.com/blog/2015/11/ecmascript-specification.html)
    + [《图解 Monad》](http://www.ruanyifeng.com/blog/2015/07/monad.html)
    + [《为什么Lisp语言如此先进？（译文）》](http://www.ruanyifeng.com/blog/2010/10/why_lisp_is_superior.html)
0. [玉伯也叫射雕](https://github.com/lifesinger/blog/issues?q=is%3Aissue+is%3Aopen+sort%3Aupdated-desc)（蚂蚁金服）
    + [《Web 研发模式演变》](https://github.com/lifesinger/blog/issues/184)
    + [《jQuery 为什么优秀兼谈库与框架的设计》](https://github.com/lifesinger/blog/issues/114)
    + [《阿里前端的困局与突围》](https://github.com/lifesinger/blog/issues/141)
    + 九个月没有更新，考虑去掉博客链接。最新动向可以看他的[微博](http://weibo.com/u/1748374882)。
0. [贺师俊/Hax](https://github.com/hax/hax.github.com/issues)（百姓网）
    + [《JavaScript — The World’s Best Programming Language》](http://johnhax.net/2015/js-the-best/)
    + [《参加第十届D2前端技术论坛，你有什么收获？》](https://www.zhihu.com/question/38637676/answer/77889487)
    + [《jQuery会过时吗？》](https://www.zhihu.com/question/34892985/answer/60466608)
0. [司徒正美](http://www.cnblogs.com/rubylouvre/)（去哪儿）
    + [《为什么虚拟DOM更优胜一筹》](http://www.cnblogs.com/rubylouvre/p/5012458.html) 
    + [《迷你MVVM框架avalon在兼容旧式IE做的努力》](http://www.cnblogs.com/rubylouvre/p/3598133.html)
0. [PING4GOD](http://pinggod.com/)（美团）
    + [《Math.random()》](http://pinggod.com/2016/Math-random/)
    + [《React 组件的生命周期》](http://pinggod.com/2015/React-%E7%BB%84%E4%BB%B6%E7%9A%84%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F/)
0. [题叶](https://segmentfault.com/u/jiyinyiyong/articles)（前 Teambition）
    + [《简聊首屏性能优化方案一些记录》](https://segmentfault.com/a/1190000004287098) 
    + [《想象一下未来如何写代码和调试》](https://segmentfault.com/a/1190000003840866)
0. [寸志](https://www.zhihu.com/people/stein.cun/posts)（陆金所）
    + [《为什么整个互联网行业都缺前端工程师》](https://zhuanlan.zhihu.com/p/20598089)
    + [《与外刊君一起学习2016前端开发者大会 PPT》](https://zhuanlan.zhihu.com/p/20662724)
0. [张云龙](https://github.com/fouber/blog)（UC） 
    + [《前端工程与性能优化》](https://github.com/fouber/blog/issues/3) 
    + [《如何进行前端自动化测试》](https://github.com/fouber/blog/issues/7)
    + 其 GitHub 博客最近一次更新是在八个月前，考虑删掉
0. [徐飞/民工精髓](https://github.com/xufei/blog)（前苏宁云商、现 Teambition）
    + [《对当前单页应用的技术栈思考》](https://github.com/xufei/blog/issues/37)
    + [《2015前端组件化框架之路》](https://github.com/xufei/blog/issues/19) 
    + [《未来Web应用的前端技术选型畅想》](https://github.com/xufei/blog/issues/24)
0. [月影](https://www.h5jun.com/archives/)（360）
    + [《【译】为什么我要说 JavaScript 对象字面量很酷？》](https://www.h5jun.com/post/why-object-literals-in-javascript-are-cool.html)
    + [《Promise 与定时器》](https://www.h5jun.com/post/wait-promise.html)
0. [黄峰达/Phodal Huang](https://github.com/phodal/articles/issues)（ThoughtWorks）
    + [《程序员如何批量生产idea》](https://www.phodal.com/blog/how-to-create-ideas/)  
    + [《程序员如何艺术的提升技术、影响力&赚钱》](https://www.phodal.com/blog/how-to-make-money-and-improve-impact/)  
    + [《程序员怎样才能写出一篇好的博客或者技术文章》](https://www.phodal.com/blog/programmer-how-to-write-a-good-article/)
0. [张鑫旭](http://www.zhangxinxu.com/wordpress/)（腾讯）
    + [《基于原生HTML的UI组件开发》](http://www.zhangxinxu.com/wordpress/2016/01/development-of-ui-components-based-on-native-html/) 
    + [《CSS深入理解vertical-align和line-height的基友关系》](http://www.zhangxinxu.com/wordpress/2015/08/css-deep-understand-vertical-align-and-line-height/)
0. [宅居](http://otakustay.com/)（百度）
    + [《使用ES6进行开发的思考》](http://otakustay.com/es6-develop-overview/) 
0. [屈光宇/JerryQu](https://imququ.com/archives.html)（360）
    + [《本博客零散优化点汇总》](https://imququ.com/post/summary-of-my-blog-optimization.html) 
    + [《HTTP/2：新的机遇与挑战》](https://imququ.com/post/http2-new-opportunities-and-challenges.html)
0. [勾三股四/赵锦江](http://jiongks.name/)（淘宝）
    + [《手机淘宝 CSS 实践启示录》](http://jiongks.name/slides/css-memos/)
    + [《Vue.js 源码学习笔记》](http://jiongks.name/blog/vue-code-review/)
0. [神飞](https://www.qianduan.net/)
    + [《QQ浏览器X5内核问题汇总》](https://www.qianduan.net/qqliu-lan-qi-x5nei-he-wen-ti-hui-zong/)
0. [hacke2/蛋总](http://www.hacke2.cn/posts/)（阿里巴巴）
    + [《在移动端上使用原生滑屏解决方案》](http://www.hacke2.cn/scroll-in-uc/)
    + [《我在jsbin里存的好东西》](http://www.hacke2.cn/share-jsbin/)
0. [李靖/小胡子哥](http://barretlee.com/entry/)（阿里巴巴，1992年生）
    + [《工作五年，后面四年重复着第一年的活儿？》](http://barretlee.com/blog/2016/07/21/donnot-repeat-yourself/)
    + [《H5 Crash 研究》](http://barretlee.com/blog/2016/05/30/h5-crash-research/)
    + [《聊一聊淘宝首页和它背后的一套》](http://barretlee.com/blog/2016/06/02/thing-about-taobao-homepage/)
    + [《信息无障碍不是献爱心更不是做公益慈善》](http://barretlee.com/blog/2016/02/28/step-in-aria/)
0. [貘吃馍香的知乎回答](https://www.zhihu.com/people/tapir/answers)
    + [《onclick = xxx这种赋值写法绑定事件的原理是什么？》](https://www.zhihu.com/question/43728074/answer/96396431)
    + [《有哪些CSS标准是前端工程师很有必要研读的？》](https://www.zhihu.com/question/41191048/answer/90058208)
0. [邱俊涛](http://icodeit.org/blog/archives/)（ThoughtWorks）
    + [《为故障和失败做设计》](http://icodeit.org/2016/05/design-for-failure/)
    + [《技术的执念》](http://icodeit.org/2016/02/pitfall-of-technology/)

    

## 团队（控制在16个以内）

大部分团队博客，都有拼凑感，质量良莠不齐，所以还是推荐大家关注个人博客。


0. [TaobaoUED](http://taobaofed.org/categories/Web%E5%BC%80%E5%8F%91/)
    + [《近几年前端技术盘点以及 2016 年技术发展方向》](http://taobaofed.org/blog/2016/01/04/font-end-tech-inventory/)
    + [《记一次淘宝首页奇葩的渲染问题》](http://taobaofed.org/blog/2015/11/23/a-strange-bug-research-at-taobao-home-page/)
0. [百度EFE（Excellent FrontEnd）](http://efe.baidu.com/)
    + [《回归CSS标准之Float》](http://efe.baidu.com/blog/float/)
0. [AlloyTeam](http://www.alloyteam.com/)（腾讯）
    + [李成熙《这是前端最好的时代——论前端的“三化”建设》](https://github.com/lcxfs1991/blog/issues/3)
    + [李成熙《如何写一个webpack插件（一）》](https://github.com/lcxfs1991/blog/issues/1)
    + [《我就是要用CSS实现》](http://www.alloyteam.com/2016/01/let-see-css-world/)
0. [饿了么大前端](https://fe.ele.me/)
   + [position: sticky 在移动端的应用与实践](https://fe.ele.me/position-sticky-zai-yi-dong-duan-de-ying-yong-yu-shi-jian/)
0. [IMWeb](http://imweb.io/)（腾讯）
0. [360奇舞团](http://www.75team.com/)
0. [大搜车](http://f2e.souche.com/blog/)

## 其他

+ [奇舞周刊](http://www.75team.com/weekly/)
+ [百度 FEX 周刊](http://fex.baidu.com/weekly/)
+ [前端外刊评论](http://qianduan.guru/)
+ [Awesomes.cn](https://www.awesomes.cn/) - 「 也许是最好的开源前端库、框架和插件集合 」
+ [w3ctech](http://www.w3ctech.com/) - 文章聚合网站
+ [W3Help](http://w3help.org/zh-cn/home/compatibility.html) - 内容看起来很久没更新，但是文章很有质量。 
+ [div.io](http://div.io/#/welcome) - 文章聚合网站
+ [w3cplus](http://www.w3cplus.com/) - 文章聚合网站