项目初始化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. 元组类 ...





