值不值得学：先把语言特性和底层原理摸透

这份资料围绕原生 JavaScript 与浏览器底层机制展开，解决的是“能写页面但讲不清原理”的尴尬状态。如果你平时用框架能完成业务，可一旦被问到堆栈内存、闭包作用域、渲染流水线或网络层性能优化就卡壳，这批公开课恰好把这些高频考点拆成单点专题来讲。它不是从零教语法的入门课，默认你已经能独立写常规页面、熟悉常见框架的基本用法，只是缺一套把零散知识串成体系、能应对技术深问的梳理过程。转行到前端、想冲中高级岗位的人，拿它当原理补丁比较合适。

建议先看哪几块、怎么配合练习

建议先看堆栈内存与闭包、浏览器渲染原理这两组，它们是后面所有专题的地基；接着看 HTTP 网络层性能优化与图片懒加载底层原理，把“页面为什么慢、怎么调”的链路打通；最后拿手写源码题和面试拷问做自测。练习时不要只看视频，每讲完一个原理点就自己开一个空白项目复现：手写一个 Modal、实现一个并发请求控制器、写一版懒加载，再对照源码找差异。资料里的代码片段只是参照，必须自己敲一遍、断点跟一遍调用栈，才算真正消化。

学完能独立做什么

学完后你应该能脱离现成组件库，用原生 JS 实现轮播、对话框、请求并发控制这类常见交互；能在拿到性能瓶颈时，从网络请求、资源加载、渲染重排这条链路上定位问题并给出优化方案；也能在技术面里把闭包、作用域、事件循环、渲染流程讲清来龙去脉。对在职的前端来说，这是把“会用框架”升级为“能讲清底层”的一步；对转行者而言，它补齐的正是面试中最容易被筛掉的那层原理底子。整体务实，不灌概念，适合边看边练、按需查阅。


01 JS系列公开课 · 02 框架系列公开课 · 03 可视化系列公开课 · 04 字节跳动：大文件上传和断点续传系列课 · 05 从零打造英雄联盟PC官网

课程目录

*   01 JS系列公开课/

  *   01 20210508基于JS打造炫酷的3D轮播图

  *   02 20201219基于JS实现Ajax并发请求的控制

  *   03 20200926高性能开发且不为人知的JS新API

  *   04 20200908彻底掌握面试“必问”的5道“JS手撕源码”题

  *   05 20200905彻底掌握基于HTTP网络层的 “前端性能优化”

  *   06 20200901一晚掌握ES6+中“必问”的面试题

  *   07 20200809拷问你灵魂的前端面试题

  *   08 20200806基于原生JS还原Antd中的Modal对话框

  *   09 20200730图片懒加载及其底层原理

  *   10 详细剖析浏览器渲染原理1

  *   11 详细剖析浏览器渲染原理2

  *   12 详细剖析浏览器渲染原理3

  *   13 全面攻克JS中的堆栈内存及闭包1

  *   14 全面攻克JS中的堆栈内存及闭包2

  *   15 彻底掌握JS中的面向对象编程

  *   16 前端开发中的9种跨域解决方案1

  *   17 前端开发中的9种跨域解决方案2

  *   18 Axios的二次封装和API接口管理规范

  *   19 【2020年初】就业指导和职业规划

  *   20 20200220JS模块化开发（AMDCMD）

  *   21 JS底层核心机制（面试题吊打面试官）

  *   22 前端性能优化CRP

  *   23 20210323让人吐血的4道JS面试题精讲

  *   24 数组常用API及其在“面试&实战&算法”中的应用

  *   25 踩雷几率99%的前端实战类面试题

  *   26 20210227踩雷几率99%的4道前端面试题精讲

*   02 框架系列公开课/

  *   27 20201226精通一线大厂项目中Vue常用的6大自定义指令

  *   28 20201114基于React实战打造简书APP

  *   29 基于Vue+Canvas实现图片的裁切

  *   30 Vue版QQ音乐播放器1

  *   31 Vue版QQ音乐播放器2

  *   32 Vue版QQ音乐播放器3

  *   33 Vue版QQ音乐播放器4

  *   34 Vue版QQ音乐播放器5

  *   35 Vue版知乎日报APP1

  *   36 Vue版知乎日报APP2

  *   37 Vue版阿里钉钉日志APP1

  *   38 Vue版阿里钉钉日志APP2

  *   39 vue-ui组件库一

  *   40 vue-ui组件库二

  *   41 vue-ui组件库三

  *   42 vue-ui组件库四

  *   43 Vue3.0实战训练营_彻底掌握Vue3核心基础知识

  *   44 Vue3.0实战训练营_基于Vue3从零打造简书WebApp

  *   45 Vue3.0实战训练营_基于Vue老虎机

  *   46 简单版弹幕

  *   47 抖音

  *   48 知乎日报1

  *   49 知乎日报2

  *   50 Vue面试

  *   51 记事本公开课

  *   52 vue3日历插件

  *   53 京东购物车

*   03 可视化系列公开课/

  *   54 叠加柱状图

  *   55 canvas柱状图

  *   56 3d看房

  *   57 threejs-粒子波浪图

*   04 字节跳动：大文件上传和断点续传系列课/

  *   01 原始公开课/

    *   58 20200726大文件上传和断点续传

    *   59 20201108玩转JS文件处理及大厂原版实战开发

    *   60 Excel表格上传解析和导出

    *   61 大文件上传-1单文件上传的两大方案

    *   62 大文件上传-2文件切片上传和进度管控

  *   02 详细录制的内部分享课/

    *   64 课程整体介绍和工程结构目录

    *   65 Axios二次封装及前后端通信常用的数据格式

    *   66 上传文件大小或者格式等限制的处理

    *   67 文件上传方案之FormData及一些细节处理

    *   68 文件上传方案之BASE64及服务器端处理1

    *   69 文件上传方案之BASE64及服务器端处理2

    *   70 文件上传缩略图及HASH名字的编译处理

    *   71 文件上传的进度管控处理

    *   72 多文件上传和进度管控处理

    *   73 拖拽上传的实现方案

    *   74 大文件的切片上传和断点续传

*   05 从零打造英雄联盟PC官网/

  *   76 DAY1-CSS和JS的模块化处理以及头部区域结构

  *   77 DAY2-头部样式的编写和基于事件委托实现导航详细信息展示

  *   78 DAY2「补充视频」-头部区域其余样式的处理和鼠标滑过显示详情信息

  *   79 周计划案例

  *   80 vue3.0_今日头条

  *   81 优化1

  *   82 优化2

*   06 VUE3实战训练营「知乎日报」/

  *   84 阐述Vue3和Vue2的区别

  *   85 Vue3中的setup函数处理

  *   86 Vue3中的各种响应式API

  *   87 周期函数以及新版Vuex和VueRouter的应用

  *   88 知乎日报-项目的基本骨架

  *   89 知乎日报-全局样式处理

  *   90 知乎日报-首页头部区域的处理

  *   91 知乎日报-首页轮播图的处理

  *   92 知乎日报-首页新闻列表的处理

  *   93 知乎日报-详情页面的处理

  *   94 知乎日报-登录和登录态的校验

  *   95 知乎日报-登录页面的开发

  *   96 知乎日报-个人中心页面处理

  *   97 知乎日报-收藏功能的管理

*   07 2021面试题训练营/

  *   98 2021面试题训练营1「CSS面试题」

  *   99 2021面试题训练营2「FOR OF循环机制」

  *   100 2021面试题训练营3「JS编程题」

  *   101 2021面试题训练营4「JS编程题」

*   08 2022场景编程面试题/

  *   102 2022最新高频大厂场景编程面试题1

  *   103 2022最新高频大厂场景编程面试题2