自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(34)
  • 问答 (1)
  • 收藏
  • 关注

原创 ts interface如何定义函数泛型呢?

如果是一个对象内部有一个函数需要泛型,应该这么写。那么我们想通过interface应该这么写。我们都知道常规的函数定义是这样的。

2024-08-01 16:53:18 212

原创 在组件中调用createCanvasContext后ctx.draw画不出来(vue3和uniapp和微信小程序)

上网查了资料以后,发现 uni.createCanvasContext(CanvansID);在页面中其实默认传了第二个参数this,uni.canvasToTempFilePath也传了this。那么因为我们是vue3,所以引入this应该是这样。请注意vue3的this,要这样获得,并且他叫proxy,并且上下文和获取临时链接都需要加上proxy。我原来在页面中直接写,是可以直接画出来的,是没问题的,然后我把他放到组件中以后就不行了。

2024-07-29 15:34:07 304

原创 给uniapp官网的级联选择器(uni-data-picker),添加搜索功能

函数也增加了两个,一个是搜索后防抖出现搜索结果,另一个就是点击了某个搜索结果后,编辑成源代码需要的格式,并且调用源代码的更新方法即可!2.下载并导入项目以后,是以下这个目录结构,按照这个目录我会告诉各位,我改了哪些文件的哪些代码。总结一下,其实非常简单,html部分新增了一个Input,一个搜索出来的列表的展示。给uniapp官网的级联选择器(uni-data-picker),添加搜索功能。今天是2024/7/11,我下载的版本是2.0.0 (仅兼容了本地数据版本)这就结束了我只更改了一个页面。

2024-07-11 21:01:51 920 1

原创 vue3 按钮权限最新写法使用指令写法控制

1.在utils创建一个文件夹directive,里面创建一个index.ts和一个authList.ts。2.在utils/directive/authList.ts写入。3.在utils/directive/index.ts写入。我是not和delete权限其中一个有就可以显示。我是edit权限就可以显示。4.在main.ts写入。我是add权限就可以显示。

2024-07-07 22:12:52 260

原创 vue3 动态路由设计

2.这个请求放置在路由守卫(router.beforeEach)next的前面,阻塞next(),当动态组件添加好了在进入页面。这是最基础的逻辑,如果需要用到项目中,需要自行加上判断是是否有token,并跳转到Login页面等等。1.准备一个请求,从后端获取路由数据。

2024-07-04 20:21:55 210

原创 width,min-width,max-width三者的区别及如何使用

3.2建议使用Min-width+max-width,这样的效果就是,默认显示宽度是max-width,自适应的区间是,min-width和max-width之间,小于Min-width就会出现滚动条。所以总结一下,我们只会使用4中形式,单独使用width,单独使用min-width,单独使用max-width,结合min-width和max-width这2个使用。因为是三个属性,会存在,仅用其中一个,或则两个一起用,或则三个一起用的情况,下面我们一一讲解。具体的效果大家可以自己在代码里面试试更有感觉。

2023-09-15 21:25:40 1190 2

原创 使用nvm管理管理node版本 出现exit status 1: ��û���㹻��Ȩ��ִ�д˲�����报错

经过一番研究我才发现,nvm究竟是怎么运作的,他不是设置某个文件夹的node版本,而是你有很多版本,每次要用的时候你都要切换,而且是全局的,全局都会变成这个版本,那么这就很简单了。然后我还以为之后要使用所用的版本要在这个node版本下才能使用node -v这个命令,但是我在这个版本下面创建子文件夹,使用Node竟然无效,这让我十分无语。之前使用了nvm工具,进行创建项目,什么问题都没有,但是很久没有,发现node -v 在以前有用的文件夹有用 现在却没用了。但是却报错 ,这个报错的解决方案是。

2023-09-02 12:45:27 365

原创 js 最全this指向 ,代码版

【代码】js 最全this指向 ,代码版。

2023-08-07 10:59:02 204

原创 js 块级作用域及var的缺点(代码版)

【代码】js 块级作用域及var的缺点(代码版)

2023-08-05 13:44:18 196

原创 创建对象的六种方式(包含工厂,原型,构造函数,混合,动态原型)

【代码】创建对象的六种方式(包含工厂,原型,构造函数,混合,动态原型)

2023-07-30 19:17:12 58

原创 原型、原型链、构造函数、实例的关系

接下来我们继续拓展,由下图可知,其实每一个构造函数的原型还有一个原型(Object.prototype),这个原型是由Object函数创造的,而Object.prototype还有一个原型,那就是null,右边这一条由__protp__连接起来的链条就是就是原型链。好的这下我们就搞清楚原型链了,那么原型链究竟是为了什么设计出来呢,是为了方法和属性的继承,在原型链下方的对象,都会继承原型链上方的方法。接下来我们使用构造函数去创建一个实例对象。我们设置了一个构造函数命名为Fun。接下来我们就来验证一下。

2023-07-29 21:13:49 73

原创 vue3 引入echarts

第二步,当然是按需引入,在根目录的src/common/js下面新建一个echarts.js文件写入(上图红色圈的)第一步,当然是 cnpm install echarts。第三步,在main.js里面写入。第四步,在使用的页面写入。

2023-07-26 00:07:11 961

原创 vue3+ts使用自动导入时,使用element-ui的v-loading指令时,出现moudle not found的问题

*loading-directive).*$/), //修改此处。在网上试了好几种方法,有一个是修改vue.config.js的,那都是错误的!

2023-06-27 17:17:48 303

原创 微信小程序支持的纯css瀑布流布局

写在item的父盒子即可。

2023-06-26 16:56:15 207

原创 vue3 TS 并且使用自动引入组件后 引入element-plus的icon 没反应

然后引入icon的时候怎么都不行,最后在网上一直看各种解决方案突然就行了,贴一下代码。我使用了自动引入组件,如果不了解可以点进去看一下。

2023-06-06 10:24:57 673

原创 vue 隐藏部分V-for,达到显示前两条,点击后再显示更多的效果

很简单其实就是外面一个v-for,里面一个span,然后给v-show,当index是0或1就一直显示,然后用或者(||)连接,剩下的就由按钮控制,点击了按钮就显示所有的了。

2023-05-31 14:31:27 573

原创 小程序 修改v-model值后调用@input,重新赋值并不会修改视图BUG

因为你改了this.newName 这个值再去改E(input标签 里面的@input事件)是一个异步事件 在这个异步事件之前已经调用了下一个inputChange,此时赋的值还是之前的值 而使用了$nextTick 可以确保这个方法在所有异步事件之后调用 就可以获取最新的值了。那么,那么导致v-model="newName" 的值确实被我限制在了4个,但是视图并没有发生变化,会越写越多,但是如果我加上了this.$nextTick(() => {那么就正常了,那么为什么会这样呢?

2023-05-31 10:53:02 459

原创 关于 Uniapp 获取缓存报错 getstorage:fail:data not found 在开发者工具没有问题 手机预览报错

我们存缓存是在首页的onload,里面写了一个console.log(abc),而abc没有定义,再微信开发者工具中并不会报错,而是打印underfind,而手机预览则会报错,导致onload的后面的代码都没有执行,导致缓存没存进去,导致后面一系列报错。问题:在微信开发者工具中没有问题,真机调试也没有报错,只有打开预览的时候,用手机才会报错。后来发现,是缓存没存上,获取才报了错,那么为什么微信开发者工具存上了,手机预览没有存上呢?

2023-05-29 16:04:43 1684

原创 css column 瀑布流布局 div 块级元素 会被截掉一半的解决方案

再item里面加上in-line:block 即可。上图可知,Div会被截掉,那怎么解决呢?

2023-05-29 15:34:31 303

原创 小程序默认登录

setAuthorization,其中他的值store.getters.getAuthorization,是在app.vue里面获取的,但是要加到全局的每一个请求方法上,就不能通过普通的页面控制方法,只能一直修改监听请求,直到store.getters.getAuthorization获取到之后,才进行后面的请求。后,会发送到开发者后端,开发者后端通过接口去微信后端换取到openId(名字不一样) 和。(名字不一样)就已经完成登录行为了。接下来我记录一下自己的项目。我们自己的项目还有一个。

2023-05-24 17:25:28 361

原创 uniapp app.vue加载完成后运行首页

因为整个逻辑两个并行的页面和一个全局变量,如何通过全局变量控制两个页面的加载顺序的我问题,我们如果简化成一个页面就好理解。

2023-05-24 15:52:47 3004 1

原创 position: relative; 用法top bottom用法

总结relative也可以使用top bottom,且自身盒子可以达到在不脱离文档流的情况下,移动内部内容的位置,可以说是绝对定位的一种简单版本。//如果button和top都写只会留下top的效果。我们看看加上top会怎么样。

2023-05-23 11:32:48 251

原创 JS H5 地理(Geolocation) API 使用

【代码】JS H5 地理(Geolocation) API 使用。

2023-02-04 14:20:12 119

原创 vue3 canvas.getContext is not a function

【代码】vue3 canvas.getContext is not a function。

2023-02-04 13:54:16 4259

原创 vue3 elmentui 报错 Cannot find module ‘node:module‘

在使用webpack 运行vue3 elmentui 的时候报错Error: Cannot find module 'node:module'最后发现问题是 elment plus 和 自动加载方法 的版本不适应的问题。在加入vue3 elmentui plus 这行代码的时候 出现了报错。解决方法是 根据视频增加精确版本的包。

2023-01-17 18:04:26 5548 4

转载 关于 elementUI 中InfiniteScroll无限滚动 如何使用

然后按着官网的方法即可使用。

2023-01-05 14:38:14 676

原创 局部安装vue-cli并创建vue项目

那我们应该在D:\ruanjian\nvm\v19.0.0\xiangmu\vue3xiaodi 这个文件进行cmd(在输入文件路径的地方输入cmd即可)假设我们的项目文件夹是D:\ruanjian\nvm\v19.0.0\xiangmu\vue3xiaodi\项目文件夹。如果我们想局部安装vuecli的话我们应该在我们的项目文件外加一个父级文件夹。然后输入命令cnpm i -D @vue/cli@4.5.17 即可安装。在cmd中 使用 vue -V 查看的是全局vuecli版本。

2022-12-09 22:04:17 1042

转载 安装cnpm

链接:https://www.jianshu.com/p/e8d52f73e87b。商业转载请联系作者获得授权,非商业转载请注明出处。1.确认npm是否安装成功。,显示有版本号,则安装成功。3.检查是否安装成功。作者:HanMeng。

2022-12-08 22:09:32 277

原创 css 父级设置了padding,但是子元素还是会超过padding解决方案

我看了一下,是因为子元素,设置了width100%,以后还设置了padding,导致的问题,因为我们的盒子是标准盒子模型,width的宽度只是内容content的宽度,加上padding就会导致大于100%,所以有两个解决方案,一个是将盒子模型转换成怪异盒子模型,(box-sizing:border-box),一个是在移动端不要使用width:100%,的情况下就使用padding就不会超过100%。由上图所示,明明父级已经设置了一个padding,但是子元素还是跑出来了,这是为什么呢?

2022-11-22 15:10:21 2487

原创 flex space-between 第二位置贴左问题

如果我们想让他贴左边或者右边的话,我们设置左边一个距离,右边一个auto即可。那么第二个数据将居中对齐。

2022-11-22 14:59:37 509

原创 vue 解决子组件不能直接修改变父组件传过来的props值的问题。

需求分析:因为弹窗不是每次都弹,有一个判断,所以必须通过父组件传值来控制是否显示子组件,而且点击了子组件的确定以后,还必须传值给父组件,然后父组件再传值给子组件,达到关闭弹窗的效果。需求:做一个弹窗组件,进行重复利用。

2022-11-08 18:32:30 1015

原创 vue使用lodash防抖和节流

vue使用lodash防抖和节流

2022-09-03 23:53:11 1118

原创 前端面试题(代码版)持续更新

面试笔记

2022-08-31 00:47:49 267

原创 创建服务的时候发生了Renamed existing log file错误

事件:当我在 命令提示符 中想要创建服务的时候发生了错误,是有重命名的现有日志文件。代码:mongod --logpath="D:/ruanjian/mongoDB2/log/mongod.log" --dbpath="D:/ruanjian/mongoDB2/data" --install --auth错误:{"t":{"$date":"2022-04-27T14:18:43.291Z"},"s":"I", "c":"CONTROL", "id":20697, "ctx":"-","ms...

2022-04-27 23:15:03 2360

空空如也

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

TA关注的人

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