前端思维导图

前端思维导图
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 的异步语法比浏览器更复杂

靳肖健
参考 1
25
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
插入排序
每步将一个待排序的记录,按其关键码值的大小插入前面已经排序的文件中适当位置上,直到全部插入完为止(稳定)

靳肖健
11
冒泡排序
它重复地走访过要排序的元素列,依次比较两个相邻的元素,如果他们的顺序(如从大到小/首字母从A到Z)错误就把他们交换过来;走访元素的工作是重复地进行直到没有
相邻元素需要交换,也就是说该元素列已经排序完成(稳定)

10
js异步处理
在浏览器端,耗时很长的操作都应该异步执行

靳肖健
9
canvas
HTML5 元素用于图形的绘制,通过脚本 (通常是JavaScript)来完成. 标签只是图形容器,您必须使用脚本来绘制图形. 你可以通过多种方法使用
canvas 绘制路径,盒/圆/字符以及添加图像.

靳肖健
8
Grid
网格布局(Grid)是最强大的 CSS 布局方案;Flex 布局是轴线布局,只能指定"项目"针对轴线的位置,可以看作是一维布局;Grid 布局则是将容器划分成"行"和"列",产生单
元格,然后指定"项目所在"的单元格,可以看作是二维布局

7
web 开发框架
koa2与express 提供的API大致相同,express是大而全,内置了大多数的中间件,更让人省心,koa2不绑定任何的框架,干净简洁,小而精,更容易实现定制化,扩展性
好.express是没有提供ctx来提供上下流服务,需要更多的手动处理,express本身是不支持洋葱模型的数据流入流出能力的,需要引入其他的插件.

6
JWT
JSON Web Token(JWT)是目前最流行的跨域认证解决方案

靳肖健
5
RESTful API
RESTful 是目前最流行的 API 设计规范,用于 Web 数据接口的设计

4
proxy
Proxy 用于修改某些操作的默认行为,等同于在语言层面做出修改,所以属于一种“元编程”(meta programming),即对编程语言进行编程;Proxy 实际上重载
(overload)了点运算符,即用自己的定义覆盖了语言的原始定义;Proxy 这个词的原意是代理,用在这里表示由它来“代理”某些操作,可以译为“代理器”;

靳肖健
3
常见网络攻击
常见网络攻击:XSS攻击全称跨站脚本攻击是一种在web应用中的计算机安全漏洞,它允许恶意web用户将代码植入到提供给其它用户使用的页面中.CSRF站请求伪造是
一种对网站的恶意利用.CSRF通过伪装成受信任用户的请求来利用受信任的网站.CSRF攻击往往不大流行(因此对其进行防范的资源也相当稀少)和难以防范,所以被认为比
XSS更具危险性

2
deno
Node 之父 Ryan Dahl 发布新的开源项目 deno,从官方介绍来看,可以认为它是下一代 Node,使用 Go 语言代替 C++ 重新编写跨平台底层内核驱动,上层仍然使用 V8
引擎,最终提供一个安全的 TypeScript 运行时

靳肖健
1
PWA
PWA(Progressive web apps)运用现代的 Web API 以及传统的渐进式增强策略来创建跨平台 Web 应用程序

靳肖健