Kylincsg的博客

概念：把动态请求和静态请求分开，不是讲动态页面和静态页面物理分离，可以理解为 Nginx 处理静态页面，Tomcat 处理动态页面。概念：nginx 接收到客户端请求，转发到不同的服务器去处理。实际上已经配置好了，前面我们配置完成后就是动静分离了~作用：利用反向代理解决跨域问题。实战：解决项目上线时的跨域问题。作用：提高传输效率，节约带宽。

在组件中使用router-view和router-link。下一篇：上线部署(nginx)vue的一个插件库，专门用来实现SPA应用。下载vue-router插件。在项目中配置路由表和路由插件。

专门在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。

1.vue动画的理解；2.基本过渡动画的编码

1.ref与props；2.插件；3.组件化编码流程；4.全局事件总线；5.消息发布与订阅

Vue脚手架是Vue官方提供的标准化开发工具（开发平台）。

1.非单文件组件；2.单文件组件；3.ref；4.props；5.mixin(混入)；6.插件

常用的生命周期钩子

1.条件渲染；2.列表渲染；3.收集表单数据；4.过滤器；5.内置指令；6.自定义指令

Vue核心;初识vue;模板语法;数据绑定;el和data的两种写法;数据代理;事件处理;基本使用;事件修饰符;计算属性;监视属性;监视属性和计算属性的区别;绑定样式;

本章将聚焦移动端场景，探讨Redux在移动应用开发中的适配与优化，通过结合移动端特性和Redux架构，我们将实现高效、可靠的数据流管理，提升移动应用的整体性能与用户体验。

Redux 是 JavaScript 应用的可预测状态容器，用来集中管理状态。特点：集中管理、可预测、易于测试、易于调试、强大的中间件机制满足你所有需求。注意：redux 是一个独立于 react 的库，可以配合任何 UI 库/框架来使用。redux的三大原则单一数据源State是只读的使用纯函数来执行修改什么情况下需要使用redux总体原则: 大型项目状态管理复杂才用某个组件的状态，需要共享某个状态需要在任何地方都可以拿到一个组件需要改变全局状态一个组件需要改变另一个组件的状态。

Switch 组件Switch组件用于包裹Route组件,类似于js中的switch,有一个Route符合就不往下匹配了//pathname是 /home//匹配第一个path /home 符合. 就不再匹配下面的Route了Redirect 组件重定向组件(渲染Redirect将使导航到一个新的地址,这个新的地址会覆盖 history 栈中的当前地址)或NavLink。

react中写代码,写完的代码,也要打包. 自己配置webpack非常繁琐,所以直接使用react脚手架工具,帮我们直接配置好webpack以及项目的目录结构。

Hook也叫钩子，本质就是函数，能让你使用 React 组件的状态和生命周期函数...

高阶组件的作用: 提供复用的状态逻辑高阶组件是什么: 高阶组件（HOC）是 React 中用于复用组件逻辑的一种高级技巧。HOC 自身不是 React API 的一部分，它是一种基于 React 的组合特性而形成的设计模式简单理解的话: 一个拥有复用逻辑的函数,这个函数需要传入一个组件,然后返回一个增强的组件高阶组件实现调用函数,得到增强组件,渲染增强组件使用es7的修饰符高阶组件要注意的问题:解决:给高阶组件中返回的组件, 增加一个静态属性displayName传递prop

1. Fragment的使用；2.React性能优化；3.纯组件 pureComponent；4.React.forwardRef；5.Portal

react组件通讯有三种方式.分别是props, context, pubsub

挂载阶段、更新阶段、卸载阶段

1.React的组件（函数与类）；2.组件的状态state；3.this的指向问题；4.组件传递数据props；5.表单处理（受控组件与非受控组件）

React 是一个用于构建用户界面的 JavaScript 库。如果从 MVC 的角度来看，React 仅仅是视图层（View），也就是只负责视图的渲染，而并非提供了 完整的 M 和 C 的功能。React 起源于 Facebook ,并于 2013 年 5 月开源。

使用 webpack 配置文件；js 语法检查；打包 less 资源；打包样式文件中的图片资源；打包 html 文件；自动编译打包运行；热模替换功能；devtool；压缩；插件

gulp介绍；gulp插件的使用

市面上最火，功能最强大的构建工具，无非就是webpack，而其次是gulp

正则表达式，作用，特点

为什么建立连接是三次握手，而关闭连接却是四次挥手呢？

get请求报文；post请求报文；响应报文；端口号

1.1 HTTP协议是什么；1.2 Fiddler；1.2.1 简介；1.2.2 安装；1.2.3 使用；1.3报文；1.3.1 报文格式；1.3.2 请求报文；1. 报文格式；2. GET请求；3. POST请求；1.3.3 响应报文；1. 报文格式；2. 报文分析；3. 响应状态码；1.4 get和post区别；1.4.1 常见的get请求；1.4.2 常见的post请求；

5.1 EJS是什么；5.2 EJS的使用；5.3 EJS语法；6.1会话控制是什么；6.2 cookie；6.2.1 cookie是什么；6.2.2 cookie的不足；6.2.3 cookie的使用；6.3 session；6.3.1 session是什么；6.3.2 session运作流程；6.3.3 session的使用；6.3.4 cookie和session的区别；6.4 express中操作cookie和session教程；6.4.1 操作cookie；

3.1中间件简介；3.2中间件功能；3.3 中间件的分类；3.4中间件实例；第4章：Router路由器；4.1 Router是什么；4.2 为什么使用Router；4.3 Router的使用；

1.1 Express是什么；1.2 Express的使用；1.2.1 下载；1.2.2 第一个服务器；2.1 Route是什么；2.2 Route的定义；2.3 Route的实现；2.4 Route的实例；2.5 Route的运行流程；2.6 Request对象；2.6.1 Request对象是什么；2.6.2 Request对象属性和方法；2.7 Response对象；2.7.1Response对象是什么；2.7.2 Response对象的属性和方法；

4.1 Buffer是什么;4.2 Buffer特点;4.3 Buffer的使用;4.3.1创建Buffer;4.3.2 转换;第5章：fs文件系统;5.1 fs是什么;5.2 fs的使用;5.3文件的写入;5.3.1简单写入;5.3.2流式写入;5.4文件的读取;5.4.1 简单读取文件;5.4.2 流式读取文件;

3.1 package包;3.1.1包结构;3.1.2包描述文件;3.2 NPM是什么;3.3 NPM能干什么;3.4 cnpm;3.4.1 cnpm是什么;3.4.2 cnpm的安装;3.4.3 cnpm的使用;3.5扩展;3.6注意;3.7 Yarn;3.7.1 yarn是什么;3.7.2 yarn的特点;3.7.3 yarn的安装;3.7.4常用命令;3.7.5 Cyarn;

在node中一个js文件就是一个模块在node中每一个模块中的代码都是运行在一个独立的函数中的，默认情况下模块内部代码对于外部来说都是不可见的，可以通过两种方式向外部暴露变量和函数可以通过将变量和函数设置为 exports 的属性来暴露变量和函数也可以通过module.exports来向外部暴露变量和函数a:"xxx",b:"xxx"

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。一键傻瓜式安装，安装完成之后，打开命令行窗口，输入node -v查看当前node版本。Node.js之父：Ryan Dahl（瑞安·达尔）

XMLHttpRequest与XMLHttpRequest2.0；文件上传及进度信息

1. GitHub基础使用;2. 协作流程;3. SSH免密登录

git安装；git使用；Linux常用命令；git 初始配置；git常用命令；配置忽略文件；分支；GitFlow；分支操作

Promise (非常重要)；Promise理解；Promise入门；Promise对象的then和catch方法；利用Promise链式调用解决回调地狱问题；Promise对象的finally方法；Promise的静态方法；Generator (了解)；async和await；JS的宏队列与微队列；自定义(手写) Promise；

新增数据类型(了解)；Symbol；什么是Symbol；Symbol的使用；Symbol表示独一无二的属性名；Symbol的注意事项；BigInt；新增数据结构 (次重要)；Map；什么是Map；Map的属性和方法；Set；什么是Set；Set的属性及方法；应用：利用Set去重；新增的遍历方式 (了解)；什么是Iterator；使用ES6内置的iterator；for...of；区别for..of 与 for..in；类语法；类/class的由来；类的继承；