- 博客(165)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 微信小程序调用扫码并拍照（截取当前摄像头当前帧图片）功能
主要用到 wx.createCameraContext中的onCameraFrame监听帧数据与wx.scanCode扫码进行结合使用，扫码成功后，获取摄像头帧数据，但获取到第一帧就结束监听。
2024-08-01 09:09:36
1207
原创 uniapp使用 movable-area movable-view 实现按双指中心位置缩放及拖拽功能
uniapp 实现双指中心位置缩放及拖拽功能
2024-07-01 16:18:09
1321
3
原创 微信浏览器内核不支持 安卓、鸿蒙 选择多文件
这个是微信的浏览器内核的原因。iOS正常，安卓与鸿蒙不支持选择多文件。uniapp的官方demo 多文件上传不成功。调用微信jsdk 应该是可以的。
2024-06-25 10:39:24
377
原创 解决 uniapp h5 页面在私有企微iOS平台 间歇性调用uni api不成功问题（uni.previewImage为例）。
uniapp h5 页面在私有企微iOS平台 间歇性调用uni api不成功，在其他平台及设备正常。虽然不知道问题怎么产生的，但是通过正常的api 找到了对应的源码，引入uni h5的 源码就正常了。验证发现 uni.previewImage 打印出来的api正常与失败的不一致。
2024-06-17 16:28:04
843
原创 解决 pdf.js 出现 TypeError: key.split(...).at is not a function 报错问题
使用pdf.js v2版本部分机型出现 TypeError: key.split(…).at is not a function 报错。
2024-06-15 14:35:15
1286
原创 解决部分机型浏览器 使用pdf.js 出现 undefined is not an object(evaluating ‘response.body.getReader‘) 报错问题
而 fetch 方法返回的 Response 对象恰恰拥有 arrayBuffer 方法，可以将数据转为 ArrayBuffer 对象。PDF.getDocument(url) 改为 PDF.getDocument(url)
2024-06-15 14:24:37
796
原创 pdf structuredClone is not defined 解决
部分手机系统的浏览器 pdf v2版本会出现 structuredclone is not defined 的报错，这是因为浏览器过低。网站下方有个 polyfill的网址入口 可以解决低版本的兼容问题。
2024-06-15 14:03:51
1758
2
原创 pdf.js实现web h5预览pdf文件（兼容低版本浏览器）
以下为在uniapp vue3 实现 h5 预览pdf文件的代码 有使用vant（手指缩放功能只写了一点，是不能用的）。使用的是pdf.js 版本为 v2.16.105。因为新版本 兼容性不太好，部分手机预览不了，所以采用v2版本。
2024-06-15 13:50:25
1710
原创 webstorm 使用prettier格式化保存 导致代码缩进与gitlab代码不一致问题
webstorm显示缩进正常。gitlab显示不正常。
2024-03-18 11:30:23
876
原创 00.本地搭建 threejs 文档网站（网页版是外网比较慢）
github 下载https链接地址 https://github.com/mrdoob/three.js.git。进入官网 可以选择github去下载 或者 下载压缩包。
2023-11-28 23:13:42
2270
原创 01-three_basic 使用three.js渲染第一个场景和物体
【代码】01-three_basic 使用three.js渲染第一个场景和物体。
2023-11-28 23:00:45
2084
原创 JECloud 运行前端模块所遇到的问题（持续学习汇总）
如果已经全局安装了 yalc 和lerna pnpm 那些全局依赖 使用nvm 切换到低版本node 后需要重新安装！但是需要注意的是 切换版本时 尽量使用默认路径安装nvm 否则可能会导致 全局安装依赖出现。只要nvm 是默认安装路径 和 %NVM_SYMLINK% 指向的路径一致就可以了！在部署前 如果当前node版本过高可以使用 nvm工具 切换到低版本，可以先下载 jecloud-libs 项目 尝试 部署安装。在系统属性 环境变量 Path 里添加。nvm 安装出现环境问题可以参考。
2023-05-16 12:17:34
3637
1
原创 h5 判断是否进入 可视区域内 （自动播放 video ）
需要注意的是，IntersectionObserver polyfill 会增加一些额外的开销，因此在支持 IntersectionObserver 的浏览器中，最好还是使用原生的 IntersectionObserver。可以使用 Intersection Observer API 监听视频元素是否进入可视区域，如果进入可视区域则自动播放视频，同时设置视频静音。上述代码中，我们创建了一个 Intersection Observer 对象，用于监听视频元素是否进入可视区域。属性来设置视频元素的填充方式。
2023-05-08 12:10:06
1561
原创 uniapp或者微信小程序 对输入框进行拦截不重新渲染（只输入数字拦截成功但是页面不渲染更新）问题解决
input 事件进行拦截 打印 e.target.value的值变化了，但是页面不重新渲染。输入11ab3 正则进行拦截更改 e.target.value的值更改了113。输入11ab 正则进行拦截更改 e.target.value的值还是是11。输入11a 正则进行拦截更改 e.target.value的值还是是11。输入 11 e.target.value的值是11。就是因为拦截后的值没变导致页面不重新渲染。
2023-03-29 10:15:04
1366
原创 uniapp使用 movable-area movable-view 实现图片双指缩放、鼠标单击缩小双击放大、图片及标记点功能
movable-viewmovable-area movable-view 主要是可以实现缩放及拖拽功能，不过只能限制在movable-area 范围内的拖拽超出范围会回弹。为了增大一点它的回弹范围 可以设置 movable-view的宽高为0；然后子元素决定定位居中。微信小程序没有双击事件 通过setTimeout 拦截并判断是单击还是双击。实现代码（部分无用组件自行删除）getDomInfopartDetail.js组件代码
2023-02-24 15:14:08
8089
5
原创 uniapp 父组件给子组件传值为Object类型报错 Bad attr `xxx` with message 问题解决
可能是 uniapp 转换 为 微信小程序的bug。写法传值给子组件 会报错。
2023-02-09 12:07:48
1969
2
原创 element-ui el-table表格组件 动态合并列
tableOptions 属性中包含了需要合并的表格列项列表columnIndexList 及判断 prop名称 proName。objectSpanMethod 通过判断 tableOptions 实现合并列。在tableData 数据 需要合并的项插入 tableOptions 属性。主要是原始的tableData表格数据。然后 使用 合并行或列的计算方法。codepen 预览地址。
2023-01-10 14:45:45
1155
原创 js 深度克隆deepClone多种方式解决循环引入问题深拷贝
js 深度克隆deepClone多种方式解决循环引入问题深拷贝 SON.parse(JSON.stringify()) MessageChannel lodash.cloneDeep Object.create和Object.defineProperty WeakMap
2022-12-28 17:23:43
1574
原创 vue3 图片放大缩小、拖拽功能（自定义指令）
const oDiv = el // 当前元素 const minTop = oDiv . getAttribute("drag-min-top") const ifMoveSizeArea = 20 oDiv . onmousedown =(e) => {
2022-12-28 15:25:46
5355
原创 vue3 + vite Cannot access ‘xxx‘ before initialization 组件热更新失败，es模块循环引用问题
pinia 下 modelCache.ts 文件使用了router 并Model组件中 引入了modelCache.ts 该文件 这样导致es模块循环 vite热更新失败。本人 在 pinia stores 文件中使用了 router ，而main.ts 已经引入过router。pinia 下 modelCache.ts 文件 router 引入方式改为 函数引入。因为 useRouter() 要在setup下使用。pinia 下 modelCache.ts 文件。
2022-12-26 11:58:03
18766
原创 vue3+vite +element-plus+tailwindcss兼容低版本浏览器（uc）
tailwindcss v2的 jit模式 和 任意值 arbitrary value 语法 已经足够好了。uc浏览器 对于 tailwindcss boxShadow 不支持 主要还是rgb原因。npm build 打包后 低版本浏览器才能打开 开发模式下低版本浏览器还是一片空白。uc浏览器 rgb支持不全 如rbg(0 0 0 /30%) 这种写法不支持。使用 tailwindcss @2.2.16 版本 v3低版本不支持。tailwindcss v3 部分样式在低版本下也不支持。
2022-12-23 17:11:33
5849
原创 在微信小程序使用fixed布局固定input 输入框，iPhone ios系统无法获取焦点问题解决。
查看微信小程序开发文档 对input的介绍 https://developers.weixin.qq.com/miniprogram/dev/component/input.html。强制 input 处于同层状态，默认 focus 时 input 会切到非同层状态 (仅在 iOS 下生效)微信小程序 是fixed布局后 ios版本 input 输入框 无法选中 但是长按可以获取焦点。添加 always-embed 属性 即可解决问题。发现了 always-embed 属性。
2022-11-03 17:31:34
2102
原创 uniapp vuecli 启动 dev模式下 已勾选压缩但无法压缩问题 解决
使用折中的办法 虽然可以解决一些问题 ,但是如果dev开发模式下文件没有压缩 会导致 vendor.js 文件过大 最终会导致hubuiberX 运行某一个页面组件报错 ，导致代码无法热更新 程序无法写下去。HBuiderX 运行小程序时已勾选 运行时是否压缩代码选项 但是代码并未被压缩。hubuiberX 无法压缩 上传代码不了微信平台 也可以使用hubuiberX的发布模式进行压缩解决。代码可以设置开发预览是体积调整为4m来解决编辑问题，但是文件过大，无法预览及真机预览。
2022-10-18 17:22:06
1901
原创 css nth-child 的使用
nth-child 选择器 选择指定选择器的父元素下的 指定选择器元素如 .nthC:nth-child(n){} 选择的是 当前.nthC class类元素的父元素 的所有 含有.nthC的子元素使用 nth-child(n) 方式 n>=1 时生效。css计算时 n 从0开始计算。结果可以看出与.nthC同级的元素中 第二个没class的元素没有变红色结果css使用的是 nth-child(even) 选择偶数。可是与.nthC同级的元素中 第二个元素没有.nthC类，所以不受.
2022-09-22 10:29:31
1425
原创 uniapp 修改引入组件样式 使用/deep/、::v-deep、＞＞＞不生效 解决
当使用 /deep/ 或者 ::v-deep 修改第三方组件不生效时 可以配置如下参数。
2022-09-08 18:02:14
10276
9
原创 uniapp使用taiwindcss多平台开发并保持原生写法插件
weapp-tailwindcss-webpack-plugin 插件作者的另一款插件 tailwindcss-miniprogram-preset 我已在项目中使用过 并使其兼容h5 微信小程序 APP 但是 tailwindcss-miniprogram-preset 插件需要自己配置预设 且没有使用jit引擎 加载使用比较慢 配置也相对麻烦。weapp-tailwindcss-webpack-plugin 的github文档也是很完整 相关demo也比较友善。......
2022-08-26 11:30:53
2764
1
原创 vue 或 js 使用谷歌翻译实现国际化
但由于使用浏览器中的谷歌翻译插件 会导致dom的结构发生改变，从而导致 vue react与dom操作绑定关系失效！其中（ 翻译input提示内容 无法翻译），需要在public 的添加css及js 已放置在。下面的方法可以使得我们即使用谷歌翻译 又不会导致dom结构发生改变 兼容vue react(把vue代码改写一下)框架。这两个组件都可以通过 添加 notranslate 类名，这样谷歌翻译将不会翻译该元素内文字。一般没有适配国际化的页面 我们会使用谷歌翻译插件进行翻译。demo 代码 如下。..
2022-08-24 15:42:33
6216
4
原创 vue 2.9.6 无法升级到vue3版本问题
所以我怀疑是yarn的问题使得npminstall-g@vue/cli安装的全局vuecli脚手架命令指向的文件不是npm内的node_modules而是yarn里面的node_modules。卸载了yarnnode_modules路径下的@vue及yarn下面的vuevue.list等关于vue的文件。yarnnode_modules依赖下重新生成了@vuevuecli依赖包但是运行vue-V仍然是2.9.6。...
2022-07-26 18:23:11
1056
原创 vite 本地运行首次进入页面加载慢问题
webpack切换到vite，如果单看命令行中的运行，运行完毕不到一秒,不过首次打开页面则需要等10秒到20秒左右的处理时间请求数量达到了132个（浏览器对于这种并发请求会产生阻塞的），这里的文件最大了也是tailwindcss，并且打开按需加载的页面路由时，还需要经过tailwindcss编译css，打开未打开过的页面还需等几秒时间，这个体验非常差。添加依赖项首次打开页面时，当’‘include’'中的数组不包含该依赖项时命令行会提示出来添加进去即可。我们都可以知道可以添加到依赖项。...
2022-07-25 16:39:33
16190
4
原创 webpack 迁移至 vite 注意事项 基于vue3+ts（持续汇总）
require是node.js提供的模块 Webpack使用了node 使得编辑vue时可以使用require但是vite不支持而且图片在标签src中的路径不可以使用@ 别名获取绝对路径css style中也不可以使用别名 ~@ 获取图片 文字等静态资源替代方式 vite 静态资源处理可以封装一个函数进行调用 根据不同的静态路径设置不同的函数pub-use.ts使用 pub-use.ts2. 组件不传参时 props不可以设置为空 否则打包错误错误示例 vite打包报错 Type ‘{
2022-07-14 11:50:43
1831
1
原创 vue 使用 prerender-spa-plugin 预处理 seo优化 导致 history模式 页面刷新 文件加载404 问题
nginx已经加了没有使用prerender-spa-plugin插件之前history正常，增加插件后刷新文件加载异常main.js404问题原因及解决由于前端vue.config 配置的 publicPath 路径 使用了 './'相对路径（当时为了方便前端测试）正确方式publicPath 更改为’/'绝对路径...
2022-07-08 11:38:45
939
原创 windows 网络远程连接samba，并修改windows默认连接samba端口445到指定端口（支持监听ipv6 及ipv4 IP地址）
windnows 修改samba端口
2022-06-27 00:24:56
7985
4
原创 IPv6连接测试通过，但是无法ping成功问题解决（记录）
如果还是无法解决 可能是服务端主机电脑的 防火墙 入站规则中的 文件和打印机共享(回显请求 - ICMPv4-In) 或者 文件和打印机共享(回显请求 - ICMPv6-In) 被禁用了打开即可。还有一种情况就是 路由器根本找不到防火墙的配置选项 而且外网也是连接不上电脑的ipv6地址，这种情况只能更换路由器了。但是路由器下面就是你的电脑 当路由器打开了防火墙 可以会拦截外网访问电脑的ipv6地址。如果你的路由器 有防火墙 可能需要关闭路由器的防火墙；电脑本身防火墙拦截了。
2022-06-11 18:21:22
37835
4
google-translate-vue
2022-08-29
vue-demo-pl-table.zip
2020-12-14
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人