总结前端开发中遇到的问题，分享前端知识

uni-app上拉加载更多功能https://blog.csdn.net/SmartJunTao/article/details/123684356在 pages.json 配置文件中，为当前的 goods_list 页面单独开启下拉刷新效果："subPackages": [{ "root": "subpkg", "pages": [{ "path": "goods_detail/goods_detail", "style": {} }, { "path": "

实现上拉加载更多打开项目根目录中的 pages.json 配置文件，为 subPackages 分包中的商品goods_list 页面配置上拉触底的距离："subPackages": [ { "root": "subpkg", "pages": [ { "path": "goods_detail/goods_detail", "style": {} }, { "path":..

功能：搜索之后记录数据，把最后一个显示在第一个 data 中的historyList不做任何修改，依然使用 push 进行末尾追加 定义一个计算属性historys，将historyList数组reverse反转之后，就是此计算属性的值： computed: { historys() { // 注意：由于数组是引用类型，所以不要直接基于原数组调用 reverse 方法，以免修改原数组中元素的顺序 // 而是应该新建一个内存无关的数组，再进行...

当数据请求失败之后，经常需要调用 uni.showToast({ /* 配置对象 */ }) 方法来提示用户。此时，可以在全局封装一个 uni.$showMsg() 方法，来简化 uni.showToast() 方法的调用。具体的改造步骤如下： 在main.js中，为uni对象挂载自定义的$showMsg()方法： // 封装的展示消息提示的方法uni.$showMsg = function (title = '数据加载失败！', duration = 1500) { uni....

配置小程序分包：分包可以减少小程序首次启动时的加载时间为此，我们在项目中，把 tabBar 相关的 4 个页面放到主包中，其它页面（例如：商品详情页、商品列表页）放到分包中。在 uni-app 项目中，配置分包的步骤如下： 在项目根目录中，创建分包的根目录，命名为subpkg 在pages.json中，和pages节点平级的位置声明subPackages节点，用来定义分包相关的结构： { "pages": [ { "path": "pa...

uni-app显示隐藏功能，兼容小程序。

打开项目根目录中的pages.json配置文件，为subPackages分包中的商品页面配置上拉触底的距离;通过节流阀防止发起额外的请求优化

修改saveSearchHistory方法如下：// 保存搜索关键词为历史记录saveSearchHistory() { // this.historyList.push(this.kw) // 1. 将 Array 数组转化为 Set 对象 const set = new Set(this.historyList) // 2. 调用 Set 对象的 delete 方法，移除对应的元素 set.delete(this.kw) // 3. 调用 Set 对象的 add 方..

配置网络请求由于平台的限制，小程序项目中不支持 axios，而且原生的wx.request()API 功能较为简单，不支持拦截器等全局定制的功能。因此，建议在 uni-app 项目中使用@escook/request-miniprogram第三方包发起网络数据请求。请参考@escook/request-miniprogram的官方文档进行安装、配置、使用官方文档：https://www.npmjs.com/package/@escook/request-miniprogram...