最近这段时间梳理了高级前端知识架构,发布在GitHub上,欢迎star

https://github.com/liuyongliang/Advanced-Frontend

异步

异步编程

  • 《深入理解 JavaScript 异步系列》

    • JS 是单线程的语言。运行的js ,可能会有大量的网络请求,而一个网络资源啥时候返回,这个时间是不可预估的。这种情况会出现等待卡顿。JS 对于这种场景就设计了异步 ———— 即,发起一个网络请求,就先不管这边了,先干其他事儿,网络请求啥时候返回结果,到时候再说。这样就能保证一个网页的流程运行
  • 《javascript 异步编程的5种方式》

async/await

Promise

服务器端渲染SSR

SSR指南

SSR框架

函数式编程

函数式编程

代码质量

代码规范

JavaScript

TypeScript

性能优化

调试工具

H5优化

缓存

压缩

内存

渲染

资源加载

监控

异常捕获

页面性能监控

埋点

用户行为

设计模式

概念

单体模式

  • 《JavaScript设计模式——单体模式》
    • 单体模式(Singleton Pattern)的思想在于保证一个特定类仅有一个实例,即不管使用这个类创建多少个新对象,都会得到与第一次创建的对象完全相同。

工厂模式

工程化

构建工具

webpack

脚手架

前端标准/实践

前端标准

骨架屏

前端算法

递归

冒泡

动态规划

二分查找

链表和数组

浏览器

自动化

网络

OSI七层协议

DNS解析

协议

TCP

  • 《TCP详解》
    • 概念
      • 面向连接、可靠的基于字节流的传输协议。
      • 将应用层的的数据分割成报文段并发送给目标节点的 TCP 层
      • 每个数据包都有相对应的序号,对方收到后就发送 ACK 确认,未收到就重传
      • 使用校验和来检测传输过程中是否出现错误
  • 《你管这破玩意儿叫TCP?》

UDP

测试

单元测试

自动化测试

  • 《前端自动化测试浅析》

  • 《前端自动化测试探索》

    • 测试是完善的研发体系中不可或缺的一环。前端同样需要测试,你的css改动可能导致页面错位、js改动可能导致功能不正常。由于前端偏向GUI软件的特殊性,尽管测试领域工具层出不穷,在前端的自动化测试上面却实施并不广泛,很多人依旧以手工测试为主

可视化

d3

  • 《D3 源代码解构》
    • D3是一个数据可视化的javascript库,相对于highchart和echarts专注图表可视化的库,D3更适合做大数据处理的可视化,它只提供基础的可视化功能,灵活而丰富的接口让我们能开发出各式各样的图表。

three.js

NodeJS

原理

V8引擎

移动web开发

Hybrid

Flutter

安全

抓包/代理

监控技术

机器学习

TensorFlow

客户端开发

electron

nw.js

chrome插件

  • 《Chrome插件开发指南》
    • Chrome插件是一个用Web技术开发、用来增强浏览器功能的软件。它其实就是一个由HTML、CSS、JS、图片等资源组成的一个.crx后缀的压缩包

源码分析

vue源码

react源码

TypeScript

JavaScript

项目管理

项目管理

前端发展趋势

前端发展趋势

面试

面试

社区/会议

社区/会议

02-18 18:12