项目初始化1npm install
vue cli1npm i @vue/cli -g
安装 less 和 less-loader 命令1npm install less less-loader --save-dev
vue-cli自定义创建项目-eslint依赖冲突解决方式
降级eslint-plugin-vue到@vue/eslint-config-standard支持的版本
参考vue-cli自定义创建项目-eslint依赖冲突解决方式_vue-offical 和eslint冲突-CSDN博客
123npm install eslint-plugin-vue@^7.0.0npm i --registry https://registry.npmmirror.com vant@latest-v2 -S
ts1npm install -g typescript
路由router1npm install vue-router@3.6.5
vuex1npm i vuex@3
vent212345# Vue 3 项目，安装最新版 Vant：npm i vant - ...
在 JavaScript 中，this 关键字通常指向执行上下文中的对象。然而，在箭头函数中，this 的行为与传统的函数不同。箭头函数不绑定自己的 this，它们继承自父执行上下文中的 this 值。这意味着在箭头函数中，this 的值是在函数定义时确定的，而不是在函数调用时确定的。
以下是箭头函数和传统函数中 this 指向的一些关键区别：
传统函数（非箭头函数）在传统函数中，this 的值取决于函数是如何被调用的。它可以是以下之一：
全局对象：在全局执行上下文中，this 指向全局对象（在浏览器中通常是 window 对象）。
当前对象：当函数作为对象的方法调用时，this 指向调用该方法的对象。
自定义对象：当使用 call、apply 或 bind 方法时，this 可以被显式设置为这些方法的一个参数。
箭头函数箭头函数不绑定自己的 this，它们使用词法作用域来确定 this 的值。this 的值是在函数定义时所在的上下文中继承的，而不是在函数调用时。这意味着箭头函数中的 this 与外部上下文中的 this 是相同的。箭头函数的 this 不能通过 call、appl ...
关于博客搭建的教程。Welcome to my notes on blog !
1.一些准备工作
安装nodejs
安装git
申请一个gitee账号，关联秘钥将本地仓库和远端的仓库关联起来
2.搭建流程
本地新建一个文件夹，名字随意，调出git的命令窗口安装hexo
1npm install hexo-cli -g
生成博客文件
1hexo init
预览生成的博客文件
1hexo s
在gitee上新建一个仓库，仓库名称和你的用户名保持一致。
配置博客文件下的_config,yml 文件
位置在_config.yml 文件的最下方，配置三个地方
123456# Deployment## Docs: https://hexo.io/docs/one-command-deploymentdeploy: type: 'git' //类型为git 这里不动 repo: https://gitee.com/wang-yingqiang/Wangyingqiang.git //这里配置的是你的仓库的地址，也就是gite ...
host参考：https://blog.csdn.net/qq_41176055/article/details/128496628
DNS解析网址： http://tool.chinaz.com/dns/ github加速：https://api.aa1.cn/doc/Github.html
打开电脑文件C:\Windows\System32\drivers\etc下的host文件
1C:\Windows\System32\drivers\etc
在host文件的最后一刚加入刚才复制的IP4.win+R 打开cmd 命窗口，执行命令ipconfig/flushdns
1ipconfig/flushdns
刷新DNS缓存
Git总结1、配置用户1git config --global user.name "wjt"
1git config --global user.email "793335974@qq.com"
2、关联1git remote add origin https://gitee.com/wen-jiangtao1/123.git
3、拉取保证远程端与本地端一致，有可能导致代码冲突
git pull --rebase
git pull origin 分支名
4、暂存将文件变动添加到暂存区
git add -A
5、提交到本地git commit -m '提交说明'
6、推送git push -u origin master // 第一次推送可以加 -u 参数，以后推送至需要git push
7、查看仓库状态git status
8、分支操作概念：分支操作就是生成一份现有代码的物理拷贝，然后在分支上进行操作，而不是直接在 master 上操作。
命令名称
描述
git branch
查看本 ...
0. 概述1. 网页1.1 网页：网站中的一“页”，通常是HTML格式的文件，组成网站的基本元素。由图片，链接，文字，声音，视频等元素组成。（修改后缀名为.html）
1.2 HTML：超文本标记语言。他不是编程语言，而是一种标记语言。由各种标签组成。
超文本：不仅可以放入文字，还可以加入图片，声音，动画，多媒体等；还可以从一个文件跳转到另一个文件。
2. 常用浏览器2.1 五大浏览器：IE浏览器，火狐浏览器，谷歌浏览器，Safari和Opera等。
2.2 浏览器内核
3. Web标准3.1 由W3C组织和其他组织制定的一系列标准的集合。W3C（万维网联盟）是国际最著名的标准化组织。
3.2 构成：结构（Structure），表现（Presentation），行为（Behavior）。
最佳体验方案：结构，行为，表现相互分离。
如：身体（HTML），外观(CSS)，动作(JS)。
一. HTML标签（上）1. HTML基本结构标签
双标签：成对的标签如<html> </html>。关系：包含关系和并列关系。
单标签：特殊标签，如<br> ...
项目介绍1. 项目流程
需求分析（评审和分析)
等视觉与交互设计
项目开发（项目完成度基本与视觉设计和交互设计保持一致）
预留充分的自测时间（测试功能和样式）
前后端联调（调接口功能与字段限制）；经常需要改接口逻辑、甚至加接口造成前端需要修改对应的校验或功能；时间必须
视觉与交互验收
产品验收
提交测试
线上接口回归
新项目的上线前准备
资源申请
沙盒环境部署测试
线上部署测试
2. 项目迭代 需求分析、系统设计、代码实现、系统测试。
3. 联调本地模拟假数据，使用mock数据
项目难点和亮点1. 权限管理1.1 登录权限概述： 登录权限控制要做的事情,是实现哪些页面能被游客访问,哪些页面只有登录后才能被访问.
12345678910111213141516171819202122232425// 路由守卫 - 登录拦截router.beforeEach((to, from, next) => { const token = store.state.token; // 表示用户登录的凭证 if (to.meta.auth) { // 如 ...
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( ...
官网：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快速上手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. 元组类 ...
