- 博客(79)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 基于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
原创 使用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
原创 前端控制台报错#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
原创 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
原创 对象的字面量实现switch效果
字面量是用来为变量赋值时的常数量对象字面量是封闭在花括号对({})中的一个对象的零个或多个”属性名:值”列表。如对象的字面量实现switch效果效果如图
2022-06-21 18:14:14
125
原创 JS执行流程简记
异步分为宏任务（ajax请求，定时器，文件操作）和微任务（Promise.then、.catch、.finally，process.nextTick）
2022-06-18 16:17:53
188
原创 预编译简记
预编译的流程为：首先创建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
原创 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
原创 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
原创 git版本控制
GIT是什么？分布式版本控制系统什么是版本控制系统项目中的问题：1、今天修改了东西，发现不能用，回到昨天的版本2、每次修改要备份保存。浪费磁盘空间3、还要记录每次修改的什么东西版本控制系统作用：1、可以保存我们每一次的修改记录2、可以记录我们每个版本3、记录备注我们每一次改了什么什么是分布式？上节课讲了svn是集中式我们需要一个中央服务器，存放代码的版本库日常：从中央服务器中下载最新代码，更改，提交代码缺点：需要联网，如果是外网分布式：可以没有中央服务器，我们的每一台电.
2021-12-14 09:21:09
251
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人