自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(73)
  • 收藏
  • 关注

原创 ! [rejected] master -> master (non-fast-forward)error: failed to push some refs to ‘https:/

hint: Updates were rejected because the tip of your current branch is behindhint: its remote counterpart. Integrate the remote changes (e.g.hint: 'git pull ...') before pushing again.hint: See the 'Note about fast-forwards' in 'git push --help' for deta

2024-03-15 14:58:04 436

原创 使用vite-plugin-mock出现404

使用vite-plugin-mock出现404

2023-12-25 16:41:45 295

原创 小程序路由跳转页面重复问题

目标:想要某个页面在历史中(页面栈)只显示一次。在这里,我获取页面栈只是为了确定使用的方法是否如我所想,接下来解决这个问题:在点击确定时,跳转返回列表页...

2023-07-20 14:38:40 1178 2

原创 结构赋值的连续写法

每天多一个小技巧

2023-07-12 17:03:02 217

原创 vue数组中动态数字递增(从0到指定值)

同时遍历数组中每一个数据,用于大屏可视化

2023-03-22 16:22:21 896 1

原创 管理系统权限分析以及白屏处理

不同用户展示不同界面效果,动态路由过滤,以及常量路由和任意路由合并等

2023-02-21 16:33:36 508

原创 git的常用命令

git的常用命令以及执行流程,从工作区推送到暂存区再推送至本地,推送至远程仓库,团队协作流程...

2023-02-21 16:30:16 336

原创 闭包的基本概念

什么是闭包?闭包的优点?闭包解决了什么问题?

2023-02-02 20:32:36 78

原创 原型和原型链

什么是原型?什么是原型链?原型链的作用是什么...

2023-02-01 20:45:08 195

原创 伪元素和伪类的概念和区别

伪类、伪元素、区别、对于区别的解释,伪类选择元素基于的是当前元素处于的状态,或者说元素当前所具有的特性,而不是元素的id、class、属性等静态的标志。由于状态是动态变化的,所以一个元素达到一个特定状态时,它可能得到一个伪类的样式;当状态改变时,它又会失去这个样式。由此可以看出,它的功能和class有些类似,但它是基于文档之外的抽象,所以叫伪类。...

2022-11-16 11:40:26 260

原创 uniapp封装网络请求

自行封装网络请求,提高代码复用率,接口的统一管理有助于代码模块化

2022-11-07 20:48:11 415

原创 2022年在uniapp中引入vant Weapp

2022年11月7号亲测有效,我也在引入vant时出现了很多问题,在引入时个人感觉uview比vant好引入

2022-11-07 14:53:30 1940

原创 uniapp起步

uniapp起步,快速了解使用uniapp完成小程序的开发流程,需要有vue2基础

2022-11-06 11:22:23 259

原创 uniapp起步

uniapp起步,需要vue2基础

2022-11-06 11:21:50 483

原创 Vue2复习

vue2 api 复习

2022-10-20 19:55:11 396

原创 var、let、const区别

var有变量提升的特性,let、const没有 var可多次声明同一个变量,let、const不行 var、let用于声明变量,const是声明常量 var、let声明后可再赋值, const不行 var没有自身作用域,而let和const有...

2022-10-20 17:04:36 91

原创 事件冒泡和事件委派

事件冒泡: 事件向上的传到,后代被触发,祖先也会触发例子:点击h2 发现box 和 body都被触发了,​如何取消事件冒泡?这里要用到事件对象(event对象_百度百科)事件委派的作用就是,我想为每个li都添加点击事件,一个一个添加太麻烦了,如果在项目实战中li的个数还不确定,这个时候就可以利用事件委派,那怎么区分自己点的是哪个呢?

2022-10-12 10:51:00 116 1

原创 小程序的持久化存储

小程序的持久化存储1.在vuex中声明一个叫做 saveToStorage的 mutations 方法,依靠setStorageSync方法2.

2022-10-05 17:16:40 1892

原创 position: sticky,粘性定位

简单描述一下,用途: 1.吸顶或者吸底——导航栏或者搜索框、音乐播放器等等 2.就像这个博客两边的广告或者是目录一样,当你滑到指定的位置,它就会停留在一个固定的位置,可能听起来还是模糊吧,看下图,盯着点进度条,你会发现绿色的div,一开始像是正常的元素一样,在最下面(我设置了margin-top:1000px,暂时不显示),当你滑动进度条,开始显示,再滑动的时候距离顶部100px的时候发现,无论向下拖动多长div的位置都不会改变,就像固定定位一样

2022-10-04 21:41:00 249

原创 记录前端自学的学习路线(详细)

曾经我也迷茫过,如何学习前端,查了很多资料,也见过很多路线,我觉得适合自己的就是最好的,没想到一路走下来,回头看了看,原来走了这么远(因为我是科班,对html+css,jQuery是快速过的),我曾经也是小白,也遇到了各种报错,博客中也有关于报错的解决方案,通过各种途径,自己排查、向大佬询问、自己上网搜集,这并不丢人,这是个从0到1的过程。

2022-10-03 11:08:16 742

原创 关于js 中 try catch用法

try…catch语法,简单来说就是用来捕获异常的,我就简述一下我遇到的问题,或许你可以从我遇到的问题中明白他的作用。当使用vuex在actions发请求时,这个接口不仅可以添加购物车数据,同时也可更新产品的数量,我就在更新产品数量的地方出现了问题,......

2022-10-03 09:55:59 9624 4

原创 Vue2和Vue3响应式原理对比

通过proxy(代理):拦截对象中任意属性的变化,包括属性值的读(getter)、添加和修改(setter)、 删除(deletePropety)通过Reflect(反射):对源对象的属性进行操作reactive 通过使用Proxy来实现响应式(数据劫持),并通过Reflect操作源对象内部的数据。

2022-09-30 21:11:35 413

原创 Promise中的race、all 方法

race本身就有赛跑的意思,race的参数是一个数组说明:promise:包含n个promise的数组返回一个新的promise,第一个完成的promise的结果状态就是最终的结果状态

2022-09-29 19:47:00 262

原创 Vue3.0起步

vue3相对于vue2.x有什么写法上和方法上的变化?从Vue2快速过渡到Vue3.0,体验组合式API和新的响应式原理带来的变化吧!

2022-09-27 20:38:32 541

原创 TypeScript起步

TypeScript 从js到ts过渡,包含ts新特性,和js的优缺点对比,脚手架的如何使用在后续也会更新,定义变量、对象、数组、元组、枚举、字面量等等,让我们一起加油,持续更新中...

2022-09-25 11:38:24 377

原创 重绘和回流

重绘回流定义,如何减少回流?回流一定会发生重绘、重绘不一定会引发回流。回流所需要的成本比重绘高的多

2022-09-22 11:13:24 163

原创 数组的find方法

find() 方法返回通过测试(函数内判断)的数组的第一个元素的值。当数组中的元素在测试条件时返回true时, find() 返回符合条件的元素,之后的值不会再调用执行函数注意:

2022-09-21 21:52:27 11870

原创 vuex中getter的使用

vuex中getter的主要目的是为了数据过滤,得到自己想要的数据,先说如果不使用getters,功能一样可以完成,使用...

2022-09-19 11:38:14 3378

原创 nprogress进度条插件的使用

npm install --save nprogress

2022-09-17 17:11:12 109

原创 常用reduce方法的使用

reduce()累加,reduce()数组去重,reduce()求最大值

2022-09-15 10:19:01 151

原创 vue.runtime.esm.js?c320:4573 [Vue warn]: Failed to resolve directive: lazy

vue插件报错vue.runtime.esm.js?c320:4573 [Vue warn]: Failed to resolve directive: lazy

2022-09-12 09:55:01 3931

原创 vue2+vant移动端适配起步

vue2+vant移动端起步1.初始化工程2.下载需要的所有第三方依赖包3.引入准备好的reset.css和flexible.js,实现样式初始化和适配问题4.vant最好的方式,vant自动按需引入5.要引入webpack的postcss插件,用于将px转化为rem6.如果你不想引入flexible.js,希望直接使用插件,如果使用了flexible.js此步骤跳过6.根目录下新建postcss.config.js例如:iphone6

2022-09-11 08:59:17 991

原创 vuex、接口模块式开发

模块式开发既可以单独使用,也可以进行组合使用,彼此之间互不影响, 可以有效清晰的管理数据,每个组件对应着自己的数据‘仓库’

2022-09-10 08:54:17 146

原创 Vue中input自动聚焦

举例:鼠标点击span标签时,span标签消失,同时input显示,并且,input在此已经获取到了焦点分析:当需要浏览器重绘重排的时候,是需要时间的,当点击span标签时Input还没有渲染出来,此时如果在点击span的方法里直接写focus(),可以发现是不起作用的,input没有何来焦点?

2022-09-07 19:30:56 4900

原创 浅谈Vue中render函数

需要使用render函数接收到的createElement函数去指定具体内容,vue.js和vue.runtime.xxx.js的区别 (1)vue.js是完整版的Vue。包含:核心功能+模板解析器 (2)vue.runtime.xxx.js是运行版的Vue,只包含核心功能因为vue.runtime.xxx.js没有模板解析器,所以不能使用template配置项,需要使用render函数接收到的createElement函数去指定具体内容...

2022-09-04 21:23:08 1481

原创 Object.assign(this._data,this.$options.data())——清空数据

Object.assign(this._data,this.$options.data())由上图可知,assign()的参数可以有多个,第一个参数为目标对象,第二个以及第三个第四个..都是源对象,也就是说,如果源对象属性名和目标对象属性名不相同时,所有的源对象键值对都会合并到目标对象中。如果目标对象中的属性名与源对象中的属性名相同时,则属性将被源对象中的属性覆盖。......

2022-09-01 10:36:14 1480

原创 [Vue warn]: Error in render: “TypeError: Cannot read properties of undefined (reading ‘0‘)“found in

大概率是向服务器请求的数据还没得到相应,也就是说你定义的数组或者对象根本不存在(由于服务器返回慢造成的),看这个例子...为什么?因为vuex不是永久存储的,一旦刷新就空了,想不报错,就一定先将定义的数据初始化,当服务器没有返回的时候根据具体情况初始一个数组或对象。...

2022-09-01 10:27:53 3296

原创 PC端实现微信支付功能(Vue2.0)

解决了this问题,基本上已经完成了支付功能,剩下的就是在判断支付成功的里面加上路由跳转至支付成功的界面。此时二维码已经生成了,但没有实现支付功能,我们需要借助MessageBox中的beforeClose。在实现微信支付之前,我们要知道,在提交订单是我们需要携带一个query参数去支付页面。常规来说200是支付成功,205是支付中,我这样做的目的也是为了能不用付款(但发请求)就可实现功能。code: "" //我们需要留存请求支付的状态码,205的话说明支付成功。.........

2022-08-29 11:55:22 4064

原创 this的指向问题

1> 以函数形式调用时,this指向的是window2> 以方法形式调用时,this就是方法的对象,谁调用this,this就是谁3> 使用call和apply调用时,this是指定的对象4> 当this在箭头函数中,是静态的,this指向定义时上下文作用域和调用者无关。......

2022-08-29 11:36:06 217

原创 记录因为token导致的问题,排查代码报错思路

必须刷新才能得到数据?本地存储和vuex的使用出现问题,有意思的是token是空的,那获取用户信息请求失败了也是理所应当的了,那token呢?发现token在本地是有的。。。

2022-08-28 14:59:24 660

uniapp+router+uview

uniapp+router+uview

2022-11-21

重置样式表reset.css和用于移动端适配的flexible.js

项目构建之初,样式重置和移动端所需适配方案

2022-09-07

Echarts的基本使用

快速的了解Echars图表的常用API,急速上手构建可视化工具,有例子有md笔记,量少成本低

2022-08-21

数据库实验6的实验报告

1. 在本地主机创建用户账号st_01,密码为123456。 2. 查看MySQL下所有用户账号列表。 3. 修改用户账号st_01的密码为111111。 4. 使用studentsdb数据库中的student_info表。 (1)授予用户账号st_01查询表的权限。 (2)授予用户账号st_01更新家庭住址列的权限。 (3)授予用户账号st_01修改表结构的权限。 5. 使用studentsdb数据库中的student_info表。 (1)创建存储过程cn_proc,统计student_info表中的学生人数。 (2)授予用户账号st_01调用cn_proc存储过程的权限。 (3)以用户账号st_01连接MySQL服务器,调用cn_proc存储过程查看学生人数。

2022-08-15

数据库实验5的实验报告

1. 创建存储过程stu_info,执行时通过输入姓名,可以查询该姓名的学生的各科成绩。2. 使用studentsdb数据库中的student_info表、curriculum表、grade表。。 (1)创建一个存储过程stu_grade,查询学号为0001的学生的姓名、课程名称、分数。 (2)调用存储过程stu_grade。 3. 使用studentsdb数据库中的student_info表、curriculum表、grade表。 (1)创建存储过程stu_name,当任意输入一个学生的姓名时,查看其课程的最高分、最低分、平均分。 (2)调用存储过程stu_name。 (3)删除存储过程stu_name。 4. 使用studentsdb数据库中的grade表。 (1)创建一个存储过程stu_g_r,当输入一个学生的学号时,通过返回输出参数获取该学生选修课程的门数。 (2)执行存储过程stu_g_r,输入学号0002。 (3)显示0002号学生的选课门数。

2022-08-15

数据库实验2的实验报告1. 在 studentsdb 数据库中使用 SELECT 语句进行基本查询。 (1)在 student

1. 在 studentsdb 数据库中使用 SELECT 语句进行基本查询。 (1)在 student_info 表中,查询每个学生的学号、姓名、出生日期信息。 (2)查询 student_info 表学号为 0002 的学生的姓名和家庭住址。 (3)查询 student_info 表所有出生日期在 95 年以后的女同学的姓名和出生日期。 2. 使用 select 语句进行条件查询。 (1)在 grade 表中查询分数在 70-80 范围内的学生的学号、课程编号和成绩。 (2)在 grade 表中查询课程编号为 0002 的学生的平均成绩。 (3)在 grade 表中查询选修课程编号为 0003 的人数和该课程有成绩的人数。 (4)查询 student_info 的姓名和出生日期,查询结果按出生日期从大到小排序。 (5)查询所有姓名“张”的学生的学号和姓名。 3. 对 student_info 表,查询学生的学号、姓名、性别、出生日期及家庭住址,查询 结果先按照性别的由小到大排序,性别相同的再按学号由大到小排序。 4. 使用 GROUP BY 子句查询 grad

2022-08-15

JDK的环境变量配置(步骤超级简单)

JDK的环境变量配置(步骤超级简单),有图有步骤

2022-08-15

Ps笔刷样式包含9种玻璃碎片玻璃渣子笔刷、64款高质量水滴笔刷、MissYuan_质感皮肤笔刷、烟雾笔刷

Ps笔刷样式包含9种玻璃碎片玻璃渣子笔刷、64款高质量水滴笔刷、MissYuan_质感皮肤笔刷、烟雾笔刷,至于应该放在哪个文件夹下,百度经验上有,需要请自取

2022-08-15

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除