- 博客(58)
- 收藏
- 关注
RSS订阅原创 实现悬浮按钮拖动，兼容h5和微信小程序
主要功能是：图片上写文字的悬浮按钮，文字使用的是::after实现的，图片就用的u-image标签。（图片和文字，用背景图好像更方便诶，文字就用绝对定位、flex或者是margin）代码里面没有完全实现吸附边缘的功能，需要吸附边缘的话还得自己再完善下。h5的吸附边缘是可以的，小程序的还有点问题。h5用js写，微信小程序用。
2025-03-13 16:29:20
384
原创 网页翻译-可可翻译
chrome-extension://icfnljfpacimpcbpammmbclmhenimhfc/options.html可可翻译。
2025-02-21 17:07:24
106
原创 一些时间方法
2.选择开始时间之后，结束时间为开始时间之后的120分钟，他们的格式是yyyy-MM-dd HH:mm:ss。3.比较大小，获取当前时间。
2025-02-21 15:31:51
288
原创 微前端qiankun打包部署
部署的时候会有一个配置文件（配置api代理地址），这个文件只要放在跟目录下就行了，子目录里面不要放这个文件，不然微应用会报错500。1.token需要使用setGlobalState，传参或者方法用的setGlobalState。前提：后台项目，在主应用设置菜单，微应用渲染组件，没有使用路由跳转。我遇到如下报错：配置entry时要加上index.html。5.打包（打包花了我很长时间，不使用Nginx）3.有需要新打开的跳转页面写在主应用中进行跳转。仔细看qiankun官网就可以了，最重点的是，
2025-02-21 14:34:37
259
原创 async和await
对象），JavaScript 会自动将这个同步数据包装成一个立即解析的。避免了回调地狱（callback hell）和复杂的。函数内部使用：不能在普通的函数或全局作用域中使用。使得异步代码看起来更像同步代码，易于阅读和理解。，JavaScript 也会将其返回值包装在一个。会立即返回这个同步数据，不会导致任何延迟。后面跟一个同步数据（即一个非。函数内部没有显式返回。
2025-01-20 17:08:22
227
原创 setTimeout和nextTick的区别
当你需要确保DOM已经更新，并且你依赖这些更新后的DOM元素时使用。：当你需要延迟执行某些代码，或者确保某些异步操作在特定时间后发生时使用。微任务会在当前宏任务执行完毕后立即执行，并且在下一个宏任务开始之前完成。Promise的回调函数会被放入微任务队列中等待执行。用于在DOM更新之后执行回调函数。用于在指定的延迟时间后执行一段代码。执行顺序：宏任务-微任务-宏任务。
2025-01-20 15:50:13
182
原创 小程序相关
或者是在小程序开发工具中看下没有生效的view样式类名，用::v-deep写样式，h5和小程序用条件编译。底部安全距离padding-bottom: env(safe-area-inset-bottom);2.在uview组件上修改样式不会生效，需要在外面套view。1.右侧胶囊宽度，胶囊和文本重合问题。顶部为搜索栏，可以获取胶囊信息设置。顶部为左侧返回按钮，中间为文本。
2025-01-10 10:20:22
489
原创 表格增删改查操作规范
2.编辑新增前，判断列表是否勾选，勾选多个或一个，需要改变弹窗标题，弹窗移动以后再关闭再打开，弹窗位置需要还原（需要v-if控制弹窗），编辑需要拿到行数据（有些时候数据复杂时需要考虑深拷贝的问题）4.编辑新增后，无论是否成功都需要弹窗提示，调用列表接口，关闭弹窗和列表勾选，清除表单数据，清除弹窗标题，重置其他数据。5.删除：判断当前列表勾选（是否勾选，是否勾选1个），删除调用接口成功后需要更新列表，清空列表选中，开启按钮加载。3.编辑新增时，点击提交按钮需要出现‘提交中’不可点击加载icon。
2024-12-19 09:58:50
217
原创 前端实现el-table表格数据搜索，树形数据多层
需求：输入框关键词keyInput，用名称搜索name，如果关键词包含name就加入到显示数组中，先搜索父级，父级没有再搜索子级。
2024-12-17 17:01:06
195
原创 树形数据，多层children，找到children的上一层数据id，深度优先算法
【代码】树形数据，多层children，找到children的上一层数据id，深度优先算法。
2024-12-17 16:53:56
126
原创 element plus展开列编辑排序功能
1.父级和子级都要额外加入4个值（直接写一个方法）：是否显示上移下移按钮，父级的索引值，子级的索引值。2.弹窗添加父级（表单必须选择子级，子级的数据是1中的Select 选择器的数据）8.1的Select 选择器勾选或者取消时没有展开功能的父级相应删除或增加。1.Select 选择器选择表格数据（默认一级，没有子级，不要展开功能）6.外层所有父级排序，同一个父级下的子级排序。7.子级移出父级，变成没有展开功能的父级。3.没有展开功能的父级编辑。4.有子级的父级编辑。
2024-12-13 16:50:08
129
原创 input密码和确认密码输入框错误提示没有同步
当先修改确认密码，再修改密码时，确认密码的错误提示仍然存在：在监听密码的watch中判断密码和确认密码是否相同。只监听了确认密码改变时：是否和密码相同。
2024-12-13 16:22:33
118
原创 使用剪映初体验
设置一个字幕后保存预设（后续设置字幕可以在同一位置，字体大小颜色也不用重新设置），添加ai朗读。总结：简单使用剪映裁剪视频片段、添加字幕和朗读，视频剪裁拼接这个功能简直666。电脑录屏：win+g。
2024-12-13 16:16:56
104
原创 选项卡切换--渐变色文字背后放横线，文字一直处于底层（未解决，还没找到其他办法）
设置文字渐变色时使用了-webkit-text-fill-color: transparent;，这个属性让文字一直处于了底部，选项卡切换：横线使用的是绝对定位，使用z-index也没有办法让他处于底层。没找到其他设置渐变色文字和背后横线的方法。
2024-12-13 16:08:53
106
原创 uniapp设置字体h5和微信小程序
2.微信小程序端只支持网络字体，但是真机运行的时候安卓手机字体没有生效（未解决）苹果生效了。1.h5使用网络字体不显示：跨域问题，改成本地引入。3.另一种方法：ui把文字放图片上，直接用图片。
2024-12-13 16:00:58
287
原创 element plus，动态设置列时，由于左右固定列导致的样式错乱问题
表格自带样式给了这两个，取消这两个样式表格宽度就可以自适应，就不会出现动态列样式问题；我知道可以在页面的表格样式下给width：auto,用来覆盖width：100%；但是不知道flex：1怎么覆盖它。思路：判断表格横向滚动条是否存在，存在的话设置fixed属性，不存在则fixed=false。问题：动态修改时没有生效：是因为没有刷新表格（在表格上加上key就可以了）其他很麻烦的思路：不改变fixed，改变表格宽度。
2024-12-13 15:34:57
258
原创 敲代码电脑卡顿
在设置里面--安全中心---病毒威胁和防护设置--添加排除项（可以把自己不想让他扫描的文件加进去，我怕有安全问题没这样改）我把vscode和hbuilder中的文件都移除了，只放了一个要用的文件，vscode和hbuilder同时打开都不卡。发现Antimalware Service Executable占了很大的cpu和内存，巨卡无比。网上搜索发现是window的安全组件，会扫描文件。
2024-11-14 17:31:17
191
原创 项目报错 SyntaxError: Unexpected token ‘??=‘ 和node-sass报python错误；nuxt、vue项目
项目报错 SyntaxError: Unexpected token ‘??=‘ 和node-sass报python错误；nuxt、vue项目
2024-11-14 17:17:14
1251
2
原创 表单动态设置验证规则form、rules
需求：密码验证动态显示，显示验证码时隐藏密码并清除密码的表单规则；验证码不显示时，加入密码的表单规则。解决：使用this.$set和this.$refs.formRef.clearValidate()
2024-11-14 10:55:37
298
原创 .gitignore文件解释
只能忽略那些原来没有被追踪的文件，如果某些文件已经被纳入了版本管理中，则修改.gitignore是无效的。删除（改变成未被追踪状态），然后再提交，这样就不会出现忽略的文件了。过滤掉不需要被版本控制的文件-如日志文件，配置文件。忽略整个文件夹/：文件夹的路径再加上斜杠作为结尾。忽略package-lock.json不起作用？空行：分隔符，不匹配任何文件。
2024-11-11 14:41:57
326
原创 uni-table表格组件 合并单元格,小程序和APP无法适配
存在表格边框重合问题：解决办法，自己写边框不要用自带的，会存在滚动到底部时有底边框重合（不用管他）只适用于H5，小程序和APP无法适配：使用rowspan 和 colspan：表示要合并的行和列。2，使用原生table，合并单元格和固定表头滚动。1，uni-table表格组件 合并单元格。
2024-11-11 11:47:03
830
原创 uechars秋云组件，心电图uniapp
2，setInterval、clearInterval和随机数。使用轮询和长连接进行数据滚动，轮询使用定时器。1，动态赋值动画闪动问题。
2024-11-11 11:39:22
346
原创 钉钉扫码登录vue3笔记，后台系统
逻辑：点击切换钉钉登录的按钮，调用‘钉钉扫码授权登录’接口（传参当前页面地址A1），扫码以后，后台会调用‘钉钉回调’的接口（自动跳转回‘A1+code参数’的地址），页面获取code参数，然后用这个参数调用管理员列表接口，页面显示列表，点击列表登录账号（点击获取列表数据，然后调用‘钉钉登录’接口）方案1：点击切换钉钉登录--自动跳转钉钉授权页--扫码以后自动返回页面---调用管理员列表接口---列表点击调用钉钉登录接口（这种情况直接按正常逻辑调用接口就可以了）点击管理员信息后，钉钉登录。
2024-11-11 08:43:57
331
原创 uniapp笔记（简单）
6，js文件引入地址写法：绝对路径(@/)，相对路径(../../)js 文件不支持使用/开头的方式引入。1，onLoad比较适合的操作是：接受上页的参数，联网取数据，更新data。5，引用组件不用注册（直接在template中使用）：easycom（2，页面加载常见问题：a,优化白屏的方法;b,卡住动画不启动的原因。办法：在hx上运行，在vscode上写代码，是git所有是同步的。7，引入静态资源：/、@/、../../4，页面通讯，uni.$emit()10，改变平板顶部自带的设置项颜色。
2024-10-31 09:54:58
270
原创 vue中.sync 修饰符：适用于需要显式指定 props 名称的双向绑定场景
【代码】vue中.sync 修饰符：适用于需要显式指定 props 名称的双向绑定场景。
2024-10-31 08:53:46
177
原创 vue生命周期钩子
beforeDestory改为onBeforeUnmount destoryed改为onUnmounted。其他都是在2的生命周期前面加上一个on：比如：onBeforeMount。beforeCreate和created变setup()
2024-10-30 17:09:57
119
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人