- 博客(37)
- 收藏
- 关注
原创 验证俩套加密算法是否互通
大体思想,先用a加密算法生成一套公钥和私钥,然后调用b加密算法的加密方法,其中的公钥,传a加密算法生成的。然后把使用b加密算法生成的结果,使用a加密算法的私钥进行解密,如果可以正确解密,则说明俩套算法互通。
2024-10-28 18:07:37 176
原创 原生微信小程序全局都会用到的弹窗
在微信小程序中,全局弹窗通常用于显示一些重要的提示信息、错误信息或确认对话框。为了保持代码的整洁和可维护性,全局弹窗通常应该作为一个公共组件来编写,并放置在一个合适的位置,以便在整个项目中复用。
2024-10-25 15:16:32 485
原创 在 HTML 中,<input> 元素支持的事件汇总
在 HTML 中,<input>元素支持多种事件,这些事件可以在用户与输入字段交互时触发。以下是一些常见的<input>input<input>change<input>focus<input>blur<input>keydownkeyupkeypressinputclick<input>mousedownmouseupselect<input>paste<input>cut<input>copy<input>
2024-10-22 10:09:47 1191
原创 自定义组件使用v-model 实现双向数据绑定
在 Vue.js 中,如果你想在一个自定义组件中使用 来实现双向数据绑定,你需要遵循一些特定的步骤。 实际上是以下两个属性的语法糖:假设你有一个简单的输入框组件 ,你可以这样来实现 :在这个例子中, 是从父组件传入的 prop,而 事件处理器会触发 ,将新的值发送回父组件。这里, 绑定了 到 组件上。每当用户在输入框中输入内容时, 会通过 事件更新 。如果你不想使用默认的 和 ,你可以通过 选项来自定义它们:父组件在这个例子中,我们使用了 来指定使用的 prop 名称和事件名称。注
2024-10-17 10:50:36 212
原创 前端开发过程中的代码优化
在给函数中传参时,如果一个一个传参,在调用时,会导致传参顺序必须正确才能正常调用,非常浪费时间且有些非必传的参数必须使用空字符串占位。建议改成对象的形式,然后在函数中对该对象进行解构。
2024-09-27 11:05:57 116
原创 【小程序】小程序不显示oss,cos的图片问题
由于网站图片都上传在了腾讯云COS,微信小程序端不显示网站图片 原因: 腾讯云COS启用了防盗链,需要在白名单添加微信服务的链接。原因是后端没有把小程序的请求域名放到白名单中,域名固定为:https://servicewechat.com。把此https://servicewechat.com链接加入到防盗链中 就可以访问。后端开启oss防盗链设置。
2024-08-26 16:24:22 355
原创 盘点一下在小程序中用到的专属功能
envVersion:develop-开发版、trial-体验版、release-正式版 仅在当前小程序为开发版或体验版时此参数有效。如果当前小程序是正式版,则打开的小程序必定是正式版。使用web-view进行承接,需要将h5链接配置在业务域名白名单中,否则会打不开。打开调试工具的话不受该限制。三、微信小程序内置h5页面。
2024-07-26 14:14:50 124
原创 【git】修改文件名称的大小写,git跟踪不到文件的变化
这个配置项影响Git如何识别和跟踪文件,尤其是在操作系统本身不区分文件名大小写的情况下(如Windows和某些Unix系统上的默认配置)。当设置为 true(默认值在很多系统上)时,Git会像在不区分大小写的文件系统上那样行为,即视为相同大小写的文件名为同一个文件。同事命名不规范,Apply的A没有大写,有代码洁癖的我要做这一块的内容,看着很难受。所以就顺手把a改成了大写,并修改其所有的引用路径。提交代码,合并到dev分支后,第二天拉取最新的dev分支代码,运行项目,发现路径引用有报错。
2024-07-02 11:07:19 992 1
原创 vue test utils学习
方法挂载组件时,由于只挂载了组件的根元素及其子元素,嵌套组件并没有被实际挂载。因此,如果要访问嵌套组件的属性和方法,需要通过组件的属性或事件来进行间接访问。通过事件派发:如果嵌套组件暴露了自定义事件,可以在根组件中监听这些事件,并在事件处理函数中访问嵌套组件的属性和方法。通过属性传递:如果嵌套组件需要与根组件进行数据通信,可以通过属性传递的方式来访问嵌套组件的属性和方法。方法时,如果需要测试嵌套组件的行为,需要手动访问嵌套组件的属性和方法。获取到嵌套组件的实例,然后访问嵌套组件的属性和方法。
2023-12-14 15:04:54 362
原创 yarn和npm的区别
版本锁定:yarn默认有一个yarn.lock文件来锁定版本,保证环境统一;而npm默认从网络下载最新的稳定版,但是可以通过命令实现版本锁定。离线模式:如果你已经安装过某个包,用yarn再次安装可以从缓存中获取,而npm需要从网络重新下载。并行安装:yarn可以同时执行多个任务,而npm需要等待上一个任务安装完成才能运行下一个任务。性能和速度:由于使用了并行下载和缓存等优化策略,yarn通常比npm更快速。更简洁的输出:yarn安装包时输出的信息较少,而npm输出的信息相对较多。
2023-11-27 17:56:56 226
原创 nuxtjs + vue3 坑
这种方式去监听pickupSpot 时,html会发生变化,但js中使用watch监听不到。必须使用这种格式才能监听到props中的数据变化。
2023-08-28 15:50:32 75
原创 BFC:块级格式化上下文(Block Formatting Context,BFC
BFC 默认情况下处于关闭状态,满足某些条件后,开启BFC参考文章https://blog.csdn.net/weixin_41819731/article/details/88594489。
2023-07-20 11:50:26 55
原创 SASS&&SCSS(SASS版本3.0之前的后缀名为.sass,而版本3.0之后的后缀名.scss)
sass和scss的区别 参考文章:https://blog.csdn.net/weixin_51608296/article/details/117155280。
2023-07-17 11:10:41 177
原创 语义化版本
x: 主版本 从0开始,0表示测试阶段,不建议使用。x更新的话,表示有不兼容性的更新。1.2.3-alpha - 后面的是 预发布版本。完整写法: x.y.z-预发布版本+ 编译版本。z: 修订版本 兼容,修复bug,优化。y: 次版本 兼容,有新增的功能。每次新增高位的版本,低位的版本需要清0。
2023-07-12 15:54:02 43
原创 js中的计时器为什么不能实现精确计时
原子钟能够实现相对精确的计时,但是我们浏览器的计时,使用的是cpu的寄存器,所以在硬件层面就不能实现精确计时。W3C 标准 settimeout 嵌套层级 》= 5 层 ,4ms误差。浏览器本身不会去计时,调用的是操作系统的计时。回调函数必须等待执行栈清空 才能继续执行。js中的计时器为什么不能实现精确计时。
2023-07-12 15:32:05 123
原创 如何把本地的nuxtjs项目在手机上运行
接着,在nuxt里的package.json中修改。首先,win+R键输入cmd命令,打开命令提示框。然后,输入ipconfig,找到IPv4 地址。npm run dev 打开nuxt项目。最后,复制链接到手机浏览器上就可以看了。注意在同一个WLAN下。
2023-06-30 10:19:51 317
原创 网站滚动条问题 由于滚动条出现消失造成页面抖动 && 自定义滚动条样式
100vw相对于浏览器的window.innerWidth,是浏览器的内部宽度,注意,滚动条宽度也计算在内!而100%是可用宽度,是不含滚动条的宽度。解决抖动可以根据是否有有滚动条进行不同的左右宽度计算: body{ padding-left: calc(100vw - 100%);这造成每个页面是否有右侧的滚动条是不一致的,这会导致有滚动条的页面跳转到没有滚动条的页面会发生页面抖动。3、解决方法二:滚动条宽度:calc(100vw - 100%)#缺点:不论屏幕是否需要滚动条,滚动条都会显示;
2023-06-19 18:45:40 1015
原创 pc mobile端做兼容适配时,mobile端禁用hover样式
MDN官方链接:https://developer.mozilla.org/zh-CN/docs/Web/CSS/@media/any-hover。如果mobile端不禁用hover样式,在ios会有兼容问题(touchmove之后会触发hover事件,且不会消失)any-hover 可以用来测试是否有任意可用的输入机制可以在元素上 hover。把hover样式写到 any-hover:hover的媒体查询中即可。
2023-06-02 11:03:45 294
原创 工具类代码--根据日期判断年龄,根据日期判断是否满一年。传入参数为‘2023-5-26‘格式
/ 出生日期不能大于今天。// 判断是否满一年。
2023-05-25 13:31:58 270 1
原创 vue中使用swiper轮播,中间显示默认主图,两端显示部分(重点!!!//左右宽度不一样的重点样式)
vue中使用swiper轮播,中间显示默认主图,两端显示部分(重点!!!//左右宽度不一样的重点样式)
2022-09-28 18:59:41 2058
原创 点击nuxtjs路由时,跳转到目标页面时,会出现在最底部。期望出现在最顶部。局部和全局的设置
点击nuxtjs路由时,跳转到目标页面时,会出现在最底部。期望出现在最顶部。局部和全局的设置
2022-09-08 16:52:08 917
原创 在nuxtjs+vue3+ts中使用vue-awesome-swiper做轮播图时踩得坑
在nuxtjs+vue3+ts中使用vue-awesome-swiper做轮播图
2022-09-08 16:41:57 1588
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人