温馨提醒：本文包含大量外部链接。 墙裂建议男性伙伴点击“阅读原文”进行阅读。 :)1.前言
我从六月开始在社区里出没，现在已经快九月了。 按照我的工作安排，三个月的试用期已经快过去了，我准备转正了！ 一般来说，快要转正的时候，都会有总结或者分享会！ 那么明天我会向大家推荐和分享一些我读过的学习资源（主要是博客、博文）。 从我开始接触后端到发表，看了很多博客，也了解了一些开源项目，质量良莠不齐（甚至还有广告和鱼汤文章） 。 但下面推荐的博客、博文、项目或其他资源都是我接触过的。 我不敢说资源是最好的，最全面的，适合所有人的，内容质量我很满意。 可能有些资源我可能没有通读、理解或仔细查看。 但我认为它可以帮助你，提高你的技术水平。 我希望它可以为您提供指导、指明方向或消除困惑。 如果您有好的资源，欢迎分享！
有一些资源链接，我会在前面加上括号注释！ 例如：“html5推广（介绍html5开发的创意广告）”，对我添加评论的激励可能如下： 1.资源很好，干货较多，提醒大家阅读！ 2. 资源是一系列资源中的一个。 比如一个系列有20多篇文章，每篇文章都有用。 我无法发布超过 20 篇文章的链接，因此我通常会发布本系列的第一篇文章，以提醒您不要忘记读完该系列！ 3.资源上的内容有的我个人觉得很有用，有的我觉得没啥用！ 提醒大家根据自己的需求挑选观看！ 4.资源的标题可能有点欺骗性，或者资源上可能还有其他注释。 我将添加我自己的解释和注释。
2.推荐文章（教程）
html(5)
后HTML5时代一
后 HTML5 时代 II
简单粗暴的介绍一下HTML5的API，不废话。
html5推广
html5开发的创意广告介绍
画布签名组件的巧妙构造
HTML5/CSS3
汤姆阿姨总结的HTML5和CSS3新特性
H5动画发展快车道
联通H5后端性能优化手册
玩转HTML5中国联通页面
HTML5进阶系列：文件上传与下载
HTML5进阶系列：Canvas动态图表
HTML5进阶系列：拖拽API实现拖拽排序
这个系列的文章很好，值得一读。
H5动效制作的常用方法
经典的画布例子有很多，动态离子背景、移动的彩球、贪吃蛇、坦克大战、如果你是女人就下100层、心形文字等等。
构建一个高大的Canvas粒子动画
CSS(3)
CSS3属性教程及案例分享
Desert的CSS3有用信息可以一一查看。 对于学习CSS3非常有用。
CSS3实现了11项CSS经典技术
Desert的CSS3经典示例对于学习CSS3非常有用。
W3cplus演示
w3cplus的案例特别值得一看
强大的CSS3
一篇简单讲解CSS3新特性的文章
css3经典教程系列
别忘了读完这个系列，文章很好
如何编译一个轻量级的CSS框架
21 种 CSS 中级方法
原创：CSS3技术-Sprite自适应缩放及精灵动画解决方案
Flex 布局教程：句子模式
Flex 布局教程：示例
精彩的CSSshapes（CSS图形）
使用CSS3制作各种形状的图形（转自别人）
有趣的CSS话题（一）：如何实现左侧条纹
读完第一篇文章后css3经典书籍推荐，你可以阅读下面的内容，总会有帮助的，但有时网站无法加载图片，如果图片无法加载，放弃还是坚持，各位有想法
纯CSS实现波浪效果！
使用浏览器开发者工具检查 CSS 动画性能
解决这个疑难杂症，对css3动画说“是”
有效的后端1：用html/css可以解决的问题不要使用JS
如何让你的动画更自然
CSS图形
css各种键盘效果
详细了解CSS3的新特性
也是一个概括性的总结，这个系列值得推荐
后端如何发挥作用？
:after 和 :before 令人眼花缭乱的用法总结
神奇的圆锥曲线-圆柱梯度
10个高质量CSS和JSLOGO动画示例
解放GPU——提升CSS3性能的整体架构设计（一）
读完第一篇文章后，不要忘记观看下一篇文章
以下文章是我自己的文章，主要是总结CSS3的新特性，CSS3动画和过渡的例子，我想对你会有帮助（^__^在公众号打开。）
javascript
JavaScript核心概念总结
js一些核心概念的概括解释
从标准到卓越——API设计之道
我眼中的 JavaScript 函数式编程
深入理解JavaScript系列
汤姆阿姨写的JavaScript系列对于学习和深入js非常有用
JavaScript组件化
如何写出小而清晰的函数？ （JS版）
javascript对象解读：proto和prototype的区别和联系
阐明javascript中的面向对象（一）——原型继承
本专栏质量（实用第一）不错，值得关注
微后端-Javascript常用设计模式解读
您需要了解的 10 个最佳 JavaScript 开发实践
深入理解JavaScript原型与闭包系列
JavaScript学习总结（一）基础部分
这个系列文章不错，别忘了看这个系列，但是你得在你发文章的栏目里找到这个系列的文章，因为作者在这个栏目里并没有发系列文章，而且有中间还有其他文章，不过也很好找。在这个专栏（trigkit4）中，虽然不是这个系列的文章，但是我也读过几篇，觉得还不错，可以付费注意力
JavaScript设计模式与开发实践|01-面向对象的JavaScript
这个系列教程不错。 我还看了《JavaScript设计模式与开发实践》的笔记。
JavaScript 函数式编程是否存在性能问题？
如何让JS写得更漂亮
JS的平凡之路——学习大众眼中的疗效（上）
你还在使用for循环方法吗？
后端模板原理及实现
仅20行Javascript代码！一步一步教你如何编写页面模板引擎
【教学方向】150行代码教你实现低配版MVVM库（一）——原理
【教学方向】150行代码教你实现低配版MVVM库（二）——代码篇
您可以关注本文对应的专栏。 写得很好。 不知道作者会不会写下一篇。
如何一步步有效地学习JavaScript？
照相记忆JS正则表达式
高级 JavaScript：深入理解单向数据绑定
使用 JavaScript 数据绑定实现简单的 MVVM 库
30 分钟的正则表达式入门教程
如何窃听页面DOM变化并高效响应
IntersectionObserverAPI使用教程
有了这个API，就更容易实现图片等东西的延迟加载，性能也更高。
下面的三个链接是知乎上的一些主题。 上述答案的质量各不相同。 可以选择一些高质量的答案来阅读，肯定会有帮助。
作为后端开发者，哪些js代码值得阅读？
JavaScript有哪些技巧和窍门？
使用 JavaScript 可以做哪些有趣的事情？
下面的文章都是我自己的文章。 前两篇文章主要是js中常用的一些小例子。 虽然我觉得它和很多大牌的文章不一样，而且我觉得写得很好，对你有用，所以我就将链接贴在上面，最后一篇文章是一篇让我印象深刻的笔试题。
javascript(es6)
阮一峰es6
可作为es6文档的在线书籍
关于 ES6 你可能不知道的事情 - 基础知识
关于 ES6 你可能不知道的事 - 高级
30分钟掌握ES6/ES2015核心内容
简单粗暴的es6 core介绍
八段代码彻底掌握Promise
ECMAScript6新特性
总结常用的es6新特性
jQuery
jquery源码分析
jQuery 中的 100 个方法（翻译）
看完这篇文章，感觉自己学到的是假jquery，但是很多方法我个人都没有尝试过，所以保留意见。
JQuery 提高性能需要牢记的这几条规则
JQuery坑，说说你踩过的坑
对于新手来说，这篇文章可能也会有帮助
jQuery学习笔记
jquery常用的API总结也不错
jQuery插件开发总结
视图
vue官方网站
Vue2.x的陷阱及总结
你不知道但在Vue中非常实用的黑科技
一个关于vue2.0和1.0区别的栗子实践
从未见过如此简单易懂的Vue教程
vue-API
API 版本 2.3
Vue.js插件开发解读
vue插件编译与实践
从开发到发布的一个过程，例子简单易懂
使用 Vue.js 创建的日历
加薪DAY10》Vue开源项目库总结
图书馆有各种各样，而且质量也参差不齐。 您可以在它们之间进行选择。
Vue.js实用方法（一）（看完第一篇，剩下的不要忘了）
深入vue2.0底层思想——模板渲染
Vue.js——vue-router 60分钟快速入门
Vue2.1.7源码学习
Vue实现原理剖析-如何实现单向绑定mvvm
Vue.js入门（一）--MVVM框架理解
Vue2源码分析-逻辑梳理
Vue快速入门的三个小例子
我自己的文章，用法比较基础，我觉得还不错，所以就贴在这里了。
网络包
下面的一些文章适用于 webpack 1.x 和 2.x。 考虑到现在已经更新到3.x了，阅读时要注意区别。
webpack 英文网站
官方 webpack 文档
Webpack使用优化（基础）
webpack常用功能介绍
开发工具体验：如何将你的Webpack创建效率提高10倍
Webpack大法的CodeSplitting
webpack多页面应用架构系列（一）：一步步解决架构痛点
读完第一篇文章后，不要忘记其余的内容。 这个系列的文章不错。
吞咽
gulp详细入门教程
后端构建工具gulp介绍及使用方法
Gulp 入门手册
反应
我是新来反应的，到目前为止我见过的唯一网站就是这两个
反应中国
React 技术栈系列教程
React 组件规范
git
连猴子都看得懂的GIT介绍
Git教程-廖雪峰官网
浏览器同步
（Browsersync英文网站-省时的浏览器同步测试工具）
节点.js
使用 npm-NodeSource 的绝对初学者指南
Node.js 和 npm 中的 Package.json 基础知识 - NodeSource
配置 .npmrc 以获得最佳 Node.js 环境
降价
了解并开始使用 Markdown
约曼
手把手教你从零开始搭建后端脚手架工具
洛达什
这是一个接口一致、模块化、高性能的JavaScript工具库。
版本4.17.4
提琴手
官方网站
提琴手教程
调试
分享几个日常调试方法，让js调试更轻松
使用 Chrome 调试 JavaScript
如何在 JavaScript 中使用控制台
读完这篇文章和上一篇文章后，您可能会认为您以前从未使用过控制台。
细节、优化
探讨中国联通后台最佳实践
后端优化带来的思考以及后端工程化的探讨
后端优化实践总结
减少后端代码耦合
加载判断表和多张图片。
终端码重复率测量
【组件开发】前端进阶篇：如何编写可维护、可升级的代码
作为网络开发人员，在发布网站之前您需要考虑哪些技术细节？
【单页应用】框架popup层的层级关系应该如何处理？
剥离模板代码以加快网页加载速度
中国联通后端系列-移动页面性能优化
【聊聊系列】聊聊百度联通首页后端速度
其他
socket.io 英文指南 socket.io 英文文档
WebSocket 和 Socket.IO
VR进化| 手把手教你搭建一个通用的WebVR项目
RxJS 入门
deeplearn.js：浏览器端机器智能框架
分享和技能列表
鸡年快乐！ 不断前进的后端周刊（第15期）
后端收藏夹
和之前的文章一样，都是别人总结的。 干货很多，“前端收藏”可能是因为资源太多了。 给我的感觉就是投入资源有点费脑子，只要是资源就投入，少数资源质量有点低，建议大家参考阅读
中国联通网络干货最爱
太棒了
后端庞大资源库，所有资源都在上面
知识库
它有很多语言、框架、库的知识图谱，值得一看！让你了解语言、框架、库所包含的知识点，并对每个知识点进行详细讲解。 还有栗子和文章，比如：javascript知识图谱、html5知识图谱、react知识图谱
后端资源共享
献给大家后端，推荐几篇后端总结文章。 -知乎专栏
前端开发人员面试问题
github 上值得注意的后端项目
关于后端的事情（书籍列表）
FPB2.0：免费计算机编程英语书籍2.0
里面有迷笛大师分享的各种书籍，也有后台的。 您可以从中选择并阅读它们。
腾讯Web工程师后端书籍清单
后端开发指南
版本说明 英语 - 指南
各种开发文档，webpack、vue、sass等。
以下链接不是文章，也不是问题。 都是由segmentfault举办的官方比赛，分享或讨论内容。 看看里面专家的分享和代码一定会有所收获。
1024HackGame第四关的主题“面壁人”是怎么想出来的？
带回所有 SegmentFaults - 代码文章并发送外围设备
官方送书活动第二期——成长坐姿的SF呼唤你谈成长
官方活动，SF邀您共话发展！ 过来分享一下你的开发知识吗？
官方30行js大赛：30行js你能做出什么？
【官方活动】社区1111秀码，让你秀，让你飞！
3. 推荐博客
团队博客
天猫后台团队喂饱
阿里巴巴
百度后端团队
360怪舞团
奇迹舞蹈团视频教程
易迅设计体验部-凸凹实验室
腾讯后端开发中心
腾讯合金团队
腾讯后端IMWEB团队
腾讯后端IMWEB团队-github
腾讯游戏
新浪UED
大后端（你饿了吗）
里面的团队博客值得关注。 博文质量很高，更新也不频繁。 下面还会有更多更新，质量也不错。
Soche 无线团队博客
极乐科技
IMWeb 后端社区
爱后端-知乎专栏
后端杂货店
后端国外期刊评论
后端无忧杂货店
DDFE技术周刊
后端顶部
美联储摘要
丹尼尔博客
六年的痕迹
张新旭
阮一峰
叶小柴
司徒正妹博客
廖雪峰
钩三四
乔科科
chokCoCo-github
4. 推荐书籍
我看的书比较杂，都是后端相关的，推荐的就是下面这本！ 下面的书我都看过了，不同的是，我读完了整本书（有的来回读了好几遍），有的只读了部分（有的只读了几页）！
关于阅读建议，您可以根据自己的需要和兴趣选择阅读以下书籍。 对于一本书来说，不在于读完它，而在于理解书的内容。 有些书值得读几遍！
关于书籍资源，下面推荐的书籍我都是从网上下载的（我看的是电子书）。 为了防止侵权，这里就不放资源链接了！ 您可以订购自己的纸质书或电子书，或者在线查找资源！
《JavaScript中级编程》
Red Book或者Ruby Book）可以作为入门书，但同时也是一本中级书，可以快速吸收基础知识，等提高了再回去再读一遍。
JavaScript 权威手册
Rhino书可以说是js最经典的书了。 对于菜鸟来说读起来可能有点困难，而对于学习js的人来说，则是必读的，不懂的查一下很有帮助。
《数据结构与算法JavaScript描述》
刺猬书。
《编写可维护的 JavaScript》
寄居蟹书。
JavaScriptDOM 编程艺术第二版
《JavaScript语言精髓》
蝴蝶书：一本经典的书，也是一本普及JavaScript开发思维的书。
《JavaScript设计模式》——张荣明
百度员工写的一本书，案例生动易懂，涉及的设计模式也比较齐全。
《JavaScript设计模式与开发实践》——曾晨
腾讯员工写的一本书讲了js上越来越常用的14种设计模式。
《单页Web应用程序JavaScript从后端到前端》
《ECMAScript 6入门》可以作为es6新特性文档的书，而且这本书是开源的，直接阅读即可！ 有需要的也可以购买哦！
《HTML5联通Web开发实践》
《HTML5联通Web开发手册》
《HTML5Canvas核心技术》对于理解canvas的魅力、它的使用、以及动画的实现都有很大的帮助。
《HTML5与CSS3权威手册第三版》——陆令牛其实有一本书同名css3经典书籍推荐，注意作者，书分第二卷和第一卷。 当时读的是第二版，现在第三版已经出了，推荐第三版。
《锐利jquery》我是为了学习jquery而看这本书的。 这本书给同行的印象不是很好，我觉得还不错，但是我学jquery的时候就看过这本书，所以推荐这本书！
“令人惊叹的 Nodejs 将 JavaScript 进行到底”
《CSS探索》读完这本书，我再也不敢说我懂CSS了！ 以上还有很多你想象不到的！
5. 推荐社区
好像我推荐的社区太多了，我注册了账号也只有两三个是活跃的。 其他的社区基本都是我学习的时候偶然遇到的，感觉不错，所以也推荐一下。 至于你想活跃在哪些社区，这取决于你的选择。 如果您有什么好的社区资源不妨推荐一下！
github
我曾经在里面寻找资源。 而且我没有注册账号，后来被老板催着注册，我就去了。 你可以阅读别人的代码并向你学习！
段故障
我目前活跃于一个专注于问答、文章和讲座的社区。 质量也很好！
知道得差不多了
其实它不仅仅是一个IT社区，上面还有很多专家和优质专栏！
堆栈溢出
一个问答社区，基本上各种问题都能得到解答。
w3cplus
一个后端学习网站。 上面的文章质量相当好，尤其是CSS(3)方面的。
后端网络
后端是炖的
一个后端文章分享社区，有很多优秀的文章。
开发者头条
后端周刊
HTML5 梦工厂
毕业和尚
慕课
据说现在很多视频都是收费的。 当我看它们时，它们基本上是免费的。
稀土鹈鹕
汇智网
6、公众号
后端百科
段故障
后端顶部
后端早读课
W3cplus
稀土圈
（以上图片来源于网络）
7.推荐后续项目
github上的项目
视图
反应
我只接触过几次react，用起来还不错，现在还在学习中。
吞咽
网络包
d3
图表
和d3一样，属于数据可视化，体验过。 而且我没有在项目中使用过，觉得功能很强大，所以推荐一下。
元素UI
基于vue2.x开发的组件库通常用于后台管理系统开发。 现在我们公司开发的后台管理就用这个。
缪斯用户界面
也是一个基于vue的组件库，ui特别漂亮。
让我们一起学习 Node.js
AlloyTeam中国联通手势解决方案
前端开发书签
后端各个方面的学习清单。
免费英文编程书籍
英文分享书籍，不仅仅是后端，还有方方面面，大家可以根据需要查看。
动画.css
悬停.css
缪斯用户界面
基于vue2.0的UI库，样式漂亮，类型齐全。
CSS3实现各种3D效果博客
它与下面的三个链接属于同一作者。 这位大牛的作品不错，疗效可观。 虽然星星数量无法与其他推荐单品相比，但还是值得推荐的。
chokcoco/boomJS
chokcoco/magicCss
乔科科/iCSS
梁少峰个人博客
上面的文章质量也不错，有各种类型，js、jquery、vue、react、node.js等。
深度学习
微软发布的，人工智能深度学习的框架，有兴趣的可以看一下，我看了一会儿，没看懂。
下面两个项目是我自己开发的。 它们似乎不像其他项目那么受欢迎，而且也不是那么无法使用或无法出售。 也算是我的小广告吧！ (●'◡'●)
ec-do
封装了日常开发中常用的javascript示例。 例子都是日常开发中常用的小例子，包括字段去重、字段置乱、字母大小写转换、cookie操作封装等。
ec-css
基于css3开发的代码库包括悬停过渡效果、动画效果以及日常使用的预设动画。
其他推荐项目
腾讯css3ui库NEC：更好的CSS样式解决方案
网易的一个css3解决方案，而且好像比较老了，没有维护，可以参考一下上面的案例，一定会有所收获。
8.综合项目教程（学习记录）
使用node.js+socket.io+redis实现基本聊天室场景
后端开发，从草根到英雄（一）
后端开发，从草根到英雄（下二）
我的后端进阶之路
看标题我以为是胡言乱语，其实我以为这是一篇总结文章，大家可以看一下。
为你的中国联通页面找点新创意——移动交互网页项目总结（一）
为你的中国联通页面找点新创意——移动交互网页项目总结（下）
2017年后端开发手册
【实用HTML5与CSS3第1部分】水深浅浅探索，精美导航，华丽图片引爆！ ！
看完别忘了投下一篇，这是叶小柴仿智能社官网实战。
基于Vue2.0的联通终端弹窗（Alert、Confirm、Toast）组件。
发现最好的你——如何在设计中构建最合适的组件
webpack+vue项目实战（1、搭建运行环境及相关配置）
我自己的文章，关于使用vue+webpack开发单页应用以及后台管理系统的开发搭建，这个系列一共五篇文章。
9. 发展会谈
OpenDoc - 后端简历评级标准
您可以参考美团出具的简历评分，将自己的实力与美团的评分进行比较。 其实有兴趣的也可以参加笔试。
后端代码规范和最佳实践
Vue.js 很好，它比 Angular 或 React 更好吗？
谈谈技术选型-Angular2vsVue2
献给后端工程师的中国联通应用选型手册
网站架构——从零开始
像后端架构之类的东西
技术专家培养手册，无鱼汤的成功学习实践
6 个值得学习的 JavaScript 框架
思考更快学习 JS 的 6 个简单方法
程序员如何学习英语
程序员会后悔的 8 条职业建议
小心！程序员应警惕的七个错误职业规划
1024程序员节，给年轻程序员的建议
给新程序员的 10 个技巧
后端框架这么多，我们该去哪里呢？
2017年后端开发工具趋势
现代后端开发技术栈
据说2017年你要写后端？
如何跟上后端开发的最新前沿
后端开发人员必须了解的七张技能图
后端技巧总结（JacksonTian）
另一张后端技能总结图
和里面的链接是一样的，如果你读了，建议你结合参考读一下
如何成长为一名优秀的Web后端开发工程师？
年薪10-12k的后端人员应该具备怎样的技术水平？
作为后端开发者，哪些js代码值得阅读？
Hexo高级教程：教你如何让你的hexo博客在搜索引擎排名第一
有兴趣的话可以看看，很有用。
开源的法律方面
由于国家对版权和许可非常重视，所以本文就来说说代码开源后关于许可的文章。
10.开发你经常接触的网站
MDN-web 技术文档
智图图像压缩在线工具 在线创建webp
多视图图像转换Base64
Momo JS-SDK 文档
馈送二维码
初学者教程
w3c学校
11. 总结
嗯，我从前端看过的博客文章，关注过的大牛和项目，以及项目技术栈的教程基本上都在这里了！ 我分享的并不是最好的、最全的、适合所有人的。 而且都是我见过或者接触过的，至少内容是让我满意的，让我觉得对学习有用，能够帮助到你。 如果大家有什么学习资源可以推荐，也希望大家分享给我，也分享给大家！
另外一个建议就是学习web后端，里面的分享可以起到引导、引导、解惑的作用。 并且，不要忘记多练习，尽管练习是最重要的！ 如果有空闲时间或者假期，也可以做自己感兴趣的项目，用在自己项目的开发中！ 项目不求比别人好，而是能够实践，提高自己的技术水平！
