- 博客(176)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 手写一个loading动画
效果描述：第一个方块1s内旋转90度静止，第二个方块1s内旋转90度静止，第三个方块1s内旋转90度静止，第一个方块1s内旋转90度静止…相关参数：animation-duration、animation-iteration-count、transform: rotate(90deg)思路：完成整个动作需要4s，其中第1秒在执行动作，剩下3s为静止。
2025-02-28 16:17:32
203
原创 公共方法 - 剪贴板、复制文本（uni.setClipboardData、clipboard）
注意：ios使用该api时，会回弹页面，用户体验感很不好。
2025-02-13 11:19:20
128
原创 uniapp - iconfont下载本地并且运用至项目上
4、修改src/assets/iconfont - iconfont.css里的@font-face的src地址，修改成绝对路径。1、项目中创建一个文件夹放置iconfont相关文件，例如src/assets/iconfont（名称自己定义）注意：这里的123是我瞎写的，下载后的t=xxx是什么，123就是代表那个的。5、在App.vue中把iconfont引入到项目中。2、在iconfont下载项目至本地。6、在项目中使用iconfont图标。3、解压后把文件复制进1的文件夹中。
2025-02-13 10:16:46
399
3
原创 z-paging仅使用下拉刷新，并且切换tab的时候自动滚动到顶部
ps:刚开始未设置show-refresher-when-reload，并且tabsChange是直接调用init()，导致第一个tab滑动到某个位置，切换第二个tab未自动滚动到顶部，用户体验很不好。后面设置了show-refresher-when-reload还是一样的情况。:show-refresher-when-reload=“true”：列表刷新时自动显示下拉刷新view。:loading-more-enabled=“false”：不启用加载更多数据。，并且做虚拟列表），且有tab切换。
2025-02-12 18:27:49
374
原创 vue表格拖拽，可以多个单元格拖拽
效果：第一行的1、2单元格从1单元格拖拽到第二行的2单元格，那么第二行的2、3单元格里的数据会被替换成第一行的1、2单元格的数据。
2025-02-06 10:30:16
887
原创 解决scroll-view与“enablePullDownRefresh“: true冲突报错
既然跟"enablePullDownRefresh": true冲突，那么就删掉或者设置为false（如果页面没有下拉功能的话是可以行的）网上查了下，说是scroll-view与pages.json设置的"enablePullDownRefresh": true冲突。另外一种就是在scroll-view标签里加上【@touchmove.stop】即可（只要scroll-view没有下拉的操作）。
2024-12-04 14:33:19
317
原创 web移动端、pc端获取浏览器指纹-fingerprintjs插件（类似mac地址）
注意的事，这边要使用async和await，或者setTimeout延迟下才能获取到。主要还是使用fingerprintjs插件。（这里封装成公共js）
2024-12-03 16:54:22
464
原创 canvas用base64进行绘制图片问题
开发者工具canvas可以直接用base64进行绘制图片，但是在。，所以要把base64在本地储存临时路径，在去绘制图片。
2024-12-02 17:41:49
435
原创 this.$t()在data中（i18n国际化），切换语言不生效的几张解决办法
当把语言设置在data里时，如果在本页面切换语言（弹窗切换语言功能、跳转切换语言页面在返回等），会发现title这个不会跟着变化语言，但是刷新下页面又可以了。
2024-12-02 11:51:47
432
原创 uniapp h5地址前端重定向跳转
简单说下功能，就是在地址输入http://localhost:8080/home 会自行跳转到http://localhost:8080/pages/home/index，如果有带参数的话也会携带上去。创建一个路由映射的js集合（自行命名）首先需要用到query-string。安装query-string。在app.vue页面中使用。
2024-11-14 14:58:57
786
原创 弹性布局flex-direction
如果在固定的内容里，有一个数据为动态，并且可以很多，会导致固定的内容高度不是一个固定值。用获取元素的api（例如uniapp的createSelectorQuery），虽然可以获取高度，但是不太建议。通常来讲，要布局一个底部按钮固定，中间内容可以滑动，都会用中间内容padding-bottom固定内容的高度来使内容可以滑动到看见全部。后面找到用弹性布局来解决的办法。以上代码即可实现同样效果。
2024-11-04 18:09:13
152
原创 倒计时demo
/ 如果活动未结束，对时间进行处理。// 活动已结束，全部设置为'00'// 对结束时间进行处理渲染到页面。// 获取天、时、分、秒。
2024-10-30 14:29:33
717
原创 nuxtjs：移动端适配
把node_modules\lib-flexible下的flexible.js复制一份，复制到根目录的plugins下（无plugins文件夹自行创建）；把plugins/flexible.js的refreshRem方法里的540（下方截图红框）改成width。在nuxt.config.js里引入plugins/flexible.js。在nuxt.config.js里引入postcss-pxtorem。如果要引入公共的一些css（scss的话要引入相关依赖）引入lib-flexible；
2024-10-08 10:59:48
314
原创 初学vue3+ts：props的用法与注意事项
那就是在ts里，如果你const props = defineProps的话，但是在ts层又没用到这个key，只在视图层用到，那么可以把const props去掉，直接defineProps就行。或者跟vue2一样的写法。
2024-07-15 17:41:22
479
原创 input输入整数不超过n位数
input设置了maxlength=7，那么整数位+小数位是可以；但是如果全都是整数，那么就是9999999，超过了需求。因为maxlength的长度包括了小数点和小数后的2位小数。思路：把整个数字拆成整数部分和小数部分，小数部分不做处理，处理整数部分，整数长度超过4的话，就切割掉只保留前4个数字。需求：input最多可以输入9999.99，整数不能超过万，小数保留2位。
2024-06-26 16:14:07
401
原创 canvas解决字体默认是系统设置字体
如果手机设置了非默认字体，例如行体宋体钢笔等等字体，在用canvas的时候会把系统的字体默认到里面去，这个时候为了做统一，统一成初始系统字体。不知道为啥，设置成Arial和sans-serif都不行。
2024-05-21 15:18:44
972
原创 运行v3+ts+vite+eslint碰到的问题集合
修改项目下.eslintrc.js文件，在rules: {}中加入：“indent”: [“off”, 2] 或者’indent’: ‘off’；：Expected indentation of 0 tabs but found 1 indent（预期缩进0个制表符，但发现1个缩进）：对比其他ts代码，发现在orderDetail后少了分号，加上去之后就可以了。创建一个新vue页面，然后在pages.json里添加页面路径，添加完后就报这个错误。），只要这个东西没被使用过，就报错。：注释或者删除即可。
2024-04-08 17:29:23
399
原创 用try...catch进行判断
在写一些提交数据的判断上，有时候会写下面的ifelse的判断方法，少一点还好，多的话就很难受也不好看。上面只是一些简单的判空，要加其他条件比如字符串长度不能超过x位啥的，emm，后面有遇到在加上去。
2024-03-15 18:44:59
433
原创 解决canvas裁剪图片iphone不能裁剪问题
上面的代码在开发者和安卓手机上可以实现，但是在iphone上，图片没有被裁剪成圆形。canvas绘制一个圆，并且在圆上绘制一个图片，裁剪该图片（就是把图片裁剪成圆）。
2024-02-23 13:32:52
560
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人