特地对前端进修资本做一个汇总,随意马虎本身进修查阅参考,和挚友们共同进步。
本认为本身珍藏的站点多,能够很快搞定,没想到一入汇总深似海。另有许多不足&脱漏的处所,迎接补充。有毛病的处所,还请指正…
托管: welcome to git,迎接交换,谢谢star
有挚友反应和指正,会实时更新,日常平凡营业事情时也会不定期更新在…2018-09-13
https://xiaohuazheng.github.i…
内容精简
资本这么多,多看看多进修再总结肯定是好的。多读读就算注重了不算浪费时间,毕竟一千个读者就有一千个林黛玉,另有温故而知新,说不定多读一些内容,就发明欣喜了呢。不过,在此也精简一些内容,就1~2项,只供参考。更多内容细看分类。
- 知乎:顺序员应当怎样注重身体健康?
- js:JavaScript 范例参考教程
- js:JavaScript 隐秘花圃
- Es6:ECMAScript 6入门
- Es6:深入浅出ES6
- css:CSS 参考手册
- html:HTML超文本标记言语
- jquery:从零开始进修jQuery
- jquery:前端开辟者都应晓得的 jQuery 小妙技
- 挪动Web:腾讯挪动Web前端学问库
- 挪动Web:挪动web学问材料集-白树
- 小顺序:微信小顺序开辟资本汇总…
- Git:Git教程 – 廖雪峰
- Git:设置Git疾速敕令
- React:React入门教程
- Angular: Angular.js 的一些进修资本
- underscore:underscore.js 手册
- vue:vue.js API 中文
- RegExp:RegExp对象 – 阮一峰
- Node:Node.js 包教不包会
- Express:Express 4.x API 中文手册
- Koa:Koa 框架进修
- 前端:Front-End-Develop-Guide 前端开辟指南
- 模块化:JavaSript模块范例 – AMD范例与CMD范例引见
- 范例化:经由历程剖析github代码库总结出来的工程师代码誊写习气
- 工程化:前端工程——基础篇
- 博客:淘宝前端团队
- 博客:Tencent AlloyTeam
- 博客:FEX 百度WEB前端研发部
- 东西:sublime-text & 材料齐聚
- 东西:chrome 开辟者东西的 15 个小妙技
- 优化:挪动H5前端机能优化指南
- 口试:前端开辟口试题
前端资本教程类
种种教程会有许多,我也精简的遴选了一些。挑选一两个适宜的就好了。有时间多看看多比比也是极好的。
JavaScript
- Javascript教程-小白的零基础JavaScript全栈教程-瘳雪峰
- JavaScript 范例参考教程
- You-Dont-Know-JS — 不发起初学者检察
- You-Dont-Know-JS — 翻译版
- 从新引见 JavaScript(JS 教程)
- 前端入门教程
- 前端开辟者手册
- JavaScript进修总结-trigkit4
- 温故js系列-对学问点举行回忆知新
- JS函数式编程指南
- JavaScript Promise迷你书(中文版)
- 通晓JavaScript开辟-智能社
- JavaScript隐秘花圃
- JavaScript 资本大全中文版
- JavaScript闯关记 – 编辑中
- JavaScript演习网站收集
- 一致复兴《怎样学JavaScript?》
- runjs – js在线编辑进修
- 经常运用的Javascript设想形式
- 45个有用的JavaScript妙技、秘诀和最好实践
- 给JavaScript初学者的24条最好实践
- 编写疾速、高效的JavaScript代码
- Ajax学问系统
- javascript功用插件大集合
- Moment.js
- Moment.js 中文网
- TypeScript 2.1 新特征一览
- JS Tips – A JS tip per day!
ES6
HTML5
- HTML5与CSS3威望指南(书本)
- html:HTML超文本标记言语
- 译谷歌 HTML/CSS 范例
- HTML5菜鸟教程
- 《每周一点canvas动画》
- 玩转html5<canvas>绘图
- HTML5+NodeJs完成WebSocket即时通讯
CSS3
- CSS 语法参考
- CSS 参考手册
- 腾讯css3动画制造东西
- Bootstrap 中文网
- css3 js 挪动大杂烩
- Animate.css
- Sass guide
- Sass中文文档
- less
- 谈谈一些风趣的CSS题目系列
- CSS居中:完整指南(译)
- 营业代码中可用的css小妙技
- You Don’t Know CSS(一)
- You Don’t Know CSS(二)
jQuery
挪动WEB
- 腾讯挪动Web前端学问库
- 支付宝-无线Web开辟履历谈
- 挪动web学问材料集-白树
- 挪动端进修 – mobileTech
- 挪动前端的一些坑和解决要领(表面表现)
- hotcss 挪动端规划最终解决方案 – 让挪动端规划开辟越发随意马虎
- zepto
- jqmobile 手册
- swiper中文网
- iscroll
- 挪动开辟大杂烩
- 特征的HTML框架能够建立优美的iOS运用-框架
微信小顺序
Git
React
- React 教程
- Redux-saga 中文文档
- react.js 官方文档
- reactnative
- React 入门实例教程 – 阮一峰
- React Native 中文版
- 深入浅出React(一):React的设想哲学 – 简朴之美
- 一看就懂的ReactJs入门教程(英华版)
- React china 中文社区
- 深入浅出React(系列)
- React 设想头脑
- dva- 基于 redux、redux-saga 和 react-router@2.x 的轻量级前端框架
- Ant Design of React
- tween-one 动效组件
Angularjs
- Angular.js 的一些进修资本
- 关于 AngularJS 框架的运用有哪些履历值得分享?
- 有jQuery背景,该怎样用AngularJS编程头脑
- AngularJS 源码剖析
- AngularJS 中文社区
- AngularJS 入门教程 图灵社区
函数东西
vue.js
- vuejs 英文官网
- vuejs 中文官网
- vue.js API 中文
- vue.js 中文社区
- vuejs-github-官方堆栈
- Element,一套为开辟者、设想师和产物司理预备的基于 Vue 2.0 的组件库
- vue最新实战 gank客户端(vue2 + vue-router2 + vuex +webpack+ es6)新手福利,干货多多
- Welcome to the Vue Forum!
- iView – 一套基于 Vue.js 的高质量 UI 组件库,主要服务于 PC 界面的中背景产物
- vue 机能优化
- Vue 2.0 构建单页运用最好实战
- Vue 2.0源码进修
- Mint UI 运用文档
正则表达式
NodeJs
- 深入浅出NodeJs(引荐书本)
- Node.js 包教不包会
- 七天学会NodeJS
- NodeJs进修笔记
- NodeJs-阮一峰
- Node.js 终究是什么?
- NodeJs的代码调试和机能调优
- Express 框架进修
- Express 4.x API 中文手册
- Koa 框架进修
- Koa 手册
- ejs Embedded JavaScript Template
简朴算法
前端综合
- Front-End-Develop-Guide 前端开辟指南
- 前端学问系统
- 前端学问结构
- 前端开辟的汗青和趋向
- 前端工程师必备的PS妙技——切图篇
- 连系个人经历总结的前端入门要领
- w3help
- 相应式规划指南
- 关于前端开辟谈谈单元测试
前端模块化开辟类
- JavaSript模块范例 – AMD范例与CMD范例引见
- Javascript模块化编程(一):模块的写法 阮一峰
- Javascript模块化编程(二):AMD范例 阮一峰
- Javascript模块化编程(三):require.js的用法 阮一峰
- RequireJS入门(一)Snandy
- RequireJS入门(二)Snandy
- RequireJS入门(三)Snandy
- RequireJS进阶(一)Snandy
- RequireJS进阶(二)Snandy
- RequireJS进阶(二)Snandy
- RequireJS 入门指南
- Seajs 供应简朴、极致的模块化开辟体验
前端开辟范例类
- 经由历程剖析github代码库总结出来的工程师代码誊写习气
- HTML&CSS编码范例 by @mdo
- Javascript编码范例-Max Yu
- CSS编码范例-Max Yu
- 前端编码范例之JavaScript-小胡子哥
- 前端编码范例之css-小胡子哥
- 前端开辟范例手册
- 前端代码范例 及 最好实践
- 百度前端范例
- 网易前端范例
前端工程化类
工程化的东西都不是相对的,挑选适宜的运用,项目多了,说不定你都用上了也不一定。反正在我身旁我晓得的项目中,差别项目用着差别东西,基础都包含了。
- 前端工程——基础篇
- Gulp中文网
- Gulp官网
- Gulp:使命自动管理东西 – 阮一峰
- Gulp 入门指南
- Gulp入门教程
- Grunt中文网
- Grunt官网
- fis 前端东西框架
- fis 文档
- Webpack
- Webpack 中文指南
- Webpack傻瓜式指南(一)
- Webpack傻瓜指南(二)开辟和布置妙技
- 入门Webpack,看这篇就够了
- Webpack 2 入门教程
前端开源Git类
- Facebook Projects
- Baidu FEX team
- nzakas
- chrome开辟团队成员
- 玉伯 -支付宝前端Leader
- 豆瓣前端Leader
- JacksonTian 朴灵
- 伯乐在线
- 淘宝UED北京团队
- 外洋TJ大神
- substack
- 支付宝前端玉人沉鱼~
- fengmk2
- github上值得关注的前端项目 – 404
前端着名博客类
SF内有许多高手,能够前往排行榜看看。。。
- 淘宝前端团队
- Tencent AlloyTeam 2016
- FEX 百度WEB前端研发部
- EFE 百度EFE(Excellent FrontEnd)手艺系统
- qunaer UED
- Ruby-China
- CNodeJs
- i5ting狼叔
- 伯乐在线
- 博客园
- 大漠
- 朴灵
- justjavac – 迷渡
- 阮一峰的收集日志
- 三生石上-专注于前端(JavaScript、jQuery、ExtJS)
- 司徒正美-Ruby’s Louvre
- 张鑫旭 – CSSCSSCSS
- Snandy
前端开辟东西类
- sublime-text & 材料齐聚
- SublimeText-疾速键大全
- Gif多图:我经常运用的 16 个 Sublime Text 疾速键
- sublime Text3 经常运用疾速键 – mac版
- AngularJS最理想开辟东西WebStorm
- Fiddler调式深入研讨(一)
- Fiddler实战深入研讨(二)
- 挪动web调式利器—Rosin研讨
- 挪动开辟中Fiddler的那些事儿
- 微信内挪动前端开辟抓包调试东西fiddler运用教程
- Google Chrome 官方
- Chrome开辟者东西不完整指南(一、基础功用篇)
- Chrome开辟者东西不完整指南(二、进阶篇)
- Chrome开辟者东西不完整指南(三、机能篇)
- Chrome开辟者东西不完整指南(四、机能进阶篇)
- Chrome开辟者东西不完整指南(五、挪动篇)
- chrome开辟东西疾速键
- Chrome 开辟东西 Workspace 运用
- chrome 开辟者东西的 15 个小妙技
- 天啦噜!本来Chrome自带的开辟者东西还能这么用!
- 神器——Chrome开辟者东西(一)
- 运用Chrome开辟东西调试Canvas
- WEB调试东西—Firebug-慕课网
- Firefox 开辟东西 WebIDE
- Firebug入门指南 – 阮一峰
- Firebug控制台详解 – 阮一峰
- 挪动端前端开辟调试
- 屌爆了,圆满调试 微信webview(x5)
- 微信调试的那些事
- 在线二维码图片生成器
- Smart PNG and JPEG compression在线图片紧缩
- easyicon 图标下载
- Icon Hover Effects
前端机能优化类
- Javascript高机能动画与页面衬着
- 挪动H5前端机能优化指南
- 给网页设想师和前端开辟者看的前端机能优化
- 转一篇Yahoo关于网站机能优化的文章,兼谈本站要做的优化
- Yahoo!团队实践分享:网站机能优化的34条黄金守则(一)—内容
- 网站机能优化指南:什么使我们的网站变慢?
- 分享网页加载速率优化的一些妙技
- 【高机能前端1】高机能HTML –
- 【高机能前端2】高机能CSS
- 前端工程精炼(一):静态资本版本更新与缓存
- 前端工程精炼(二):静态资本管理与模板框架
- 让网站提速的最好前端实践
- 阿里无线前端机能优化指南 (Pt.1 加载期优化)
- pagespeed – 检测网页机能及优化发起
前端口试类
口试题能够供我们进修补漏,但口试题一直有一种应对口试的觉得。请置信口试官能随意马虎的看出你的斤两,控制基础和提拔手艺才是最主要的。这些口试题也是极好的。