这门课解决什么问题
很多写过几年页面的开发者都会遇到同一个瓶颈：能熟练切图、套框架，但遇到复杂交互或性能瓶颈时就开始发虚。这门前端高级课针对的正是这种“能写但写不精”的状态。它不教基础标签和语法，而是把重点放在 JavaScript 进阶、单页应用架构、移动端开发以及 Node 服务上。如果你平时做业务时总觉得代码越堆越乱、状态难追踪、组件难复用，这里的函数式编程和源码分析部分能帮你理清思路，让你从“会用框架”过渡到“理解框架怎么运作”。它解决的是中高级前端开发中常见的工程化、架构设计和全栈协作问题。
适合什么基础与建议先看的模块
这门课不适合零基础转行的人，默认你已经能独立写出常见的页面交互，对 CSS 布局和基础 JavaScript 有一定手感。如果你刚学完入门课，建议先补齐基础再看。拿到资料后，建议先看开篇的源码学习技巧和体系梳理，这部分能帮你建立全局视角。接着重点啃 JavaScript 进阶和函数式编程那几章，尤其是 Underscore 源码分析，它讲得很细，从整体结构到迭代器设计都有涉及。看的时候别只听讲解，把里面的 map、reduce 和真值检测函数自己实现一遍，对比源码找差距，这样吸收最快。移动端和 Node 部分可以放在后面，结合实际项目需求再看。
学完能独立做什么与资料配合方式
完整跟下来后，你应该能独立承担中大型前端项目的架构设计，包括搭建单页应用、处理移动端适配与打包、用 Node 写简单的服务端接口。不再是只会照着文档抄代码的状态，而是能根据业务选型、写可维护的组件库。资料配合上，建议边看边在本地建一个练习仓库，每学完一个概念就写个小 demo 验证。比如看完函数式编程章节，试着用纯函数重构自己以前写过的烂代码；学完移动端部分，动手做个简单的混合应用。不要只停留在看视频，手敲和对比源码才是把高级课吃透的关键，否则很容易看完就忘，等于白学。
01 模块一 JavaScript进阶攻略 · 02 模块二 单页应用开发专题 · 03 模块三移动端App开发 · 04 Node开发工程师 · 05 商业化
课程目录
* 01 模块一 JavaScript进阶攻略/
* 第一章课程导学/
* 1.CSS Reset
* 1.前端高级课程体系梳理
* 2.居中布局
* 2.高效源码学习技巧
* 3.Javascript基础拾遗
* 3.多列布局
* 4.开班典礼
* 第三章函数式编程Underscore源码分析/
* 3.1.1 函数式编程思想概述
* 3.1.2 underscore整体结构 & 面向对象
* 3.1.3 undefined的处理 - 函数式编程(回调)iteratee设计
* 3.1.4 rest参数 - underscore创建对象方式
* 3.2.1 map-reduce 真值检测函数
* 3.2.2 indexof lastindexof条件查询-背后索引查询器实现
* 3.2.3 乱序数组 - 洗牌算法
* 3.3.1 underscore数组定位 & 摊平数组
* 3.3.2 数组运算uniq去重函数 原生对象扩展
* 3.4.1 偏函数(partial) - 缓存(memoize)使用场景源码分析
* 【答疑直播】3.1.1-3.1.4答疑直播
* 第二章设计模式-jQuery源码分析/
* 2.1.1 jQuery整体架构-核心功能函数揭秘
* 2.2.1 选择器
* 2.3.1 Callbacks入门&原理分析
* 2.4.1 延时对象-Deferred概念 & 源码剖析
* 2.5.1 事件绑定-bind_delegate_on
* 2.5.2 事件绑定-体系结构_委托设计
* 2.5.3 事件绑定-自定义设计 & 模拟事件
* 2.6.1 dom操作核心与方法
* 2.6.2 dom操作核心 & css - addclass原理分析
* 2.7.1 动画队列 - 动画设计 - 动画实现
* 【直播答疑】设计模式 jquery源码分析章节答疑
* 【答疑直播】 2.1.1-2.3.1 答疑解惑
* 【答疑直播】 2.4.1-2.5.3 答疑解惑
* 第四章模块化编程 自研模块加载器/
* 4.1.1 模块系统概述-自定义模块规范- 书写约定
* 4.1.2 加载器结构设计 导论
* 4.2.1 module构造器设计 模块数据初始化
* 4.2.2 模块资源定位- 异步加载
* 4.2.3 依赖解析- 依赖管理处理方案
* 4.2.4 模块(路径)短名称配置解决方案
* 【直播答疑】模块化编程 自研模块加载器章节答疑
* 02 模块二 单页应用开发专题/
* 第一章组件化开发 Vue专题/
* 1.1.1 vue思想
* 1.1.2 vue内部运行机制
* 1.1.3 vue事件绑定
* 1.1.4 watch和computed
* 1.1.5 vue生命周期
* 1.1.6 vue组件及通讯
* 1.1.7 vue内置动画
* 1.1.8 插槽
* 1.1.9 自定义指令
* 1.2.1 vue-cli搭建项目与项目结构分析
* 1.2.2 路由搭建、vue-router常用操作
* 1.2.3 vuex的使用与常用操作
* 1.2.4 axios的使用
* 1.3.1 vue生命周期钩子函数执行原理分析
* 1.3.2 vue响应式系统搭建
* 1.3.3 vue 模板编译渲染函数原理分析
* 1.4.1 vue在网易的实践（一）
* 1.4.2 vue在网易的实践（二）
* 1.4.3 vue在网易的实践（三）
* 1.4.4 vue在网易的实践（四）
* 【新补充直播】vue课程补充直播1
* 【补充直播】vue课程补充直播1_可略过
* 【补充直播】vue课程补充直播2
* 【补充直播】vue课程补充直播3
* 第三章.现代前端工程实践方案 解锁webpack/
* 3.1.0 webpack导学
* 3.1.1 webpack的概念与安装
* 3.1.2 前端模块化
* 3.1.3 webpack的核心概念
* 3.1.4 用webpack开始一次打包
* 3.1.5 javascript的编译
* 3.1.6 css的编译
* 3.1.7 html文件的打包
* 3.1.8 webpack的环境
* 3.2.1 webpack-dev-server的使用
* 3.2.2 webpack原理解析
* 3.2.3 图片等资源的处理
* 3.2.4 代码分割 & 3.2.5 js代码大小控制
* 3.2.6 webpack打包速度优化
* 3.3.1 网易的webpack工程化实践
* 第二章组件化开发React专题/
* 2.1.1 react介绍与react代码规范
* 2.1.2 虚拟dom和jsx
* 2.1.3 生命周期与数据操作
* 2.1.4 组件通信-第1部分
* 2.1.4 组件通信-第2部分
* 2.1.5 reactdom与表单
* 2.1.6 react与es6
* 2.1.7 自定义组件-第1部分
* 2.1.7 自定义组件-第2部分
* 2.1.7 自定义组件-第3部分
* 2.2.1 高阶组件
* 2.2.2 react hooks
* 2.2.3 react 与 typescript-第1部分
* 2.2.3 react与typescript-第2部分
* 2.2.4 数据管理(redux)-第1部分
* 2.2.4 数据管理(redux)-第2部分
* 2.2.5 数据管理(mobx)
* 2.2.6 常用组件库ant-design
* 2.3.1 路由(react-router)原理-第1部分
* 2.3.1 路由(react-router)原理-第2部分
* 2.3.2 react动画-第1部分
* 2.3.2 react动画-第2部分
* 2.3.3 可视化-第1部分
* 2.3.3 可视化-第2部分
* 2.3.4 企业级框架umi + dva
* 2.3.5 工程化与webpack-第1部分
* 2.3.5 工程化与webpack-第2部分
* 2.3.6 单元测试
* 2.5.1 react在网易的实践
* 【思考题讲解&直播答疑】react基础
* 03 模块三移动端App开发/
* 03. 微信小程序/
* 【超高清】3.1.1创建微信小程序项目.vep
* 【超高清】3.1.2小程序工具及项目结构.vep
* 【超高清】3.1.3配置文件.vep
* 【超高清】3.1.4数据绑定.vep
* 【超高清】3.1.5数据渲染.vep
* 【超高清】3.1.6.WSX语法.vep
* 【超高清】3.1.7事件绑定.vep
* 【超高清】3.1.8微信小程序生命周期和运行机制.vep
* 【超高清】3.2.1小程序页面路由及页面数据传递.vep
* 【超高清】3.2.2小程序基础组件介绍.vep
* 【超高清】3.2.3-自定义组件及数据传递.vep
* 【超高清】3.3.1轻松部署小程序后端.vep
* 【超高清】3.3.2微信小程序权限相关.vep
* 【超高清】3.3.3微信支付接入.vep
* 【超高清】3.3.4微信小程序第三方平台开发简介.avi
* 第一章H5移动端开发/
* 1.1.1 html5简介
* 1.1.2 html5的新特性
* 1.1.3 选择器-history-拖放
* 1.1.4 跨文档消息通信
* 1.1.5 地理信息 本地存储 离线存储
* 1.1.6 音频与视频
* 1.1.7 canvas
* 1.2.1 弹性盒子模型 & 1.2.2 移动端事件
* 1.2.3 transform详解 & 1.2.4 移动自定义滑动区域
* 1.2.5 陀螺仪操作 & 1.2.6 多指操作与兼容
* 1.2.7 上滑下载 & 1.2.8 响应式布局
* 1.2.9 滑屏组件：better-scroll
* 网易的h5实践
* 第二章移动UI框架Flutter/
* 2.1.1 flutter概述及开发环境
* 2.1.2 dart基础语法概要
* 2.1.3 dart基础语法进阶
* 2.2.1 常用基础控件 - materialapp - scaffold - image - text
* 2.2.2 常用布局控件 - column - row - container - fittedbox
* 2.2.3 自定义view及动画处理
* 2.2.4-事件处理
* 2.2.5-单线程与并发
* 2.2.6-网络请求与json解析
* 2.2.7-数据持久化
* 2.2.8-原生交互处理
* 04 Node开发工程师/
* 1.1.1ES6快速入门
* 1.1.2Node.js原理基础API搭建静态服务器
* 1.1.3Linux快速上手玩转典型应用
* 1.1.5Nginx 反向代理 静态资源服务
* 1.1.6redis的入门与应用
* 1.1.7MongoDB入门与应用
* 1.1.8MySQL入门与应用
* 1.1.9通用协议
* 1.2.1异步IO实现现状
* 1.2.2异步编程的优势与难点
* 1.2.3ES6 异步编程解决方案
* 2.1.1-Koa整体结构
* 2.2.1-Koa类构造函数设计
* 2.2.2-1-请求处理流程解读（上）
* 2.2.2-2-请求处理流程解读（下）
* 2.2.3-中间件机制剖析
* 2.3.1-异常捕获和错误处理
* 3.1.1-Egg vs Koa
* 3.1.2-基础概念
* 3.1.3-基础功能（一）
* 3.1.4-基础功能（二）
* 3.1.4-基础功能（二）补充实操
* 3.2.1 插件运用
* 3.2.2 egg应用实践
* 3.2.3 本地开发
* 4.1.1自动化构建与持续集成
* 4.1.2单元测试概述
* 4.1.3单元测试实战与答疑
* 4.1.4单元测试小结
* 05 商业化项目分享/
* LOOK直播-企业级全栈web应用搭建分享-0522
* 网易云音乐案例分享-修剪版
* 课件源码/
* isomorphic-dev.zip
* use-table.zip
* 网易资料.zip
