前端思维导图

前端思维导图

42 npm模块安装机制npm 是 Node 的模块管理器,功能极其强大;它是 Node 获得成功的重要原因之一;正因为有了npm,我们只要一行命令,就能安装别人写好的模块

参考 1参考 2

41 js检测数据类型

Javascript 有两种数据类型,分别是基本数据类型(6种)和引用数据类型

参考 1

40 SPA

靳肖健

单页面应用39 sass

世界上最成熟、最稳定、最强大的专业级CSS扩展语言!

参考 1参考 2

38 使用键的集合对象

Map/Set/WeakMap/WeakSet 均为js标准内置对象;用于储存特别结构数据这些集合对象在存储数据时会使用到键,支持按照插入顺序来迭代元素

靳肖健

参考 1参考 2 37 前端优先遍历

JavaScript深度优先遍历和广度优先遍历

参考 1参考 2

36 NUXT

Nuxt.js 是一个基于 Vue.js 的通用应用框架;他预设了利用 Vue.js 开发服务端渲染的应用所需要的各种配置

参考 1参考 2

35 vuex

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式;它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化靳肖健

参考 1

34 严格模式

es5的严格模式是采用具有限制性JavaScript变体的一种方式

参考 1

33 模型与视图

设计模式是对在某种环境中反复出现的问题以及解决该问题的方案的描述;mv*设计模式被独特的发展起来用于映射传统的输入、处理和输出功能在一个逻辑的图形化用户界面的结构中

32 es6常用特性

es6标准于2015年6月正式发布了;它的目标,是使js可以用来编写复杂的大型应用程序,成为企业级开发语言

31 package 每个项目的根目录下面,一般都有一个package.json文件,定义了这个项目所需要的各种模块,以及项目的配置信息（比如名称、版本、许可证等元数据）

参考 1

30 代码设计模式

并不是所有设计模式都是适合 JavaScript 的,我们需要注意一些比较常见的设计模式,比如工厂模式/单例模式/发布-订阅模式

29 this

this完全取决于函数调用的地方,而不是它被声明的地方

靳肖健

28 闭包

当函数可以记住并访问所在的词法作用域时,就产生了闭包,即使函数是在当前词法作用域之外执行

27 高阶函数

高阶函数就是输入参数里有函数,或者输出是函数的函数

26 Node 异步

JavaScript 是单线程运行,异步操作特别重要;Node 的异步语法比浏览器更复杂

靳肖健

参考 125 flex

Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性

参考 1

24 Web Worker

Web Worker 的作用,就是为 JavaScript 创造多线程环境,允许主线程创建 Worker 线程,将一些任务分配给后者运行

参考 1

23 http

超文本传输协议是应用层上的一种B/S模型的通信协议,它由请求和响应构成,且是无状态的靳肖健

参考 1参考 2

22 Node

Node是JavaScript语言的服务器运行环境,首先JavaScript语言通过Node在服务器运行,其次Node提供大量工具库

参考 1

21 前端性能监控

性能很重要,开发迭代过程中难免会有所忽视,性能会伴随产品的迭代而有所衰减;我们需要一套性能监控系统持续监控/评估/预警页面性能状况/发现瓶颈,指导优化工作的进行

参考 1

20 正则表达式

正则表达式(regular expression)描述了一种字符串匹配的模式(pattern),可以用来检查一个串是否含有某种子串/将匹配的子串替换或者从某个串中取出符合某个条件的子串等

19 浏览器储存

浏览器存储常用的有cookie/localStorage/sessionStorage

18 数据结构

数据结构是计算机存储/组织数据的方式;数据结构是指相互之间存在一种或多种特定关系的数据元素的集合;通常情况下,精心选择的数据结构可以带来更高的运行或者存储效率;数据结构往往同高效的检索算法和索引技术有关

17 堆排序

堆排序(Heapsort)是指利用堆这种数据结构一种排序算法

16 模块方案

网页越来越像桌面程序,需要一个团队分工协作/进度管理/单元测试等等;Javascript模块化编程,理想情况下,开发者只需要实现核心的业务逻辑,其他都可以加载别人已经写好的模块

15 typescript

TypeScript 是微软2012年推出的一种编程语言,属于 JavaScript 的超集,可以编译为 JavaScript 执行; 它的最大特点就是支持强类型

14 webpack

webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler);当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle

13 选择排序

第一次从待排序的数据元素中选出最小(或最大)的一个元素,存放在序列的起始位置,然后再从剩余的未排序元素中寻找到最小(大)元素,然后放到已排序的序列的末尾;以此类推,直到全部待排序的数据元素的个数为零(不稳定)

12 插入排序

每步将一个待排序的记录,按其关键码值的大小插入前面已经排序的文件中适当位置上,直到全部插入完为止(稳定)