Notes

目录1. 模块化1-1. 前端模块化的演变1-2. 模块化规范的区分1. 模块化前端模块化是指：通过将前端代码根据一定的规则解耦封装成几个代码文件（模块），并对外暴露特定的接口或方法，然后在项目开发中根据具体情况进化合理的组合的方法，本质上有助于开发效率的提升、提高代码复用率、方便依赖关系管理。1-1. 前端模块化的演变回顾前端模块化的发展，从早期的简单函数封装、对象封装、到立即执行函数表达式（IIFE）、script标签按js依赖执行顺序加载等的简单模块化使用，再到后面形成模块化规范演变C

目录1. axios2. axios的基本使用2-1. get请求2-2. post请求3. axios请求方式3-1. get请求3-2. post请求4. axios的并发请求1. axiosaxios是基于promise对ajax的一种封装ajax - mvcaxios - mvvm2. axios的基本使用使用默认方式发送无参请求，默认使用 get 方式进行请求<script src="https://unpkg.com/axios/dist/axios.min.js"&

目录1. CORS2. CORS跨域设置2-1. `Access-Control-Allow-Origin`2-2. `Access-Control-Allow-Headers`2-3. `Access-Control-Expose-Headers`1. CORSCORS(Cross-origin resource sharing)，跨域资源共享；浏览器技术的规范，用来避开浏览器的同源策略；简单来说就是解决跨域问题的除了jsonp外的另一种方法；比jsonp更加优雅2. CORS跨域设置2

目录1. 跨域问题2. jsonp2-1. 动态创建script实现请求2-2. jsonp封装1. 跨域问题浏览器同源策略同源策略是浏览器的一个安全功能，不同源的客户端脚本在没有明确授权的情况下，不能读写对方资源；源 ：协议、域名和端口号；ajax无法跨域2. jsonpJSONP(JSON with Padding)是JSON的一种“使用模式”，可用于解决主流浏览器的跨域数据访问的问题；一般来说位于 server1.example.com 的网页无法与不是 ser

目录1. ajax1-1. ajax的基本使用1-2. 利用ajax来解决验证用户名1-3. get的使用1-3-1. get通过parmas传参1-3-2. get通过url传参[querystring]1-4. post的使用1-4-1.设置http正文头格式1-4-2. 获取头部信息1-4-3. 例子1. ajaxAjax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML）新建XMLHttpRequest对象1-1. ajax的基

目录1. cookie1-1. koa中cookie的使用1-2. cookie中options常用设置2. 登录案例【服务端使用cookie】2-1. 存储登录状态2-2. 对比cookie值，实现自动跳转3. 换肤案例【客户端使用cookie】3-1. 客户端cookie的使用方式3-2. 封装cookie3-3. 换肤实现1. cookiecookie是http协议下，服务端或者脚本可以维护客户端信息的一种方式1-1. koa中cookie的使用储存cookie的值ctx.cooki

目录1. 前端轮询获取数据1. 前端轮询获取数据循环ajax请求 ，获取数据；消耗性能，消耗资源，不推荐；

目录1. MVC1. MVCmvc 即 model 、view、controller；mvc模式将model、view、controller分离；使用mvc分层是系统更加灵活，扩展性更强。让程序更加直观、复用性更强、可维护性更强。model 负责数据访问；view 负责视图呈现；controller负责消息处理；...

目录1. 模板引擎2. pug模板引擎的使用2-1. pug模板引擎加载2-2. pug语法2-2-1. 层级关系2-2-2. div2-2-3. 类名class2-2-4. id2-2-5. style2-2-6. 注释2-2-7. 转义2-2-8. 定义变量2-2-9. 插值：`#{variable}`2-2-10. 循环：`each val in [1,2,3]`2-2-11. for循环2-2-12. `case...when...`2-2-13. `mixin`2-2-14. 通过include引

目录1. koa介绍1. koa介绍koa是express原班人马打造的轻量、健壮、富有表现力的nodejs框架；目前koa有koa1和koa2两个版本；koa2依赖Node.js 7.6.0或者更高版本；koa不在内核方法中绑定任何中间件，它仅仅是一个轻量级的函数库，几乎所有功能都必须通过第三方插件来实现。...

目录1. 搭建服务器2. 主页显示数据的处理3. 其余路径的处理4. 完整代码1. 搭建服务器为了页面能够正常显示中文，需要设置头部头部的查看：控制台 — Network — 文件 — Headersreq:从浏览器到客户端【请求】res:从客户端到浏览器【响应】const server = http.createServer((req, res) => { res.setHeader("content-type", "text/html;charset=utf-8");})

目录1. 爬取网站中的数据2. 格式化数据并写入文件中3. 完整代码1. 爬取网站中的数据const http = require("http");let webUrl = "http://news.ifeng.com/";http.get(webUrl, res => { let str = ""; res.on("data", chunk => { str += chunk; }) res.on("end", () => {

目录1. Stream2. `createReadStream()`3. `createWriteStream()`4. `pipe()`1. Stream读取大文件的过程中，不会一次性的读入到内存中;每次只会读取数据源的一个数据块。然后后续过程中可以立即处理该数据块(数据处理完成后会进入垃圾回收机制),而不用等待所有的数据。流会把数据分成64kb的小文件进行传输2. createReadStream()创建一个可读流const fs = require("fs");let rs =

目录1. Buffer创建1-1. `alloc()`1-2. `from()`2. Buffer中的方法2-1. `toString()`2-2. `concat()`2-3. `string_decoder()`1. Buffer创建JavaScript 语言自身只有字符串数据类型，没有二进制数据类型;但在处理像TCP流或文件流时，必须使用到二进制数据。因此在 Node.js中，定义了一个 Buffer 类，该类用来创建一个专门存放二进制数据的缓存区。1-1. alloc()let buf

目录1. 文件操作1-1. 文件写入`writeFile()`1-2. 文件读取`readFile()`1-3. 所有文件操作，函数名+Sync同步操作，没有Sync即异步操作1-4. 修改文件名`rename()`1-5. 文件删除`unlink()`1-6. 文件复制`copyFile()`2. 目录操作2-1. 创建目录`mkdir()`2-2. 修改目录名称`rename()`2-3. 读取目录`readdir()`2-4. 删除空目录`rmdir()`2-5. 删除非空目录3. 通用操作3-1.

目录1. 模块化由来2. Node.js中的模块化 commonjs规范2-1. 创建自定义模块2-2. 自定义模块的按需导出1. 模块化由来在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即，如今随着前端代码日益膨胀；这时候JavaScript作为嵌入式的脚本语言的定位动摇了，JavaScript却没有为组织代码提供任何明显帮助，JavaScript极其简单的代码组织规范不足以驾驭如此庞大规模的代码；2. Node.js中的模块化 commonjs规范Common