AJAX和Axios笔记
AJAX发送请求1、get请求123456789101112131415function get() { // 创建ajax实例对象 let ajax = XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP') // 打开 ajax 对象 ajax.open('get', url, true) // 设置请求成功的回调函数 ajax.onreadystatechange = () => { if (ajax.readyState == 4 && ajax.status == 200) { let data = JSON.parse(ajax.response) console.log(data); } } // 发送ajax 请求 ajax.send( ...
React笔记
官网：https://react.docschina.org/ 一、React简介1. React入门概述：React用于构建用户界面的轻量级的JS库，只关注 MVC 中的V（视图）。 特点： 单向数据流 组件化 虚拟 DOM 2. React项目创建2.1 官方脚手架npx create-react-app 项目名 npm6+ npm init react-app 项目名 2.2 vitenpm create vite@last 项目名 -- --template react 2.3 redux新项目： npx create-react-app 项目名 --template redux npx create-react-app 项目名 --template redux-typescript 老项目： npm i redux react-redux 2.4 redux-thunknpm i redux-thunk 2.5 index.html1234567891011121314151617181920212223242526272829<!DOCTYPE html>& ...
TS快速上手
TS快速上手1. TS简介TS属于 JS 的超集，支持所有的 JS 的语法，然后新增了其他内容，比如类型约束，接口，泛型，枚举等等。 2. TS环境搭建npm i -g typescript 编译：tsc index.ts 3. TS语法3.1 类型约束概述：在ts中生命的变量(或者函数的参数等)都会进行类型约束，不同类型的数据之间不能赋值。 1. 字符串类型12let str:string = 'abc'str = ='123' 2. 数值类型1let num:number = 123 3. 布尔值类型1let bool:boolean = true 4. symbol类型1let sy:symbol = Symbol() 5. null和undefined类型6. any 类型该类型可以被赋予任何类型的值 7. void类型没有任何类型，在函数没有返回值的时候使用 123function foo():void {console.log()} 8. never永远不会存在值得类型 9. unknown10. 元组类 ...
Vue3笔记
Vue3总结 1.Vue3简介 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王） 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址：https://github.com/vuejs/vue-next/releases/tag/v3.0.0 2.Vue3带来了什么1.性能的提升 打包大小减少41% 初次渲染快55%, 更新渲染快133% 内存减少54% …… 2.源码的升级 使用Proxy代替defineProperty实现响应式 重写虚拟DOM的实现和Tree-Shaking …… 3.拥抱TypeScript Vue3可以更好的支持TypeScript 4.新的特性 Composition API（组合API） setup配置 ref与reactive watch与watchEffect provide与inject …… 新的内置组件 Fragment Teleport Suspense 其他改变 新的生命周期钩子 data 选项应始终被声明为一个函 ...
Mysql笔记
数据库操作1. 数据库常用命令1. 连接数据库mysql-u用户名-p密码 2. 显示已有的数据库show database 3. 创建数据库create database sqlName 4. 选择数据库use database sqlNaame 5. 显示数据库中的表（ 先选择数据库）show tables 6. 显示当前数据库的版本以及连接用户名select version() ,user() 7. 删除数据库drop database sqlName 2. 数据库表命令1. 创建表语法： 1234create database sqlName(字段1 数据类型 字段属性字段2...) 2. 字段约束和属性 非空 not null 默认 default(设置默认值) 唯一约束unique key 主键约束primary key 外键约束foreign key( 在数据库的存储引擎中InnoDB支持外键，MyISAM不支持外键。 ) 添加外键约束 constraint foreign key (主表Id) references 从表(Id) 设置自增auto increme ...
Vue2笔记
Vue2总结一、Vue核心官网：https://cn.vuejs.org/ 1. Vue简介1.1 介绍和描述Vue是一套用来动态构建用户界面的渐进式JavaScript框架 1.2 vue特点 遵循MVVM模式 编码简介，体积小，运行效率高，适合移动/pc端开发 本身只关注UI，可以引入其他第三方库开发项目 采用组件化模式，提高代码复用率、且让代码更好维护 1.3 SPA页面单页面应用程序，也就是整个应用只有一个html文件 优点 即时性 不需要加载整个页面就可以修改内容 页面之间的切换不会出现白屏的现象 服务器压力小 缺点 1234- 首次加载耗时比较多(因为首次需要一次性加载完所有的资源)- 不利于 SEO- CSS 命名冲突- 前进后退功能复杂度较高 2. Vue初识2.1 模板语法1. 插值语法123456789描述：在标签之间使用后 {{}} 进行插值，页面渲染后，{{}} 内的语法会替换为 data 中的数据。应用：- 直接渲染：<h1>{{m ...
Canvas笔记
canvas总结一、canvas简介1. 概念canvas是HTML5提出来的，支持IE9以上的浏览器。 是一块画布，可以通过 JS 在上面进行各种图示图表、图像、动画的绘制。 2. 应用场景 验证码 Echarts 网页游戏 图片、视频处理 图片裁剪 二、canvas使用1. 创建画布1.1 创建画布在 html 中创建指定大小的画布，默认 300 * 150px 注：宽高必须设置在标签属性上，如果写在css中，name是对原来的图像尺寸进行缩放 12// 您当前的浏览器不支持 (不支持该语法的就是显示文字，支持的就不会显示出来)<canvas id="myCanvas" width="400" height="300"></canvas> 1.2 获取并渲染1234<script> const canvas = document.getElementById('myCanvas'); const ctx = canvas.getContext(&# ...
Node.js笔记
一、 前后端交互流程1.前端发起请求 – 我应该知道 我要给什么 我想得到什么2.服务器拦截请求 通过路由分发任务3.分发给控制器 控制解析这个请求,拿到前端发送的参数4.把操作数据库的东西发给给 数据持久的方法5.拿到数据库操作后的结果 结果可能会有几种1.数据操作成功 2.数据操作失败 3.拿到数据6.根据业务逻辑将数据库的结果返回前端7.拿到后返响应给前端的数据 根据业务逻辑 渲染页面 二、 服务器文件夹项目根目录 静态资源目录 public 路由 router 控制器 controller 数据持久化 modules 服务器配置 config 服务器主文件 app.js 三、 配置服务器 初始化服务器 npx express-generator --view=ejs 项目名 自定义配置服务器 安装nrm包 这个包是用来修改 npm源的npm install 代表的意思是通过npm 安装包 npm install nrm -g 这里的-g代表全局安装 nrm test 测试所有的镜像源的网络延迟 nrm ...
