- 博客(75)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 uniapp的vite模板中使用uni.createSelectorQuery().in(this)，用于实现菜单分类联动
在vite模板中使用uni.createSelectorQuery().in(this)来获取节点信息时，由于this不存在，需要找一个替代方法传进去。
2024-05-07 14:33:11
796
3
原创 Element Plus中表格树型结构，像el-tree的属性check-strictly一样，实现遵循父子不互相关联
借助el-table的@select回调事件，而不是借助@selection-change。因为selection-change在我们手动设置表格选中或者非选中时，会触发这个事件回调，不利于我们判断。而select当用户手动勾选数据行的 Checkbox 时才触发。第一步：先定义selectedIdList一个数组，用于存储我们选中的行目id。勾选一个字节的，父节点不是半选状态，勾选了父节点，子节点没有被选中。勾选父节点时，不影响字节点的选中状态。第二步：实现select的回调函数。
2023-12-29 15:36:39
1215
原创 结合el-upload修改支持上传图片、视频并预览
结合element plus的el-upload标签，实现上传图片和视频，并支持在线预览和放大。
2023-12-26 13:18:14
3081
原创 element ui中Select 选择器，自定义显示内容
但是要想自定义选项内容，但是展示内容不是选项label的内容，可以在el-option标签内增加div进行自定义选项label展示，但选择后结果展示仍是el-option标签内label属性绑定的值。正常情况下，下拉框选项展示内容，就是选择后展示的label内容。
2023-11-11 08:44:58
5196
原创 实现一个周选择器组件
默认每个月的第一个周一为该月的第一周开始，规则如图所示。处理selectWeek，获取当前日期所在的周。data中定义涉及到的参数。
2023-07-07 15:47:01
894
原创 高德服务web端JSAPI结合Vue使用天气、定位等功能
为应用添加 Key，「服务平台」一项请选择「 Web 端 ( JSAPI ) 」。【INVALID_USER_SCode：安全码未通过】错误返回。解决方式：index.html加上你申请key的密钥就即可。登陆之后，在进入「应用管理」 页面「创建新应用」首先，注册开发者账号，成为高德开放平台开发者。三、使用天气、定位等api时可能出现。添加成功后，获取到 Key 值。二、地图组件开发和使用。
2022-09-22 17:47:03
897
原创 采用object-fit解决图片尺寸不符合父容器宽高，又要显示合理
项目中要显示不同尺寸的图片，但是父容器尺寸是固定的，要合理展示在其中。此时需要object-fit 属性指定元素的内容应该如何去适应指定容器的高度与宽度。
2022-08-30 11:32:25
488
原创 四种盒模型居中
1、Flex布局<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit
2022-04-15 13:12:14
219
原创 前端判断文件是否存在,并把获取到的js手动写入到head中
用两种方式，当在模块内开发，能够使用node的fs模块进行判断，不在模块内开发时，采用XMLHttpRequest和ActiveXObject进行判断使用fs模块const fs = require('fs')fs.exists(filePath, (exists) => { if (exists) { console.log("文件已存在"); } else { console.log("文件不存在"); }});使用XMLHttpRequest和Acti
2022-04-15 10:19:26
1682
原创 给已经注释的代码做收缩
开发中经常要注释掉一些代码，但又不想注释代码占用太多空间，可以#region、#endregion相结合进行收缩，示例如下: ``` // #region // ****** 要注释代码 ****** // ****** 要注释代码 ****** // ****** 要注释代码 ****** // ****** 要注释代码 ****** // #endregion ``` 收缩效果： ![在这里插入图片描述](https://img-blog....
2022-04-15 10:02:42
459
原创 如何在vue3+vite+ts中使用require
vue3+vite+ts中不能使用require<img :src="getAssetsImages(children.icon.type)" alt="" style="width: 35px;height: 35px;">1、vue2中可以给图动态设置src属性const getAssetsImages = (name) => {return require(/src/common/images/menu/${name}.png)}2、vue3+vite+ts使用requ
2022-04-13 18:28:15
13308
4
原创 chrome无法登录同步问题
情况描述开始用的笔记本，注册了一个chrome账号，采用的是”igg“后面使用公司台式机，新安装的chrome浏览器，登录我自己的账号之后能够完成同步功能。时间久后，又收集了好多书签和chrome扩展，于是乎想同步到笔记本中，奈何同步一点用没有。于是我想是不是可以退出登录，重新登录一次进行同步。摸索了一会终于退出当前账号了，完了后面就再也不能登录了。“igg”保持连接的，所以登录页面是能够访问的，但是登录之后里面alert提示【不能同步到xxx 账号Connection failed】，重新又回到
2022-04-08 22:07:15
4578
原创 做网站开发切记以ad、gunggao等关键字进行命名
谷歌浏览器安装了去广告的扩展后，打开之前开发的网站，发现顶部区域图片不显示了。 摸索之后想起把去广告扩展关掉，然后它就显示了，所以意识到自己class命名存在问题。
2022-04-08 17:25:16
139
原创 安装nvm和nrm
1、当多个项目并行时，由于各种因素，各个项目里有着差异的node版本，这样我们在不同的项目里需要切换不同版本的Node.js，所以需要安装nvm。首先要下载nvm-windows然后安装，如果本身已经安装node某个版本，安装后会提示是否合并，合并即可。输入nvm ls 可查看已经安装的版本nvm install 12.16.1 安装指定版本，安装之后里面缺少npm启动项，会提示npm不是内外部命令，建议下载对应版本的 压缩包.，手动放进来。2、nrm(npm registry manag
2022-02-21 16:54:06
1369
原创 当一个页面从B返回到A后，取消B页面的所有请求
当B页面初始化请求接口较多，并且接口响应较慢时，返回A页面后理应取消所有请求，节约流量。1、项目采用uniapp进行开发，request请求使用luch-request进行封装
2021-10-26 11:03:17
1396
原创 vue项目使用proxy解决跨域问题
在项目中创建vue.config.js文件，配置服务器代理，其中selfservice是接口共通部分module.exports = { devServer: { proxy: { '/selfservice': { target: 'http://xx.xx.com', // target: 'http://172.16.3.58:8000', pathRewr
2021-10-19 13:48:42
281
原创 获取验证码的页面及其实现逻辑
使用uniapp做的h5页面，所以布局使用的view标签。1、写html布局，输入框、获取验证码按钮<view class="input"> <image src="../../static/images/login/password_icon.png" mode="scaleToFill"></image> <input type="text" v-model="code" value="code" placeholder="请输入验证码" /
2021-10-14 16:32:41
1684
原创 uniapp在H5下选取文件并上传到服务器
uniapp在H5下选取文件并上传到服务器文件可以是图片、ppt、pdf等类型，主要借助于uni.chooseFile进行选择文件，然后借助uni.uploadFile进行上传到服务器。1、html展示，提供一个上传按钮，在提供一个上传成功后展示容器<view class="add-btn"> <image src="../../static/images/evidence/add-icon.png" mode=""></image> <
2021-10-14 15:58:18
7667
原创 js实现函数防抖与函数节流
开发过程中经常遇到持续触发的事件,一般防抖和节流是比较好的解决方案。1、函数防抖所谓防抖，就是指触发事件后 n 秒后才执行函数，如果在 n 秒内又触发了事件，则会重新计算函数执行时间2、函数节流所谓节流，就是指连续触发事件但是在 n 秒中只执行一次函数。...
2021-08-11 10:45:00
149
原创 vue中的计算属性简写与完整写法
1、简写与全写的区别vue中的计算属性分为简写和完整写法,简写的方式是不考虑计算属性的修改的,而完整的写法是考虑计算属性的读与写的2、vue2下计算属性的写法<input type="text" v-model="oneName"><br> <input type="text" v-model="lastName"> <p>{{fullName}}</p> <p>{{testName}}</p> <in
2021-08-03 15:18:18
2343
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人