个人笔记

前端工程化指的是：在企业级的前端项目开发中，把前端开发所需的工具、技术、流程、经验等进行规范化、标准化 企业中Vue项目和React项目，都是基于工程化的方式进行开发的 好处：前端开发自成体系，有一套

Express 简介 官方给出的概念：Express 是基于 Node.js 平台，快速、开放、极简的 Web 开发框架 通俗的理解：Express 的作用和 Node.js 内置的 http 模块类

初识 Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. fs 文件系统模块 fs 模块是

基本的Linux命令 cd 改变目录 cd.. 回退到上一个目录，直接cd进入默认目录 pwd 显示当前所在的目录路径 ls(ll) 都是列出当前目录中的所有文件，只不过ll(两个ll)列出的内容更为

HTTP协议简介 HTTP协议即超文本传送协议（HyperText Transfer Protocol），它规定了客户端与服务器之间进行网页内容传输时，所必须遵守的传输格式 客户端要以HTTP协议要求

同源策略和跨域 同源 如果两个页面的协议、域名和端口都相同，则两个页面具有形态相同的源 同源策略 同源策略（英文名称 Same origin policy）是浏览器提供的一个安全功能 同源策略限制了从

Promise 是什么 抽象表达： Promise 是一门新的技术（ES6规范） Promise 是JS中进行异步编程的新解决方案（旧方案是单纯使用回调函数） 具体表达： 从语法上来说：Promise

Axios是专注于网络数据请求的库 相比原生的XMLHttpRequest对象, axios简单易用 相比于jQuery, axios更加轻量化, 只专注于网络数据请求 axios 发起GET请求 具

JSON的两种结构 JSON就是字符串来表示JavaScript的对象和数组； 所以JSON中包含对象和数组两种结构，通过这两种结构的相互嵌套，可以表示各种复杂的数据结构 对象结构：对象结构在JSON

使用 xhr 发起 GET 请求 1. 创建 xhr 对象 2. 调用 xhr.open() 函数，指定请求方式与URL地址 3. 调用 xhr.send() 函数，发起Ajax请求 4. 监听 xh

模板引擎，顾名思义，它可以根据程序员指定的模板结构和数据，自动生成一个完整的HTML页面 art-template 使用步骤 导入 art-template 定义数据 定义模板 调用 template

知识铺垫 URL地址概念 URL（全称是Uniform Resouce Locator）中文名统一资源定位符，用于标识互联网上的每一个资源的唯一存放位置；浏览器只有通过URL地址，才能正确定位资源的存

数组（Array）扩展方法 扩展运算符（展开语法） 扩展运算符可以将数组或者对象转为用逗号分隔的参数序列 扩展运算符可以应用于合并数组 将类数组（伪数组）或可遍历数组转化为真正的数组 构造函数方法：A

为什么使用ES6 变量提升特性增加了程序运行时的不可预测性 语法过去松散，实现相同的功能，不同的人可能会写出不同的代码 let 声明变量的关键字 不存在变量提升 块级作用域 暂时性死区 const 声

浅拷贝只是拷贝一层，更深层次对象级别的只拷贝引用 Object.assing(target, sources) ES6新增方法可以浅拷贝 target：拷贝给谁 sources：拷贝那个对象 深拷贝拷

函数的定义和调用 函数的定义方式 1.函数声明方式 function关键字（命名函数） 2.函数表达式（匿名函数） 3. new Function() 里面的参数都必须是字符串格式 函数的调用方式 1

构造函数和原型 构造函数 构造函数是一种特殊的函数，主要用来初始化对象，即为对象成员变量赋初始值，它总与 new 一起使用；可以把对象中的一些公共属性和方法抽取出来，然后封装到这个函数里面 构造函数用

面向对象编程介绍 两大编程思想 面向过程编程 POP（Process Oriented Programming） 面向过程就是分析出解决问题所需要的步骤，然后利用函数把这些步骤一步一步实现，使用的时候

jQuery对象拷贝 如果想要把某个对象拷贝（合并）给另外一个对象使用，此时可以使用 $.extend() 方法 deep：如果设置为true为深拷贝，默认为false浅拷贝 target：要拷贝的目

jQuery 事件注册 jQuery 事件处理 on() 方法在匹配元素上绑定一个或多个事件的事件处理函数 on() 可以绑定多个事件，多个处理程序 如果有的事件只想触发一次，可以用 one() 来绑