一：什么是Virtual Dom 1.浏览器的渲染流程  当浏览器接收到一个html文件时，js引擎和浏览器的渲染引擎便开始工作了。从渲染引擎的角度，它首先会将html文件解析成一个dom树，与此同时，浏览器将识别并加载css样式，并和dom树一起合并为一个渲染树。有了渲染树后，渲染引擎将计算所有元素的位置信息，最后通过绘制，在屏幕上打印最终的内容。  js引擎和渲染引擎虽然是两个独立的线程，但是js引擎却可以触发渲染引擎工作，当我们通过脚本去修改元素位置或外观时，js引擎会利用dom相关的方法去操作dom对象，此时渲染引擎变开始工作，渲染引擎会触发回流或者重绘。  2.回流 当我们对dom的...

一、路由设计   1.请求方法   GET   POST   DELETE   2.请求路径   3.get参数   4.post参数    二、路由模块的提取   1.创建router.js，配置路由:   let fs = require('fs') /**  * 1.加载express  * 2.创建一个路由容器  * 3.将路由挂载到router路由容器中 * 4.导出router */ let express = require('express') let&nbs...

元素的http在某些方面表现不足以应对开发需求，所以需要使用框架来加快开发效率，框架的目的就是为了提高效率，让代码更加同意   一、介绍   TJ开发   fast unopinionated minimalist web frame for node.js   二、相关操作   1.安装   npm i express --save npm i express -S //上一步的简写  2.     let express = require('express') let app = express()...

1.核心模块       模块名   2.第三方模块       模块名   3.自定义模块       路径   4.优先从缓存加载       如果使用到的文件已经在前面被加载过了，就直接从缓存里找结果，不需要重新加载，提高模块的加载效率   5.判断模块标识       1）核心模块：本质也是文件，已经被编译到二进制文件中，只需要通过名字加载就可以了       2）第三方模块：先需要下载第三方包，再通过require加载这个包，这个包在node_m...

在Node中，每个模块内部都有一个自己的mudule对象   该module对象中有一个成员exports，也是一个对象，默认是空对象   var module={     exports:{              } }   而每个文件模块默认最后都会return module.exports   return module.exports   所以如果需要对外导出成员，只需要把导出的成员挂载到module上就...

一、在node.js中模块有三种：   1. 具名的核心模块，例如：fs，http       2.用户编写的文件模块       1)相对路径必须加 ./       2)在node中没有全局作用域，只有模块作用域               外部访问不到内部               内部也访问不到外部     ...

一、解释执行JavaScript   创建js文件->通过命令行：node 文件名 执行   二、文件读写   1.模块：fs   var fs=require('fs')   2.读：readFile()   fs.readFile('文件路径',function(error,data){     //读取成功：error为null     //读取失败：error为错误对象     //data为读取的内容 })   3.写：writeFile()   f...

Node.js是一个JavaScript运行时环境，可以解析和执行JavaScript代码     一、与浏览器中的JavaScript比较   1.浏览器中的JavaScript   1）ECMAScript       基本语法       if       var       function       Array       Object   2）BOM   3）DOM    2.node中的JavaScript   1）没有BOM DOM   2）ECMAScri...

一、发布订阅   1.目的        解耦，让各个组件之间没有紧密的联系，如果修改了什么属性，就尽可能更新这些属性对应的页面DOM    2.步骤描述         1)需要有中间的全局容器=》一个数组存放所有的订阅(watcher)，发布的时候在这个里面取可以被触发的东西(函数、对称)       2)可以根据需求来订阅东西       3)等等，可以做一些其他的事情       4)当有某些需求就去查看全局容器，取出相应的东西...

除了使用递归，还可以使用队列（深度优先转化为广度优先)   一、将属性转化为响应式的    1.首先需要使用Object.defineProperty()函数对每个属性进行get和set的转化   2.由于get和set之间需要一个中间变量来保存真实的值，所以将其封装在defineReactive()函数中，真正的数据存储在其局部变量value中   3.如果需要进行响应式的对象有多个需要循环，并且得判断属性值是否为数组       1）是数组的话需要循环数组中每个元素，并对每个元素再进行判断是否为数组       2）不是数组的话就调用封装define...

一、提取公共代码   使用到的插件：webpack-merge   1.安装   npm i webpack-merge -D   2.提取公共代码   1）创建webpack.base.js，将webpack.dev.js和webpack.pro.js中的公共代码提取到webpack.base.js中   2）在webpack.dev.js和webpack.pro.js中导入webpack.base.js文件以及webpack-merge模块   3）在webpack.dev.js和webpack.pro.js中各自保留其需要使用的代码   3.使用   在we...

一、Vue的执行步骤   1.首先会获得页面的模板，模板中会有 {{}} 这样的变量   2.利用Vue的构造函数中所提供的数据来替换 {{}} 中的变量，得到可以在页面中显示的 ”标签“   3.将 ”标签”替换之前页面中有 {{}} 的标签    Vue利用提供的数据和模板生成一个新的HTML标签（node节点），替换到页面放模板的地方    二、实现   1.步骤拆解：   拿到模板->拿到准备的数据->将数据和模板结合，得到HTML元素->将真正需要渲染的HTML元素挂载到页面中     2.具体实现 1.0版本         未解决的问题   &nbsp...

由于宝塔登录的安全问题，有时候会出现下面的问题：    解决方法：   在SSH终端输入下面的命令，会输出外网和内外的登录网址并加了一个8位随机号   sudo /etc/init.d/bt default

 1.下载安装好以后点击类似文件夹的图标，输入一些信息        2.再次输入服务器管理密码   可能会提示很多次，这时候要去重置一下阿里云上面服务器的管理密码，然后重新连接就可以了