一. CSS
css布局
彻底搞懂CSS层叠上下文、层叠等级、层叠顺序、z-index
BFC
学习 BFC (Block Formatting Context)
flex
移动端
css3综合
css3动画优化
综合
二. JavaScript
JavaScript基础 冴羽大佬的二个系列垫定我的js基础 建议大家看完下面两个系列 在看其他
JavaScript 深入系列共计 15 篇已经正式完结,这是一个旨在帮助大家,其实也是帮助自己捋顺 JavaScript 底层知识的系列。重点讲解了如原型、作用域、执行上下文、变量对象、this、闭包、按值传递、call、apply、bind、new、继承等 JS 语言中的比较难懂的概念。
JavaScript 专题系列共计 20 篇,主要研究日常开发中一些功能点的实现,比如防抖、节流、去重、类型判断、拷贝、最值、扁平、柯里、递归、乱序、排序等,特点是研(chao)究(xi) underscore 和 jQuery 的实现方式。
关于ES6的知识点
面试综合
中高级前端大厂面试秘籍,为你保驾护航金三银四,直通大厂(上)
(中篇)中高级前端大厂面试秘籍,寒冬中为您保驾护航,直通大厂
(下篇)中高级前端大厂面试秘籍,寒冬中为您保驾护航,直通大厂
【1 月最新】前端 100 问:能搞懂 80% 的请把简历给我
霖呆呆的近期面试128题汇总(含超详细答案) | 掘金技术征文
闭包
原型
this、apply、call、bind相关问题
深拷贝
js执行机制
JavaScript:彻底理解同步、异步和事件循环(Event Loop)
dom
dom里各种尺寸区别(offsetWidth,scrollWidth,clientWidth,innerWidth....)
跨域
常见工具函数手写(节流,防抖,扁平,柯里化...)
正则
es6综合
promise
promise实现原理:手把手教你实现一个完整的 Promise
Generator,async/await相关
阮一峰:Generator,async,Thunk,co 系列
三. 框架: vue
30 道 Vue 面试题,内含详细讲解(涵盖入门到精通,自测 Vue 掌握程度)
四.框架: React
学习
面试
五. 性能优化
六.服务端与网络
Node
Nginx
HTTP协议
浏览器
浏览器重绘(repaint)重排(reflow)与优化[浏览器机制]
前端安全
八.数据结构与算法
九.其他
14期-连肝7个晚上,总结了计算机网络的知识点!(共66条)
吃透 Vue 项目开发实践|16个方面深入前端工程化开发技巧《上》
十.资源推荐
这里引用了ConardLi大佬的 一名【合格】前端工程师的自检清单 当中的部分然后进行添加总结
语言基础🎅
-
[📚]
JavaScript
高级程序设计(必看):book.douban.com/subject/105… -
[📚]高性能
JavaScript
:book.douban.com/subject/536… -
现代
JavaScript
教程:zh.javascript.info/ -
阮一峰的
ECMAScript 6
教程:es6.ruanyifeng.com/ -
ECMAScript 6
标准:www.ecma-international.org/ecma-262/6.… -
HTML meta
标签总结与属性使用介绍:segmentfault.com/a/119000000… -
CSS
编码指导:github.com/chadluo/CSS…
计算机基础
-
大前端开发者需要了解的基础编译原理和语言知识:fullstack.blog/2017/06/24/…
-
图解
HTTP
:book.douban.com/subject/258… -
[📚]
JavaScript
设计模式与开发实践:book.douban.com/subject/263… -
正则表达式30分钟入门教程:link.juejin.im/?target=htt…
数据结构和算法
-
数据结构与算法之美:time.geekbang.org/column/intr…
-
用动画的形式呈现解
LeetCode
题目的思路:github.com/MisterBooo/… -
JavaScript
数据结构和算法:github.com/ConardLi/aw… -
30-seconds-of-code
(里面有很多js
代码非常巧妙,我正在将它翻译成中文):github.com/ConardLi/30…
运行环境
-
《重学前端》中的浏览器原理章节:time.geekbang.org/column/arti…
-
图解浏览器的基本工作原理:zhuanlan.zhihu.com/p/47407398
-
七天学会
NodeJS
:github.com/nqdeng/7-da… -
Node.js
模块加载与运行原理:efe.baidu.com/blog/nodejs…
框架和类库
-
TypeScript Handbook
:zhongsp.gitbooks.io/typescript-… -
React.js
小书:huziketang.mangojuice.top/books/react… -
React
深入系列:juejin.im/post/684490… -
Webpack React
小书:fakefish.github.io/react-webpa… -
Vue.js
技术揭秘:github.com/ustbhuangyi… -
Vuex
-在Vue
中管理状态:sabe.io/tutorials/g… -
你需要
Mobx
还是Redux
?:juejin.im/post/684490… -
Underscore
源码分析:yoyoyohamapi.gitbooks.io/undersercor… -
微信小程序开发资源汇总:github.com/justjavac/a…
-
腾讯移动
Web
前端知识库:github.com/AlloyTeam/M…
前端工程
-
一口(很长的)气了解
babel
:zhuanlan.zhihu.com/p/43249121 -
Webpack
傻瓜式指南:zhuanlan.zhihu.com/p/20367175 -
Webpack
原理:segmentfault.com/a/119000001… -
廖雪峰的
git
教程:www.liaoxuefeng.com/wiki/001373… -
前端开发者必备的
Nginx
知识:juejin.im/post/684490… -
使用Jenkins进行持续集成:www.liaoxuefeng.com/article/001…
项目和业务
-
常见六大
Web
安全攻防解析:github.com/ljianshu/Bl… -
深入理解前端性能监控:juejin.im/post/1#head…
-
[📚]高性能网站建设指南:book.douban.com/subject/313…
-
新人如何快速融入技术实力强的前端团队:juejin.im/post/684490…
学习提升
-
印记中文(各种中文开发文档):www.docschina.org/
-
前端学习方法:github.com/helloqingfe…
-
如何在工作内外获得持续的技术成长:juejin.im/post/684490…
-
优秀的前端博客汇总:github.com/foru17/fron…
另外推荐我一直在关注的几位大佬的个人博客:
-
冴羽的博客:github.com/mqyqingfeng…
-
左耳朵耗子:coolshell.cn/
技术之外
-
互联网术语大全:www.jianshu.com/p/9a7ca206c…
-
互联网沟通、问答、学习的艺术:zhuanlan.zhihu.com/p/41431775
-
经常加班至深夜,怎样才能保持身体健康:www.zhihu.com/question/21…
其实在这个信息发达的时代最不缺的就是资源,如何从众多的资源中获取到真正精华的部分,是非常重要的,资源在于精不在于多,强烈建议在保证深度的情况下再保证广度。