皮皮网

1.深入剖析vscode工具函数（三）once函数
2.JavaScript如何实现debugger
3.web前端开发学习_掘金前端课程(小册)推荐
4.为啥南京大学蒋炎岩老师的源码操作系统课那么难?
5.求大神指导，有没有前端学习视频，剖析自己找了好多，源码感觉有点乱，剖析觉得学的源码路线会错

深入剖析vscode工具函数（三）once函数

       深入解析VSCode工具函数：once函数

       once函数在JavaScript编程，特别是剖析51aspx源码网站函数式编程中扮演着重要角色，它解决了在多次调用同一函数时避免冗余计算的源码问题。这种函数只允许执行一次，剖析然后返回结果，源码显著提升性能并保持代码简洁。剖析

       在lodash等现代库中，源码once函数是剖析标准提供，如其源码中，源码通过before函数的剖析封装实现，利用闭包机制来判断函数是源码否已调用过，确保函数的单次执行。在VSCode这样的工具中，once的使用频率非常高，可以观察到许多代码引用。

       在应用时，once函数适用于需要确保函数只运行一次的场景，如缓存结果、避免重复网络请求或执行一次性的初始化操作。然而，使用时需注意原始函数中的this关键字，因为它可能被内部保存的变量替换。不正确的this绑定可能导致意外错误或异常，因此确保this正确绑定至关重要。

       总的来说，once函数为开发人员提供了一种优雅且高效的解决方案，避免了传统方法中繁琐的控制变量，是提高代码可维护性和性能的实用工具。

JavaScript如何实现debugger

       调试代码在开发过程中至关重要，开发者常用chrome devtools或IDE内置的调试工具进行单步或断点调试。但你是否好奇过debugger的运行机制是怎样的？

       debugger的实现依赖于引擎、系统和硬件，计算机操作系统和CPU在设计时就支持了debugger功能，不同语言和平台的debugger实现机制各有不同。要深入了解debugger，首先要知道代码在计算机上是如何运行的。

       对于早期熟练使用命令行的开发者来说，打开应用程序只需键入对应程序可执行文件所在的地址。

       在nodejs开发中执行脚本代码文件，则需要在命令行中键入：

       应用程序可执行文件可以直接打开执行，而脚本代码需要依托node平台编译执行，这就是代码的两种运行方式：直接执行和解释执行。

       CPU提供了一套指令集，基于这套指令集可以控制整个计算机的运行，机器语言的代码就是由这些指令和对应的操作数构成的。这些机器码可以直接在计算机（机器）上运行，也就是直接执行。由它们构成的文件叫做可执行文件。

       不同操作系统可执行文件的格式不同，如windows上是pe（Portable Executable）格式，linux系统上是elf（Excutable Linkable FOrmat）格式，macOS系统上则是家源码mash-o格式。不同的格式规定了不同的内容应该放在文件中的什么位置，但其中真正可执行的部分还是由cpu提供的机器指令构成的机器码。

       编译型语言会经过编译、汇编、链接的阶段，其中编译是把源代码转换成汇编语言构成的中间代码，汇编是把中间代码变成目标代码，链接会把目标代码组合成可执行文件。这个可执行文件是可以在操作系统上直接执行的。因为该可执行文件由cpu的机器指令构成，所以它可以直接控制cpu。

       像javascript、python这类脚本语言就是解释型语言，需要依托解释器来运行。不同于编译型语言依靠生成可执行文件（机器码）在操作系统上直接执行程序，解释型语言有了解释器后不再需要生成机器码就可以在cpu上运行。其原理在于解释器是需要编译成机器码的，cpu知道如何执行解释器，解释器知道如何执行脚本代码（高级语言）。如此一来，脚本语言便依靠cpu的机器码解释执行解释器，再由解释器解释执行上层代码来完成运转。

       chrome V8是最熟知的js解析引擎，它主要由Parse、Ignition解释器（Interpreter）、TurboFan编译器（JIT compiler）构成。大部分代码由解释器解释执行，热点代码会经过JIT编译器编译成机器码直接在OS上执行以提高性能。

       具体过程为：如果函数只是声明没有被调用，则不会被转换为AST，V8不会去编译它。

       如果函数只被调用一次，Ignition会将其编译成字节码直接执行，TurboFan编译器不会进行优化编译。这也容易理解，因为编译器需要Ignition模块收集函数执行时的类型信息，这就需要函数至少被执行1次以上，编译器才能够进行优化编译。

       如果函数被多次调用，那么会被操作系统标记为热点函数，这个时候如果Ignition解释器收集到的信息能够证明可以做优化的话，TurboFan就会将字节码转换成为优化后的机器码交给cpu执行，以提高代码的执行性能，这部分机器码就叫做Optimized Machine Code。

       但是经过TurboFan转换后的机器码也有可能被还原为字节码，比如如果函数在后续执行的过程中类型发生了变化（如fn函数原来执行的是number类型，后来执行被改变成了string类型），那么之前优化后的机器码就不能再正确执行，则会逆向还原为字节码，如上图红色箭头所示。在js中不应随意更改一个变量的类型。

       V8引擎处理js代码的主要流程就是这样。另外，V8中还有一个重要的模块Orinoco，用来负责垃圾回收（GC），hisuite源码将程序中不需要的内存空间回收释放，以减少内存负载提高性能。

       剖析cpu或者操作系统如何实现debugger，涉及到计算机硬件、组成原理以及汇编语言等知识范畴，门槛略高，这里尝试做一些初步的探究。

       CPU指令集规定了cpu可以执行什么指令，每种指令需要提供什么样的操作数，不同类型的cpu会有不同的指令集。指令集会按照执行顺序不间断执行，但是程序在运行过程中不免要处理一些外部消息比如网络请求、异常、io读写操作等，所以cpu设计了中断机制，cpu每执行完一条指令就会去看下中断标记，是否需要触发中断机制。

       INT指令是cpu中用来引发中断过程的指令，中断指令有对应的编号，不同的编号对应不同的处理程序，记录编号和中断处理程序的表叫做中断向量表。其中INT 3（即3号中断）用来触发debugger。

       调试器将INT 3当做软件中断指令来用，当在可执行文件中的某一位置加断点的时候，调试器会把断点处指令编码的第一个字节替换成INT 3指令的编码。当程序执行到INT 3，会向调试器申请系统调用权，此时调试器获得cpu控制权，同时也可以获取相应的环境数据来做调试。

       在需要恢复断点的时候再将被替换掉的指令编码替换回去即可完成。综上，可执行文件的debugger最终依靠的是cpu的中断机制来实现。

       编译型语言因为最终将会转换为机器码在操作系统上执行，所以要利用cpu和OS的中断机制和系统调用来实现debugger。但是解释型语言有自己的解释器（自己实现代码的解释执行），实现debugger也相对简单一些，不需要cpu的3号中断。

       解释型语言通过插入一段代码来实现断点，支持环境数据的查看和代码的执行，当释放断点时解释器能够继续往下执行。

       像js等脚本语言可以通过debugger语句实现断点，但是断住之后如何获取环境数据则需要debugger客户端来实现，常用的debugger客户端有chrome devtools、vscode debugger等等。

       在chrome devtools中，V8引擎会把设置断点、连接请求、获取环境信息以及执行脚本的能力通过socket暴露出来以提供调试协议，要实现debugger，就要遵循并对接引擎的底层协议。

       这份协议中列出了实现debug相关的socket信息以及各请求/响应体的参数类型，非常详尽，我们可以根据所需查看一部分协议内容：

       设置断点请求：

       清除断点请求：

       继续执行代码：

       chrome和nodejs底层都使用了V8引擎，因此除了在chrome devtools上调试js代码之外，也可以直接使用node cli调试。webgl源码

       有多种方式可以连接到nodejs inspector服务器（nodejs调试器），一种是通过node cli，使用 inspect 指令引擎会临时搭建一个websocket服务器用来监听debugging客户端，其调试原理就是遵循了v8的debug protocol。

       另一种方式可以使用chrome提供的专门用来调试nodejs的devtools，前提是需要在devtools中配置好nodejs服务器对应的地址（host）和端口号（port）。

       此外，对于上一节中提到的v8引擎中的Ignition解释器和TurboFan编译器分别对js代码执行了不同的处理（分别转换为字节码和机器码），也可以通过nodejs指令运行查看。

web前端开发学习_掘金前端课程(小册)推荐

       大家好，以下是推荐的前端掘金课程（小册）列表，适合前端初学者及工作几年的开发者，内容详细且由一线大厂员工编写。

1. React 进阶实践指南

       本课程深入讲解 React 基础与高级用法，结合实践示例，帮助您克服技术瓶颈，实现进阶。内容将随 React 版本更新而持续更新，包括 React 系列。

       作者：在一线互联网大厂工作七年，有六年 React 开发经验，通读 React 源码，撰写多篇《React 进阶》系列文章。

       点击进入学习

2. 前端面试之道

       构建全面的前端知识体系，深入探究技术原理，掌握大厂面试中常考知识点。一年磨一剑，精心打造。

       作者：yck，四年前端工程师，经历了从小厂到大厂的面试过程，专注于前端基础设施及架构领域，目前在新加坡某公司任职 Senior Software Engineer。

       点击进入学习

3. 剖析 Vue.js 内部运行机制

       以简单易懂的方式带领读者探索 Vue.js 的世界，通过小 Demo 抽象原理，形成简易版 Vue.js 实现，帮助理解核心概念。

       作者：某外企前端 Leader，前阿里巴巴、滴滴出行和创业团队的前端工程师。

       点击进入学习

4. 前端性能优化原理与实践

       深入理解前端性能优化的原理，将晦涩的知识转化为实践技能，建立个人优化技能库。

       作者：一线电商集团前端工程师，拥有丰富的研发、面试和性能优化经验。

       点击进入学习

5. JavaScript 设计模式核心原理与应用实践

       以易于理解的方式介绍编程“套路”，引导读者深入理解设计模式原理，并在实际场景中应用。

       作者：修言，曾为《前端性能优化原理与实践》小册作者，现为一线电商集团前端工程师。

       点击进入学习

6. 小程序云开发入门到实践

       零基础学习小程序开发和腾讯云云开发知识，实践完成完整小程序项目，适合初学者。361源码

       作者：李东bbsky，腾讯云云开发布道师，致力于普及互联网技术技能。

       点击进入学习

7. Taro 多端开发实现原理与项目实战

       详细解析 Taro 多端开发框架，通过电商核心项目的实战，帮助开发者快速上手多端项目。

       由凹凸实验室的多名开发工程师联合编写，他们来自 Taro 核心开发者、多款小程序的开发者。

       点击进入学习

8. 前端算法与数据结构面试：底层逻辑解读与大厂真题训练

       面向实战的前端算法面试教学，通过接地气的解释和大量图解，构建算法能力体系。

       点击进入学习

9. Web 前端面试指南与高频考题解析

       适合应届毕业生和计划跳槽的前端开发者，提供面试技巧和高频考题解析。

       点击进入学习

. React Hooks 与 Immutable 数据流实战

       以实战为导向，深入探索 React 开发中的设计模式与性能优化策略，打造完整前端工作流。

       点击进入学习

. babel 插件通关秘籍

       深入学习 babel 编译原理，掌握编写任何 babel 插件的技能，包括基础、进阶、实战和简易 babel 实现。

       作者：某一线大厂前端工程师，公众号[神光的编程秘籍]维护者，对编译原理有深入研究。

       点击进入学习

. 大厂 H5 开发实战手册

       由京东凹凸实验室的资深前端工程师编写，提供 H5 开发和 UI 开发的实战技巧，适合应聘大厂 H5 开发或 UI 开发职位的开发者。

       点击进入学习

. TypeScript 全面进阶指南

       深入探讨 TypeScript 的应用，提高代码的健壮性、可读性，提升开发效率和体验。

       作者：阿里巴巴前端开发工程师，热衷于分享和推广 TypeScript 相关知识。

       点击进入学习

. 玩转 CSS 的艺术之美

       深入 CSS 技巧，提供大量骚操作示例，提升审美标准和艺术创作能力。

       作者：资深前端工程师，网易互动娱乐事业群成员，负责前端工程化和架构设计。

       点击进入学习

. 深入浅出 Vite

       系统学习 Vite 构建工具，提升前端工程化能力，全面掌握构建生态和底层原理。

       作者：前端工程化领域专家，曾将 Vite 应用于抖音直播等大型业务，同时也是 Vite Contributor。

       点击进入学习

. TypeScript 类型体操通关秘籍

       掌握 TypeScript 类型体操的六大技巧，成为类型编程高手，涵盖类型系统和实战案例。

       作者：前阿里架构组前端工程师，对前端编译原理有深入研究。

       点击进入学习

. React 实战：设计模式和最佳实践

       深入了解 React 应用设计模式和最佳实践，包括 Suspense 和 Hooks 的应用。

       点击进入学习

. 前端调试通关秘籍

       掌握 VSCode Debugger、Chrome DevTools 和 Charles 等调试工具，提升调试能力。

       点击进入学习

. Webpack5 核心原理与应用实践

       从工程搭建、构建性能优化到 Loader 和 Plugin 开发，深入剖析 Webpack 执行原理。

       作者：字节跳动前端工程师，重度帝王蟹爱好者，对前端工程化有深入研究。

       点击进入学习

. WebGL 入门与实践

       介绍 WebGL 和 CSS 3D 开发技巧，演示 3D 数学库在 Web 开发中的作用。

       点击进入学习

. Vue3 企业级项目实战

       围绕 Vue3、Element Plus 和 Spring Boot 开展的完整企业级项目开发实战。

       点击进入学习

. 基于 Vite 的组件库工程化实战

       探索 Vite 在组件库工程化中的应用，提升项目开发效率。

       点击进入学习

. 从前端到全栈

       通过 Node.js 从前端角度体验全栈开发，涵盖工具脚本、HTTP 服务、工程化和跨平台开发。

       点击进入学习

. NestJS 项目实战

       学习使用 NestJS 构建高效、可扩展的 NodeJS 服务端应用。

       点击进入学习

. Vue 商城项目开发实战

       完成一个完整 Vue 商城项目的开发，包含技术讲解和实战。

       点击进入学习

. 基于Node的DevOps实战

       通过实践项目深入 DevOps 工程，包括开发、测试、构建和部署。

       点击进入学习

. 区块链开发入门：从0到1构建基于以太坊智能合约的ICO DApp

       为前端开发者提供区块链开发基础，通过 DApp 实战掌握区块链技术。

       点击进入学习

. Uniapp从入门到进阶

       全面讲解跨平台应用开发，包含 Uniapp 常用知识点、基础 API、前端交互、组件封装、后端 Nodejs 开发、前后端联调和优化部署。

       点击进入学习

. 现代 Web 布局

       基于 Web 开发需求，探索现代布局技术，适应不同设备和场景。

       点击进入学习

. 深入剖析 Node.js 底层原理

       从源码角度解读 Node.js 设计，实现简易 JS 运行时，提升 Node.js 技能。

       点击进入学习

为啥南京大学蒋炎岩老师的操作系统课那么难?

       为何南京大学蒋炎岩老师的操作系统课程如此引人入胜？

       遇见蒋炎岩老师，那真是一种学习上的福分。他不仅在课堂上采用B站直播和OBS录屏直播，还将屏幕完美地同步到投影仪，仿佛置身于他的操作系统世界。他的教学方式独特，亲力亲为，无论是Linux的日常操作，还是shell编程如fish，IDE如VSCode，甚至是vim的熟练运用，都让你见识到一个技术热情高涨的教师风采。他甚至利用chatgpt开发了课堂提问工具，直播互动中，弹幕姬更是一个技术驱动的终端命令行程序。

       蒋老师的个人网站上，你可以找到精心准备的PPT讲义，如那一节名为“Linux 世界中的应用程序 (从零开始构建 ‘最小’ Linux)”的课程，内容丰富，涵盖了minix操作系统构建、Linux发展历程、内核概念、qemu与实战演示，甚至包括Linux源码深度剖析。他的讲解深入浅出，将抽象理论与实际操作紧密结合，仿佛带你走进了操作系统知识的宝库。

       尽管你可能会觉得课程内容看似天马行空，难以理解，但请记住，这正是蒋老师课程的独特魅力所在。对操作系统不感兴趣或是基础知识不足的学生可能会感到困惑，但对那些寻求更广阔视野的高年级学生或重学者来说，这是一次知识的盛宴，能让他们将理论与实践无缝对接。操作系统是计算机科学的瑰宝，深入其中的确需要时间和耐心，但蒋老师的课程正是以这种深度和广度，帮助你建立起坚实的理论基础。

       对于初次接触这门课程的学生来说，可能会觉得压力山大，课程内容密集。但请相信，这正是成长的必经之路。当你在未来的某个时刻，因并行编程的问题或系统锁的困扰而挣扎，你会感激曾经有这样一个老师，用短短的几十分钟，清晰地解析问题的来龙去脉。蒋炎岩老师的课程，因其深度和实用性，赢得了学生的口碑，是真正值得珍视的学习资源。

       总的来说，尽管初学者可能会在学习操作系统时遇到挑战，但蒋炎岩老师的课程正是那种能让你在日后受益匪浅的挑战。不妨暂时放下压力，先领略其精要，等你对操作系统有了更深的理解，再回头去细细品味，你会发现，那是一场知识的探险，而蒋老师的课程，就是你通往操作系统世界的指南针。

求大神指导，有没有前端学习视频，自己找了好多，感觉有点乱，觉得学的路线会错

            1.首先零基础学习前端先要有一个计划，了解前端要学习哪些技术。

       2.做好自己的时间规划，如何快速入门前端那肯定是需要不断的提高自己的学习效率，学习过程中尽量把手机调至静音给自己一个安静的学习环境和氛围。

       3.快速入门顾名思义肯定是少走弯路，在学习过程中看下自己身边有没有前端这方面的大神尽量多问，多交流，如果是没有的话，可以多去找一些前端的交流群，学习肯定是不能闭门造车。

       学习是一个循序渐进的过程，前端的学习也是如此。

       不论前端开发还是后端开发的学习都要求我们多动手，既要反复的看书，也把学习到的知识点第一时间去实践。前端的学习入门快要三个月，慢的要 5-6 个月左右，看个人的理解速度来评估，只要入门了不论理解能力，还是学习的速度都会有明显的提升。

       在学习前端的过程中，除了要把学到的知识点第一时间去实践，也要在学习的每个阶段自己创建课题，用所学到的知识去实现课题的内容。这样可以更好有助于理解和累计一定的项目经验。

       前端的学习从来不是孤军奋战，需要一个前辈的领路，也需要一个平台不断交流和思维碰撞。这样可以快速入门和少走弯路，也能让自己发现问题的根本所在。

       阶段一

       在学习前端之前呢，你需要一个编辑器，在网上你可以看到很多编辑器用来编写前端，甚至 Windows 系统默认的文本文档也可以作为前端代码的编辑器。俗话说，没有金刚钻怎么揽瓷器活，所以一个好的编辑器很重要，我在这里推荐给大家的编辑器是 VSCode。

       思维导图

       前端开发工具

       一、HTML+CSS

       前端的入门门槛是极低的，主要体现在 HTML 和 CSS 部分，运行环境就是浏览器，不像如 Java 需要配置开发/运行环境。

       HTML 和 CSS 不是编程语言，HTML 是结构标签，CSS 是结构标签的样式配置。

       HTML

       属性

       事件

       标签

       字符集

       CSS

       CSS基础教程

       CSS样式

       CSS框模型

       CSS定位

       CSS选择器

       CSS高级

       思维导图

       HTML+CSS以上内容的学习用时 天左右，再花 2 天的时间项目实践，这部分总花费时间在 天左右。

       二、HTML5+CSS3

       HTML5 作为 HTML 的最新版本，引入了多项新技术，大大增强了对于应用的支持能力，使得Web技术不再局限于呈现网页内容。

       HTML5 可以使开发者的工作大大简化，理论上单次开发就可以在不同平台借助浏览器运行，降低开发的成本，这也是产业界普遍认为 HTML5 技术的主要优点之一。

       CSS3使用了层叠样式表技术，可以对网页布局、字体、颜色、背景灯效果做出控制。css3作为css的进阶版，拆分和增加了盒子模型、列表模块、语言模块 、背景边框 、文字特效 、多栏布局等等。

       CSS3的改变有很多，增加了文字特效，丰富了下划线样式，加入了圈重点的功能。在边框方面，有了更多的灵活性，可以更加轻松地操控渐变效果和动态效果等等。在文字效果方面，特意增加了投影。

       CSS3在兼容上做了很大的功夫，并且网络浏览器也还将继续支持CSS2，因此原来的代码不需要做太多的改变，只会变得更加地轻松。

       HTML5

       HTML5视频

       HTML5音频

       HTML5拖放

       HTML5画布

       HTML5 SVG

       HTML5地理定位

       HTML5 Web存储

       HTML5 应用缓存

       HTML5表单

       CSS3

       CSS3边框

       CSS3背景

       CSS3文本效果

       CSS3字体

       CSS3 2D转换

       CSS3 3D 转换

       CSS3 过渡

       CSS3 动画

       CSS3 多列

       思维导图

       HTML5+CSS以上内容用时  天左右，这部分内容是在 HTML+CSS 做的升级改进，只需要了解他们的一些特性即可，再结合这些特性做一些小项目加深学习。

       请点击输入描述

       四、JavaScript

       JavaScript 是 web 开发者必学的三种语言之一，这里我们需要区别 JavaScript 和 Java 他们是完全不同的语言，不论是概念还是设计。javascript 部分需要我们学习的知识点如下所示：

       认识JavaScript

       基本语法

       变量

       数据类型

       字符串

       数字

       布尔

       数组

       对象

       Null

       Undefined

       5. 函数

       内置函数

       自定义哈数

       6. 运算符

       7. 流程控制

       8. DOM对象

       String

       Array

       Date

       Boolean

       Math

       Number

       9. BOM对象

       WIndow

       Navigator

       Screen

       History

       Location

       . 综合实例

       思维导图

       javascript以上内容的学习用时 天 左右，这里推荐几本 Javascript 的书籍，如下：

       《JavaScript 高级程序设计（第3版）》，俗称红宝书。前七章讲的是语言特性，是重点学习的部分，必须需要反复阅读，直至完全理解为止。DOM、事件流、表单、JSON、Ajax 与最后几章也需要重点学习，这是一些常用的 Web API。至于本书的其余部分大致读一下就可以，不做重点要求。

       《JavaScript 语言精粹》，俗称蝴蝶书。很薄的一本书总页数就 页，花一天时间就能看完，快的话半天就能看完。这本书虽然很薄，但是承载的内容却非常的丰厚和深入。JavaScript是一门有很多坑的语言，所以这本书”取其精华，去其糟粕“就是精粹了。

       《你不知道的 JS》非常精彩的一本书，将 JavaScript 的细节一网打尽。

       阶段二

       这部分内容是对 JavaScript 的补充学习

       四、 Jquery学习

       1. 基础语法

       2. 选择器

       基本选择器

       层次选择器

       过滤选择器

       表单选择器

       3. DOM操作

       查找节点

       创建节点

       插入节点

       删除节点

       复制节点

       替换节点

       包裹节点

       属性操作

       样式操作

       4. 事件

       事件绑定

       事件冒泡

       5. 动画

       show、hide

       fadeIn、fadeOut

       slideUp、slideDown

       自定义动画animate

       动画回调以及停止动画

       6. 常用工具

       浏览器及特性检测

       数组和对象操作

       Layer UI，主要学习栅格布局，图标，动画，按钮，表单，导航，选项卡，进度条，面板，表格，时间线等

       7. Ajax

       8. Jquery插件编写

       思维导图

       请点击输入描述

       二、其他

       JavaScript 进阶

       DOM+BOM综合演练

       网页特效

       ES6 进阶

       bootstrap

       animate.css学习

       请点击输入描述

       以上内容的学习用时 天左右

       阶段三

       这部分是框架和前后端交互技术的学习

       一、Vue

       Vue基础

       模版语法

       计算属性侦听器

       Class与Style绑定

       条件/列表渲染

       事件处理

       表单输入绑定

       组件基础、注册

       Prop

       自定义事件

       2. Vuex

       State

       Getter

       Mutation

       Action

       Module

       3. Vue-router

       认识路由

       动态路由

       嵌套路由

       编程式导航

       路由组件传参

       4. axios

       认识axios

       全局配置

       发送POST、GET请求等

       思维导图

       请点击输入描述

       二、React

       认识React

       React元素渲染

       JSX

       组件

       State

       Props

       事件处理

       条件渲染

       列表

       组件API

       组件声明周期

       思维导图

       三、Node

       基础

       console（控制台）

       crypto（加密）

       debugger（调试器）

       fs（文件系统）

       http（网络）

       os（操作系统）

       path（路径）

       2. 高级

       NPM介绍及使用

       MVC模式简介

       Express框架学习

       链接Mysql

       链接Redis

       项目实战

       思维导图

Node

       四、webpack

       概念

       主要讲什么是入口，出口，loader，插件等

       2. 入口

       单个入口语法

       对象语法

       常见场景

       3. 输出

       用法

       多个入口起点

       高级进阶

       4. 模式

       development

       production

       5. loader

       实例

       配置

       6. 插件

       剖析

       用法

       配置

       7. 配置

       基本配置

       多个Target

       使用其他语言配置

       8. 模块

       思维导图

webpack

       以上内容用时 两个月 左右

       阶段四（扩展部分，了解即可）

       一、Mysql

       阶段一

       认识mysql

       安装mysql

       创建数据库、数据表

       学习常用的SQL命令，完成增删查改

       2. 阶段二

       学习Mysql关联查询，子查询等

       学习Mysql常用函数

       学习Mysql分组、分页、排序等

       3. 阶段三

       学习Mysql高级查询

       了解存储过程，自定义函数等

       了解Mysql配置文件

       二、Redis

       认识Redis

       学习redis的数据类型

       redis常用操作

       redis事务

       思维导图

数据库

       以上内容用时 7 天左右

       阶段五

       一、项目管理篇

       SVN使用

       认识svn

       安装

       生命周期

       启动模式

       创建版本库

       检出操作

       解决冲突

       提交操作

       版本回退

       查看历史

       分支

       标签

       2. GIT使用

       认识git

       安装配置

       工作流程

       工作区、暂存区和版本库

       创建仓库

       基本操作

       分支管理

       查看历史等

       标签

       github

       二、扩展部分

       小程序

       1. 了解小程序开发流程

       2. 视图容器

       view

       scroll-view

       movable-view

       cover-view

       cover-image

       3. 基础内容

       icon

       text

       rich-text

       progress

       4. 表单组件

       button

       checkbox

       form

       input

       label

       picker

       picker-view

       radio

       slider

       switch

       textarea

       5. 导航

       navigator

       function-page-navigator

       6. 媒体组件

       audio

       image

       video

       camera

       live-player

       live-pusher

       7. 地图（map）

       8. 画布（canvas）

       9. 开放能力

       open-data

       web-view

       ad

       official-account

       apicloud（移动app开发）

       认识apicloud

       开发工具讲解

       端API

       API对象

       设备访问

       功能扩展

       界面布局

       导航菜单

       小程序模块

       云服务对接

       4. 云API

       数据云API

       统计云API

       推送云API

       云API SDK

       5. 小程序模块使用

       三、常用框架使用篇

       iview （vue框架）

       element ui （vue框架）

       echarts (百度图标库)

       阿里巴巴开源图标使用

       Sass学习

       Swiper学习

       zoom.js 学习

       四、综合项目实战

       教务管理系统（node+express+mysql）实现

       思维导图

扩展学习部分       参考资料：

前端学习路线，如何学习前端