码间留白 - 博客园

vue3项目本地环境网路请求初始连接过久导致接口请求时间过长的问题处理

摘要：前言：本地环境为了解决跨域的问题做了请求代理，然后部分接口请求平均三四百毫秒，导致部分接口访问卡顿严重，如下图：解决方案：开启代理连接复用即可，代码如下： //vite.config.ts { server: { open: true, port: 3000, host: "0.0.0.0", 阅读全文

posted @ 2025-12-12 16:10 码间留白阅读(65) 评论(0) 推荐(0)

微信小程序内嵌vue项目实现页面自定义分享完整示例代码

摘要：如题，微信小程序内嵌vue2的h5项目，要实现H5页面自定义分享，具体操作如下：一. H5部分 1. public/index.html引用微信jssdk： <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> 阅读全文

posted @ 2025-12-01 14:43 码间留白阅读(319) 评论(0) 推荐(0)

JavaScript 数组高阶用法汇总（含浏览器+微信小程序WebView支持）

摘要： JavaScript 数组高阶用法汇总方法分类方法名核心作用返回值类型关键特点浏览器支持（最低版本）微信小程序WebView支持核心遍历类 forEach 遍历数组执行操作，无返回值 undefined 无法中断遍历，适合简单循环操作 ✅ 全支持： Chrome 4+、Firefox 2+、Sa 阅读全文

posted @ 2025-11-20 10:34 码间留白阅读(73) 评论(0) 推荐(0)

京东小程序报错APP-SERVICE-SDK:setStorageSync:fail

摘要：京东小程序后台监控中心-业务代码异常报错： 4,Error,APP-SERVICE-SDK:setStorageSync:fail; at pages/brand/index onReady function; at api request success callback function, Er 阅读全文

posted @ 2025-11-19 10:02 码间留白阅读(63) 评论(0) 推荐(0)

vue3+ts项目自定义全局函数调用正常但IDE报异常类型ComponentPublicInstance上不存在属性“$showLoading"

摘要：如题，定义一个全局函数$showLoading，可以正常使用，但IDE报异常了，创建类型声明文件就可以了。在 src 目录下创建 types 文件夹，然后创建 shims-vue.d.ts 文件： // src/types/shims-vue.d.ts import { ComponentCust 阅读全文

posted @ 2025-11-18 17:07 码间留白阅读(48) 评论(0) 推荐(0)

vue项目实现Tab页面触底上拉切换下个Tab

摘要：如题，实现Tab页面触底上拉切换下一Tab的功能，关键流程：下滑触底——显示“上拉切换下一页”——继续上拉超过一定距离（如100px)——切换下一页，重置相关参数。关键代码：一. 处理滚动的业务逻辑封装为goodsListScroll.js，代码如下： //触底上拉切换下一页相关代码 expor 阅读全文

posted @ 2025-11-17 14:57 码间留白阅读(46) 评论(0) 推荐(0)

vue3+ts实现页面滚动位置的保存及恢复

摘要：前言：折腾了n个小时才搞定，这个在vue2中不显眼的功能到了vue3中没想到成为了拦路虎。借助于AI一遍一遍的尝试各种方案，最终敲定了路由守卫beforeEach中保存组件滚动位置到store，页面的onActivated中读取滚动位置并进行恢复。实现思路：路由守卫beforeEach中保存滚阅读全文

posted @ 2025-11-12 17:18 码间留白阅读(82) 评论(0) 推荐(0)

到底是用vue2还是vue3好？

摘要：使用vue2还是vue3? 对于使用vue2还是vue3的争论一直在持续，个人对于这个问题也纠结了好久。最近使用vue3+ts重构了现有vue2项目的几个主要的页面，也试着重写了一些比较复杂的功能，发现目前使用vue3的的最大障碍是生态不够完善，相较之下写法上的不适应就不算什么了。如果你做的项目阅读全文

posted @ 2025-11-12 16:40 码间留白阅读(223) 评论(0) 推荐(0)

css3过渡效果如何处理高度不确定的动态内容

摘要：如下图，要实现一个超出一定高度默认折叠的div层，下边带有展开/折叠按钮，点击按钮实现展开/折叠。原来的代码： .attrTable { border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; height: auto; 阅读全文

posted @ 2025-11-05 13:34 码间留白阅读(64) 评论(0) 推荐(0)

vue3+ts+pinia项目实现数据持久化配置

摘要：前言：在AI的协助下，捣鼓了好一会儿才搞定，遇到了配置persist单词拼错的，也有main.ts文件没配的，最后一步步排查所有问题才搞定了。这里就贴下所有相关的配置，也希望其他网友些博文的时候留意一点，尽量把所有相关的配置都写上，有时候关键的东西漏一点都够人排查好久的。需要安装的插件： npm 阅读全文

posted @ 2025-11-03 17:05 码间留白阅读(95) 评论(0) 推荐(0)