06 2021 档案
十一.nodeJs解决跨域的问题
摘要：方式一 引入 npm i cors const app = express(); //在express下解决跨域 const cors = require('cors'); app.use(cors()); 方式二 res.setHeader("Access-Control-Allow-Origin
阅读全文
v-model与checkbox的配套使用
摘要：1.v-model对应的是数组时，返回的是checkbox的value值, 2.其他所有情况(包括字符串...)均返回checkbox的boolean值 <!DOCTYPE html> <html> <head> <meta charset='utf-8'> <title></title> <scr
阅读全文
ES6的代码暴露三种方式
摘要：多行暴露 导出 //a.js 多行暴露也叫按需导出 export function aa1(){ console.log('分别导出1'); } export function aa2(){ console.log('分别导出2'); } 导入 //index.js //必须使用解构赋值 impor
阅读全文
tag <div> has no matching end tag
摘要：出现这个错误的原因主要是：div元素之间的对应关系出错，比如多写了一个div元素，却没有与之对应的</div>；再就是末尾的</div>没写/
阅读全文
搭建Vue工程
摘要：node -v npm install -g cnpm --registry=https://registry.npm.taobao.org cnpm install -g @vue/cli vue create aaa
阅读全文
搭建React工程
摘要：全局安装 npm i -g create-react-app 新建react工程 create-react-app 项目名称 进入工程,准备启动工程 cd reactproject 运行工程 npm start
阅读全文
webpack总结
摘要：webpack 1、核心概念 entry 入口 指示 webpack 从哪个文件开始构建/打包 output 输出 指示 webpack 打包完成的文件输出哪里去 loader 加载器 webpack 自身能力有限，只能处理 js/json 文件，但是遇到 css/html 等文件就没办法处理 lo
阅读全文
三.webpack打包图片
摘要：const path = require("path"); module.exports = { //入口 entry:"./src/js/index.js", output:{ path:path.resolve(__dirname,"build"), filename:"./js/build.j
阅读全文
二.webpack打包less文件
摘要：webpack默认不识别less,css,style文件,所以需要引入包 cnpm install less less-loader --save-dev //引入less cnpm install --save-dev style-loader //引入style cnpm install --s
阅读全文
一.webpack默认打包
摘要：webpack默认可以打包 js/json 文件 const path = require("path"); module.exports = { //入口 entry:"./src/js/index.js", //出口 output:{ path:path.resolve(__dirname,"b
阅读全文
typescript使用webpack配置步骤
摘要：1 webpack 通常情况下，实际开发中我们都需要使用构建工具对代码进行打包，TS同样也可以结合构建工具一起使用，下边以webpack为例介绍一下如何结合构建工具使用TS。 步骤： 初始化项目 进入项目根目录，执行命令 npm init -y 主要作用：创建package.json文件 下载构建工
阅读全文
二十.node.js自动启动浏览器
摘要：//1.导包 const {exec} = require("child_process"); //2.启动浏览器 exec("start http://127.0.0.1:8888")
阅读全文
ZoomIt的使用方法
摘要：ZoomIt的使用方法 ZoomIt是一款非常强悍的教学辅助软件，具有屏幕放大、屏幕标注、计时功能，软件占用空间只有0.2M，且无 需安装。下面我介绍一下此软件的使用方法。 1. 屏幕放大 Ctrl+1进入放大模式，此时屏幕默认放大2倍，视野中显示屏幕的1/4。滚动鼠标滚轮或者通过上下方向键可 以改
阅读全文
webpack配置详解
摘要：//引入一个包 const path = require("path"); //引入html文件 const HTMLWebpackPlugin = require("html-webpack-plugin"); //引入clean插件 const {CleanWebpackPlugin} = re
阅读全文
二十五.关于浏览器的压缩
摘要：web页面如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" con
阅读全文
二十四.浏览器的协商缓存与服务器的自启动
摘要：概述 协商缓存： 1. 客户端向服务端发送一个请求，请求相应的资源 2. 服务端向客户端发送一个响应，在响应头中携带两个关于缓存的信息，分别是 当前文件的唯一标识 （eTag）和 当前文件的最后一次修改时间（last-modified） 3. 客户端收到了响应文件和关于文件的缓存信息，并把缓存信息保
阅读全文
二十三.浏览器的强制缓存与服务器的自动启动
摘要：web页面代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" c
阅读全文
二十二.node使用用mysql连接池连接mysql数据库
摘要：//使用连接池连接mysql const mysql = require("mysql"); //创建连接池 password:"123", let pool = mysql.createPool({ host:"127.0.0.1", post:"3306", user:"root", datab
阅读全文
二十一.使用node.js连接mysql数据库
摘要：/** * 使用node连接mysql模块 */ //引入MySQL数据库 const mysql = require("mysql"); //创建一个mysql连接对象,连接是使用对象来连接数据库 let connection = mysql.createConnection({ host:"12
阅读全文
八.ejs模板引擎的基本使用
摘要：创建 index.ejs <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport
阅读全文
十.处理web页面向node服务器发送图片
摘要：图片请求案例 web页面如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewpo
阅读全文
九.nodejs中ejs的基本使用
摘要：ejs 页面 作用,可以在页面当中编写 js 代码 页面中 页面的名称不是 html 后缀,而是 ejs 后缀 比如: <%- errData %> node中 需要安装 ejs npm i ejs 在node当中引入 ejs //引入ejs app.set("view engine","ejs")
阅读全文
七.NodeJS与MongoDB实现简单的登录与注册
摘要：文件夹目录 连接数据库 const mongoose = require("mongoose"); mongoose.connect("mongodb://localhost:27017/school",{ useNewUrlParser: true, useUnifiedTopology: tru
阅读全文
六.node.js连接MongoDB数据库
摘要：文件结构 一.使用mongoose连接MongoDB数据库 //引入mongoose数据库 const mongoose = require("mongoose"); //连接mongodb数据库 mongoose.connect("mongodb://localhost:27017/school"
阅读全文
五.中间件的使用
摘要：应用中间件 /** * 应用中间件 * 1.应用中间件的作用一般用于对url的拦截 * 2.应用需要使用next对象中间件放行 * * 拓展:所有的中间件都使用了use,路由器也属于中间件的一种 */ const express = require("express"); const app = e
阅读全文
四:路由器的简单使用
摘要：搭建用户路由器 概述,路由器的作用是将功能分类,比如将user下的所有功能,都放入user路由器下 举两个例子 用户路由器 localhost:8080/user/list /** * 请求的入口 */ const express = require("express"); const app =
阅读全文
三.node.js中获取post请求的两种方式
摘要：方式一:通过绑定数据流data事件来获取 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="
阅读全文
二.node.js中的get请求中常用的两种方式
摘要：const express = require("express"); const app = express(); app.listen(8080); /** * 请求方式一 * http://localhost:8080/reg?username=zhangsan&password=123456
阅读全文
一.node.js中基本的响应信息
摘要：const express = require("express"); //创建服务器 var app = express(); //配置服务器的端口 app.listen(8080); app.get("/login",(req,res)=>{ //普通响应 // res.end("今天天气好晴朗
阅读全文
MongoDB的基本用法
摘要：show databases use school db //新增数据 db.student.insert({name:"文三",age:"22",sex:"男"}) db.student.insert({name:"张大妈",age:"22",sex:"男"}) db.student.insert
阅读全文
MIME类型
摘要：类型 描述 application/octet-stream 应用程序文件 text/plain 文本文件 text/css css文件 text/html html文件 application/javascript js文件 image/gif GIF 图片 image/jpeg JPEG/JPG
阅读全文
严格模式
摘要：目的: 消除JS语法中一些不合理,不严禁之处,减少了怪异行为 消除了代码在运行中一些不安全之处,为代码的安全保驾护航 为未来新版本的JavaScript做好铺垫 使用: 在全局函数中的第一条语句定位: 'use strict' 严格模式的改变 1.必须用var声明变量 2.禁止自定义函数中的this
阅读全文
vee-validata的使用
摘要：下载 npm install vee-validate@2 创建validate.js import Vue from 'vue' import VeeValidate from 'vee-validate' Vue.use(VeeValidate) VeeValidate.Validator.lo
阅读全文
解决 小程序 scroll-view 文本溢出的问题
摘要：display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /** 多行文本溢出...*/ overflow: hidden;
阅读全文
图片懒加载与路由懒加载
摘要：# 图片懒加载 ``` //1.下载插件 npm install vue-lazyload //2.引入图片懒加载与图片 import VueLazyload from 'vue-lazyload' import loading from '@/assets/images/loading.gif'
阅读全文
axios中post中参数问题 --- form Data和Request payload
摘要：在axios发送请求的默认方式是 Request payload 在某一些需求当中,我们服务器只接受到请求形式是 form Data 解决方案一,在前端中使解决: axios请求拦截器当中配置 import qs from "querystring" if(config.method "post")
阅读全文
递归组件的使用
摘要：- 递归组件的概述 ``` 递归组件: 组件内部有自己的子组件标签 应用场景: 用于显示树状态结构的界面 注意: 递归组件必须有name 编码: 实现一个简单的可开关的树状结构界面的 Tree 组件 ``` - 父组件 ``` ``` - 子组件 ``` {{item.name}} ```  虚拟DOM diff算法 用来比较新旧虚拟的 同级比较 1.根标签改变,删除重新建立整个DOM树 2.根元素未变,属性改变 DOM复用,只更新新
阅读全文
promise与promisify的区别
摘要：promise的使用 const util = require("util"); const fs = require("fs"); const path = require("path"); //获取你要写入的路径 const filePath = path.resolve(__dirname,"
阅读全文
JS加密算法练习
摘要：const crypto = require("crypto"); /** * 参数讲解: * 加密数据 * data * 加密方式 * md5 sha1 sha256 sha512 * 加密形式 * 1.使用加密算法加密 * 2.获取密文中所有的数字 * 3.在数字当中,从第二位开始,获取10位数
阅读全文
常用的git命令
摘要：工作目录（Working Directory） 暂存区（Stage/Index） 本地仓库（Local Repository 或 Git Directory） 远程仓库（Remote Repository） git的本地仓库基本提交 - 初始化仓库: - git init 将本地文件夹转化成Git仓
阅读全文
