Fork me on GitHub
秋染蒹葭

一个合格前端er的技能树

前端涉及到知识点整理

css/css3

涉及到canvas,svg等知识
说说标准——CSS中非常重要的可视化格式模型
CSS 值的解析
编写模块化CSS:BEM
个人总结(css3新特性)

Js/ES6/TypeSctipt

source
一枚学霸的赴日经历
微信面试官不讲武德,一上来就问我Chrome原理和HTTP协议

相关博客

九部知识库
互联网公司技术架构,微信/淘宝/微博/腾讯/阿里/美团点评/百度/Google/Facebook/Amazon/eBay的架构,欢迎PR补充
(articles-translator)一个前端相关的博客,翻译一些文章
前端精读周刊dt-fe/weekly
冴羽写博客的地方,预计写四个系列:JavaScript深入系列、JavaScript专题系列、ES6系列、React系列
饿了么大前端Node interview of ElemeFE
梁少峰的个人博客,js浏览器兼容,v8等很多内容
Aaaaaaaty/blog,里面的很多细节不错,很深入(0.1+0.2问题)
amandakelake/blog·参与过前端图谱
野生的一个前端大佬·360·博文·前端·后端
https://github.com/jawil/blog
camsong/blog(阿里)
前端工程师手册

趁你还年轻的博客

前端路由简介以及vue-router实现原理
JavaScript 算法与数据结构·很全
how-javascript-works·语言引擎,运行时和调用栈概述·如何在 V8 引擎中书写最优代码的 5 条小技巧·网页消息推送通知机制
chenhongdong·发布订阅模式,在工作中它的能量超乎你的想象·不好意思!耽误你的十分钟,让MVVM原理还给你
Vue.js源码学习
markyun/My-blog·马云云·高赞

rccoder/blog·react·js基础·一般
pengliheng/pengliheng.github.io·一般·技术栈比较乱

汤姆大叔的博客·深入理解JavaScript系列

TalkingData/fsd 浏览器相关较多
wy-ei/notebook浏览器相关以及优化

qq449245884/xiaozhi侧重于react、vue、react native 与底层原理分析

2019 - 写在一起学习群的未公开文章

内存

JavaScript 内存机制(前端同学进阶必备)

难点

ECMAScript 6 入门(阮一峰)
深度解析原型中的各个难点
JavaScript变量的生命周期:为什么let不被提升
[译] ES2018(ES9)的新特性

深入理解JavaScript系列-汤姆大叔的博客
js深入系列目录/专题系列目录
深度解析原型中的各个难点
抱歉,学会 Proxy 真的可以为所欲为

[译] 一些ES6的小技巧

[译] JavaScript 是如何工作的:Web 推送通知的机制

编码风格

JavaScript编码风格指南

zepto

读 Zepto 源码,分析 Zepto 源码

babel

入门babel–实现一个es6的class转换器
babel插件入门-AST
babel-polyfill使用与性能优化

BOM与DOM相关api

JavaScript操作DOM常用的API

js中的奇怪问题

JavaScript 赌运气的四舍五入

算法与数据结构

十大经典排序算法
算法/数据结构/Python/剑指offer/机器学习/leetcode
《算法 (第4版)》、牛课堂、《剑指Offer》
LeetCode算法题典
算法学习笔记
八大基础排序总结

数据结构与算法系列_目录

TCP/http/TSL/SSL/

面试时如何优雅的谈论HTTP/1.0/1.1/2.0
科普扫盲,HTTP Status Code详解,从此排错无忧!

jwt

理解JWT的使用场景和优劣

http

Node HTTP/2 Server Push 从了解到放弃
Http协议

https

分分钟让你理解HTTPS

图解SSL/TLS协议
Node.js 部署免费/自动续订 HTTPS
从 HTTP 到 HTTPS

数据库知识

sql/mongo
开工献礼 技术胖21集原创MongoDB基础视频教程
HTML5 indexedDB 前端本地存储数据库实例教程
彻底捋一捋缓存(三)——数据存储:cookie、Storage、indexedDB

函数式编程

翻译连载 | JavaScript 轻量级函数式编程-第2章:函数基础 |《你不知道的JS》姊妹篇

性能优化

优化网站设计系列文章总结和导读(雅虎35条)
前端优化系列 - JS混淆引入性能天坑
2018 前端性能检查表
「前端那些事儿」② 极限性能优化
web前端性能优化
网站性能优化实战——从12.67s到1.06s的故事
前端性能优化相关

浏览器的渲染机制

从输入URL到页面加载的过程?如何由一道题完善自己的前端知识体系!
从输入 URL 到页面加载完成的过程中都发生了什么事情?
浏览器和Node不同的事件循环(Event Loop)
从浏览器多进程到JS单线程,JS运行机制最全面的一次梳理
这一次,彻底弄懂 JavaScript 执行机制
V8 内存浅析
关于WeakMap的一个问题
GC,垃圾回收机制,强弱引用的应用,nodejs,浏览器进行内存分析的方式
浏览器渲染流水线解析

从浏览器多进程到JS单线程,JS运行机制最全面的一次梳理
【朴灵评注】JavaScript 运行机制详解:再谈Event Loop
Event Loop 必知必会(六道题)

浏览器工作原理(10篇)
Chrome 渲染优化 - 层模型

“浏览器工作原理:现代网络浏览器幕后揭秘”文章分析
浏览器的工作原理:新式网络浏览器幕后揭秘

现代浏览器的工作原理

js垃圾回收

javascript 垃圾回收算法了解一下

图形相关/canvas/webgl/three.js

canvas

用canvas画一个进度盘
[]

网络安全

xss/csrf
加密算法,aes,rsa等,这些合https也有结合
Web安全的三个攻防姿势
前端安全之XSS攻击
Web安全之点击劫持(ClickJacking)
令人惊叹的CSS漏洞攻击 Firefox 和 Chrome 中枪
利用css攻击
前端安全系列(二):如何防止CSRF攻击?

MVVM框架的使用、原理及源码阅读

50行代码的MVVM,感受闭包的艺术
Airbnb: React Native 从选择到放弃

优秀框架与开源项目

2018年最值得关注的30个Vue开源项目
『收藏』VUE优秀UI组件库合集
Vue + Koa 搭建 ACM OJ
原生JS实现一个无缝轮播图插件(支持vue)
vue-easytablevue table 组件,支持 单元格合并、单元格编辑、多表头固定、多列固定、列拖动、排序、自定义列、条件过滤、分页
2018年你应该知道的 15个 JavaScript 实用程序库
67 个拯救前端开发者的工具、库和资源

domDIFF

浅入浅出图解domDIff

vue的难点

为什么使用v-for时必须添加唯一的key?
vue-cli脚手架中webpack配置基础文件详解
前端路由简介以及vue-router实现原理

理论基础

深入浅出 - vue变化侦测原理
Vue 模板编译原理
深度剖析:如何实现一个 Virtual DOM 算法
面试题:你能写一个Vue的双向数据绑定吗?
Vue.js 2.0源码解析之前端渲染篇
浅入浅出图解domDIff
vue中需要注意的问题总结(上)
Vue 2.0学习笔记:Vue的render函数
你不知道的Vuejs - 深入浅出响应式系统

源码学习

Vue2.1.7源码学习
阅读vue.js源码可以从哪几方面入手?
Vue.js 作者尤大知乎 live 笔记
Vue.js 2.0源码解析之前端渲染篇
Vue.js 源码学习笔记
React中jsx模板语法的具体实现
大白话Vue源码系列目录
vue源码学习系列
Vue 源码解析:深入响应式原理

走进Vue-cli源码,自己动手搭建前端脚手架工具
Vue nextTick 机制
解读Vue源码-系列
【Vue源码】Vue中DOM的异步更新策略以及nextTick机制
【大型干货】手拉手带你过一遍vue部分源码
【大型干货】来看看vue对template做了什么
当面试官问你Vue响应式原理,你可以这么回答他
深入理解Vue的computed实现原理及其实现方式

vue项目

全栈开发实战:用Vue2+Koa1开发完整的前后端项目
Vue页面骨架屏

react

React.js 小书
一统江湖的大前端React.js-从开发者到工程师

测试

Hybrid 混合开发

极致的 Hybrid 混合式开发

前端工程化自动化

webpack的使用,webpack4.0升级指南
gulp的插件与任务的编写
实战笔记:Jenkins打造强大的前端自动化工作流
前端流程自动化(很全,但是估计操作性不强)
为什么我们的代码难以维护

领域驱动开发

前端开发-领域驱动设计

webpack

webpack4-用之初体验,一起敲它十一遍
Webpack 常见静态资源处理 - 模块加载器(Loaders)+ExtractTextPlugin插件
手把手教你撸一个简易的 webpack
这可能是vue-cli最全的解析了……

计算机原理相关

字符集与字符编码

学点编码知识又不会死:Unicode的流言终结者和编码大揭秘
常见几种校验方法(CS和校验、CRC16、CRC32、BCC异或校验)
字符编码常识及问题解析

23种设计模式

JavaScript 中常见设计模式整理
设计模式(三):观察者模式与发布/订阅模式区别

PWA应用及其他相关技术

pwa

第一本 PWA 中文书
百度在 PWA 方面的探索与最佳实践
PWA介绍及快速上手搭建一个PWA应用
PWA介绍及快速上手搭建一个PWA应用
饿了么的 PWA 升级实践
PWA 在饿了么的实践经验
Service Worker 全面进阶
pwa-collection
改造你的网站,变身 PWA
迁移Hexo博客到Google渐进式Web应用(PWA)
PWA 入门: 写个非常简单的 PWA 页面

PWA笔记(各种相关点不详细,但是启发性强)
【PWA学习与实践】(3) 让你的WebApp离线可用

快应用

快应用入门,看这篇就够了

黑科技

jhipster
用flow.js提升前端健壮性
JSBox: 一个创造工具的工具

JSBox

如何实现一个乞丐版JSBox (一) 引擎篇

Taro

多端统一开发框架 - Taro
Taro 学习笔记

mpvue

基于 Vue.js 的小程序开发框架,从底层支持 Vue.js 语法和构建工具体系

合集

前端知识集锦
前端面试考点多?看这几篇文章就够了
3月前端知识集锦
前端进阶系列-目录
送给前端的你,推荐几篇前端汇总文章。

思考

前端反思录(一)-技术就是核心竞争力

优秀博客

Jartto()
WEB开发积累

参考资料

本文标题:一个合格前端er的技能树

文章作者:zhyjor

发布时间:2018年03月15日 - 14:03

最后更新:2023年10月11日 - 02:10

原始链接:https://zhyjor.github.io/2018/03/15/一个合格前端er的技能树/

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。

🐶 您的支持将鼓励我继续创作 🐶

热评文章