自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

柠檬人的博客

一起学习,分享知识

  • 博客(79)
  • 资源 (3)
  • 收藏
  • 关注

原创 基于HTML和css的静态网页仿写

具体效果为:采用的技术主要有:position定位浮动布局弹性盒子布局a链接 伪类表格表单等等首先全局设置为:*{ margin: 0%; padding: 0%; }ul,ol{ list-style: none;}a{ text-decoration: none; }html,body{ width: 100%; height: 100%;} #footer{ width: 100%; he

2023-03-07 11:22:03 3982

原创 使用虚拟机中安装deepin系统

然后选择使用ISO映像文件,然后找到你下载的ISO文件,然后点击确定,然后直接等待自动安装即可,此过程可能会耗费一段时间。然后定义虚拟机名称以及磁盘大小,推荐磁盘大小为100G以上。然后选择操作系统为linux,版本为Ubuntu 64位。依照你的需要选择典型配置或者自定义配置,然后点下一步。创建完成后在弹出的主页中点击CD/DVD。在新建向导时,选择稍后安装操作系统。10.等待安装成功即可正常使用。打开vm,选择创建新的虚拟机。

2023-01-22 14:00:31 1328

原创 设置TypeScript的接口属性为可选值。

接口的作用就是为这些类型命名和对代码或第三方代码定义契约。而接口里的属性很多时候并不一定都要传,更多是可选的。大部分情况下传入对象的只有部分的属性。但是这样直接传会报错,所以TypeScript可以通过在参数后跟上?接口是TypeScript的核心之一,作用是对值所具有的结构进行类型检查。

2023-01-09 10:39:50 852

原创 vue3为什么舍弃了this.$set

因为vue2是用object.definedProperty来实现数据响应的,他无法监听深层数据的变化。所以需要使用this.$set来实现数据的修改和添加。而vue3是通过proxy代理来实现数据的响应,通过ref和reactive将值和对象类型变为响应式对象,所以这样对它的修改和添加就能被vue捕获到,从而实现页面的自动刷新。所以直接对对象本身进行修改或者添加就行了,this.$set自然就没用了。

2022-12-08 09:30:10 3488

原创 阻止谷歌对密码框进行默认填写的几种办法。

使用readonly参数使密码框默认不能填写,再通过onfocus事件触发removeAttribute方法将readonly属性移除。

2022-12-06 09:04:55 386

原创 vue获取dialog对话框中dom节点的办法。

但是el-dialog的dom节点是在dialog渲染出时才会有,但是这个时候vue的生命周期已经走完渲染了,所以在这种时候还想拿到则需要使用nexttick包裹起来进行获取。vue2在加载的生命周期里使用,Vue3 setup写法直接把内容写成函数然后在外部直接调用接口。

2022-11-03 17:38:30 1465

原创 i18n,通过tm来传值并调用函数的办法。

我们在使用i18n时,有时候会需要调用函数然后返回相应的值进行显示,这时候就不能用。

2022-09-11 17:23:43 786

原创 使用Object.key和delete来将对象中值为空的属性删除。

有些时候,我们在接口传值时,不需要把值为空的属性传过去,即可使用该方法来快速的删除属性。

2022-09-11 17:07:15 992

原创 element-plus表单验证bug记录

使用form表单进行提交时,表单验证validate根本没有反应,连失效都没有生效,原因在于使用validator来进行自定义表单校验时,写方法时,没有返回回调函数,使用validator必须要返回一个回调函数,即使else你完全不用,也必须要return一个callback,不然表单验证直接失效。

2022-09-11 17:03:29 931 1

原创 el-table,selection多选通过接口拿到数据后进行反显

【代码】el-table,selection多选通过接口拿到数据后进行反显。

2022-09-11 16:54:00 1121

原创 vue3创建和获取循环动态ref

此时每个元素的值便都存boxRefs数组中了,使用方法和使用数组无异,如下。然后在需要循环赋值ref的元素上使用setRef,具体如下。

2022-09-11 16:46:52 6009

原创 el-form执行resetFields方法时不能实现对表格的重置。

这种情况在使用dialog展示表单时很常见。因为dialog打开时,你同时把值传过去了,所以底层上你传过去的数据才是你的初始化数据,这种方法解决办法也很简单,在dialog上所以v-if来控制就行。那可能是因为,你现在的值就是你form表单第一次打开的值,form表单的重置是以第一次打开的数据作为重置标准。所以你使用重置方法其实是重置了,但是重置的还是你第一次展示出来的值。如果ref名字没有错,同时prop关联的字段名是和form的key值是一样的情况它依然不生效,

2022-09-11 16:38:47 307

原创 vue3 在script标签中使用i18n的办法

vue2,在script中使用i18n的办法和在页面中一样使用$t即可,但是这个在vue3中并不生效。解决办法是,创建好i18n后,把i18n给 export default暴露出去。而在global中,就有i18n的t,tc等方法。

2022-08-28 21:28:27 1791

原创 vue实现v-for和v-if一起使用的方法

所以我认为的解决办法是。在使用v-for的的组件外,再包裹一层template标签。再在上面使用v-if,因为template只是包装元素,他并不会在页面中进行任何的渲染。所以也能达到v-if和v-for共同使用。我们一般知道,v-if和v-for因为优先级的问题,所以不能在一起使用,但是有些时候又有这种场景的需要并且也不想改变页面布局。...

2022-08-28 21:10:43 2459

原创 v-if来实现触发方法

当我们需要在v-if重新渲染的同时还能够触发方法时,可以把方法直接写在v-if中,通过&&连接。通过短路判断该方法是否触发。

2022-08-08 18:14:08 876

原创 HTML 实现打电话

HTMLa标签的href属性tel点击可以实现调用手机。*请改成要拨打的手机号。

2022-07-20 13:31:43 7241

原创 前端控制台报错#Uncaught (in promise) TypeError: Cannot read properties of undefined (),用nextTick解决。 vue3

在页面渲染是,控制台报错Uncaught (in promise) TypeError: Cannot read properties of undefined (xxxx),但是页面依然成功渲染了。原因是接口请求是异步的,而页面上最初进行渲染的时候,还没有拿到接口的值,所以报错了但是正常渲染了,解决方法是通过nexttick加if判断。也就是将接口请求的办法写在nexttick中,下面是模拟代码:在页面上可以看到打印了两次1,因为第一次是没有获取到值的,通过这个操作可以让控制台不报错。......

2022-07-12 11:22:29 13156 1

原创 vue-infinite-scroll无限滚动组件

该组件主要用于滚动到底部后自动触发v-infinite-scroll绑定的方法

2022-07-05 17:27:56 1552

原创 typescript as unknown as 可能解释简记

as unknown as 是用来代替 as any的开发中经常会遇到类型定义的不太好

2022-07-05 12:26:48 4876

原创 vue3终止watch监听的办法

vue3终止watch监听的办法是:将watch赋值给一个变量,当达到条件调用watch赋值的那个变量就可以终止监听了。如:

2022-07-04 18:02:09 9166 4

原创 vue对element plus按需引入流程

第一步按照官方文档要求在终端中导入插件官方提供的是vite和webpack方法,这里选择webpack方法。但是创建的vue项目文件夹中并没有webpack文件。我们只需要在vue.config.js文件中进行引入就行了。但是我们不能直接按照官方文档的webpack方法引入,还需要添加一个configureWebpack命令在plugin之前最后具体内容如下:...

2022-07-02 12:44:30 376

原创 快速创建一个值一样的数组

输出

2022-06-29 11:43:45 284

原创 对象的字面量实现switch效果

字面量是用来为变量赋值时的常数量对象字面量是封闭在花括号对({})中的一个对象的零个或多个”属性名:值”列表。如对象的字面量实现switch效果效果如图

2022-06-21 18:14:14 125

原创 简易双向绑定

vue2.0双向绑定简易实现。

2022-06-21 14:36:11 157

原创 JS执行流程简记

异步分为宏任务(ajax请求,定时器,文件操作)和微任务(Promise.then、.catch、.finally,process.nextTick)

2022-06-18 16:17:53 188

原创 通过sleep实现每秒输出一个数。

最后输出0,1,2,3,4,每个输出间隔一秒

2022-06-14 09:54:20 119

原创 手写call和apply【JavaScript】

都是改变this指向。call传的是数据,apply传的是数组。

2022-06-12 15:01:21 93

原创 预编译简记

预编译的流程为:首先创建AO(activation object)对象,然后找形参和变量的声明来作为AO对象的属性名,值是undefined,然后统一形参和实参,最后找函数变量的声明,它会覆盖变量的声明。上面这个代码预编译情况为:

2022-06-02 10:17:25 54

原创 深浅拷贝简记

数组和对象之间的赋值都是浅拷贝。因为会相互影响。解构赋值在数组是一维数组时可以勉强看作是深拷贝,但是多维数组进行结构赋值依然是浅拷贝。常用的深拷贝方法:新数组=JSON.parse(JSON.stringify(数组))将对象转换为json字符串形式再将转换而来的字符串转换为原生js对象标准的深拷贝: function deepClone(source) { //判断拷贝的要进行深拷贝的是数组还是对象,是数组的话进行数组拷贝,对象的话进行对象拷贝 const

2022-05-30 19:34:31 84

原创 谷歌浏览器设置小于12px字体的办法

谷歌浏览器默认情况下字体最小只能设置到12px,小于12px的设置会无效化。解决办法:通过缩放来实现,如transform:scale(0.8),把它变为原来的0.几倍,即可实现设置小字体的效果。

2022-05-29 15:57:25 709

原创 防抖和节流简记

节流:一定时间内只调用一次函数防抖 :固定时间内,只执行最后一次的事件。用游戏做比方就是,节流是技能固定的cd,只有cd结束了才能重新释放技能,防抖是在技能引导期间重新按该技能的话就会重新计算时间。...

2022-05-28 18:09:28 258

原创 vue+element表格中的方法怎么绑定值。

通过插入scope标识,来获取到。

2022-04-22 09:16:20 1383

原创 yarn报文件名、目录名不正确的解决办法

在使用yarn进行yarn create @umijs/umi-app操作时,一直报文件名、目录名不正确。最后发现原因我的yarn全局安装位置,和命令目录不在同一个盘符,找不到。将全局安装地址和缓存地址移到和命令目录同一个盘符就解决了。查看yarn命令目录yarn global bin查看yarn的全局安装位置命令yarn global dir修改全局安装地址和缓存地址yarn config set global-folder "D:\nodejs\yarn\global"yarn

2022-04-19 17:36:08 537

原创 wx.request POST传递中文时显示乱码处理方法

微信小程序post传数据时,nodejs拿到的是乱码的中文,解决办法就是修改请求头:header修改为:‘content-type’:‘application/x-www-form-urlencoded;charset=utf-8’,即可,如图所示:

2022-04-14 16:47:27 939

原创 react moment实现时间戳转换成日期

首先导入momenttime为时间戳

2022-04-09 11:14:41 776

原创 nodemon的配置和使用

在我们开发使用node.js时,每次修改文件后都要重新启动才能生效,非常浪费时间。而nodemon就能解决这项问题。它可以自动检测到目录中的文件更改;然后自动重新启动应用程序来调试基于node.js的应用程序。使用时首先安装成功后在package.json文件中找到script调试,将原来的start改成就能进行使用了...

2022-04-09 11:11:33 739

原创 微信开发工具ts和js文件冲突

如果创建了微信小程序使用了typescript来初始化项目,然后在文件夹中新建了js文件的话,微信开发工具会先读取ts文件中的内容,除非ts文件中没有内容才会去读取js文件。所以只要把ts文件删除或者清空内容;就能正常运行js文件了。...

2022-01-11 08:51:53 17058

原创 vant icon等需要组件使用本地图片时图片不显示的解决办法。

地址明明没有错,但是图片失效检查时提示无法载入图片,这样只需要通过require引入就能解决问题

2022-01-05 13:13:43 3690 1

原创 nodejs拿到RowDataPacket中的值

拿到RowDataPacket中的值

2021-12-23 19:30:45 795

原创 git版本控制

GIT是什么?分布式版本控制系统什么是版本控制系统项目中的问题:1、今天修改了东西,发现不能用,回到昨天的版本2、每次修改要备份保存。浪费磁盘空间3、还要记录每次修改的什么东西版本控制系统作用:1、可以保存我们每一次的修改记录2、可以记录我们每个版本3、记录备注我们每一次改了什么什么是分布式?上节课讲了svn是集中式我们需要一个中央服务器,存放代码的版本库日常:从中央服务器中下载最新代码,更改,提交代码缺点:需要联网,如果是外网分布式:可以没有中央服务器,我们的每一台电.

2021-12-14 09:21:09 251

家庭医生模拟js.rar

家庭医生模拟js.rar

2021-12-07

HTML基础.xmind

HTML基础.xmind

2021-12-07

web前端,JS.xmind

web前端,JS.xmind

2021-12-07

空空如也

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

TA关注的人

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