04 2022 档案
摘要：1、问题：用create-react-app安装了react 18版本，加载官网示例的时候报错，不再支持render绑定根元素节点，否则降版本到react 17 2，原因：react 18的作为react的最新版本，更新了很多特性，使用了createRoot代替render 3、解决： 之前版本 i
阅读全文
摘要：1、问题、需要为checkbox和radio添加一个切换主题的效果，用的原生的，需要不同主题不同颜色 2、思路：修改微信小程序原生样式 3、解决：（注意：样式不生效要确认是不是在自定义的组件里修改样式，如果是的话是因为组件样式隔离造成的，需要在json里面添加"styleIsolation":"sh
阅读全文
摘要：1、问题：接手了一个之前别人的项目，要给一个组件添加主题切换的功能，组件的顶部背景是一张图片（篮框框起来的部分），用了32k空间，当切换主题的时候要更换不同的图片，就当自己是个切图仔了？坚决不切图，咱们用css代替不成吗，不占空间又方便修改颜色 2、思路：这里就用到了clip-path属性，通过cl
阅读全文
摘要：1、原生websocket实现断线重连 export default { name: "sideBar", components: { // viewImage, svgIcon, }, props: {}, data() { return { sock: null, url: "wss://xxx
阅读全文
摘要：1、数组包对象 类型 { list:<list>[ { img: "../../../../image/1.png", text: "限时抢购", url: "/pages/index/index" }, ] } 接口定义 interface listItem{ img: string, text:
阅读全文
摘要：1、问题：在处理数组hotGoodsList时出现一个错误，提示不能将类型“any[]”分配给类型“never[]” data: { hotGoodsForm: { pageNum: 1, pageSize: 10 }, hotGoodsList: [], }, ... app.ajax.post(
阅读全文
摘要：1、需求：小程序的首页需要添加上拉加载和下拉加载的功能，之前做上拉加载和下拉加载是用的是scroll-view组件，但是感觉首页用scroll-view不是最佳选择，page自带的上拉加载和下拉加载更好用一点，就记录一下 2、解决： 上拉加载： 思路：上拉加载的原理是小程序在页面顶部撑出一块50px
阅读全文
摘要：1、单行省略： .text{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 2、多行文本省略 .text{ display: -webkit-box; -webkit-box-orient: vertical; -
阅读全文
摘要：1、问题：在一个项目里发现，当浏览器里面存在form，然后里面有input的type为password时,就会触发浏览器自动填充，并把上一个type为text的input当成账号填充 2、原因：就是浏览器自动填充惹的祸，而且不同浏览器的自动填充规则不同，如360是根据form、name和passwo
阅读全文
摘要：1、问题、今天测试发现一个选择日期的组件在安卓可以正常使用，但是在ios却出问题了 2、原因： 在Android 中 new Date(“2021-5-10”) 或者 new Date(“2021/5/10”) 都不会报错在iOS中，new Date(“2021/5/10”) 不会报错 而这个组件的
阅读全文
摘要：1、需求：需要在微信的一个组件内改引用的其他组件样式属性，发现不能直接像在page上直接修改，也没有vue的：v-deep、/deep/之类的样式穿透 2、解决：怎么处理这种样式隔离问题呢 微信里面有种属性就是指定特殊的样式隔离选项styleIsolation，官网网址： https://devel
阅读全文
摘要：1、问题：看了官网介绍自定义TabBar的介绍，感觉比较笼统，就详细记录一下 2、实操 在微信中要自定义TabBar的话，app.json那里的声明还是要写的，虽然不会渲染，custom要填true { ... "tabBar": { "custom": true, "color": "#66666
阅读全文
摘要：1、需求：之前在微信用到小图标的时候是base64的形式引入，这样有几个大问题：1、不好修改，修改颜色的时候不好修改，多个主题的时候要弄不同的base64url。2、让wxss文件很大 2、处理：通过引入iconfont字体图标来解决，这样可以方便修改样式也可以减少体积。 3、实操：引入iconfo
阅读全文
摘要：1、问题：在改一个微信小程序，有一个弹窗里面的盒子设置了overflow:auto;属性，高度也设置的是固定的，可以在开发者工具里滚动但是就是无法拖动 2、原因：因为这个弹窗绑定了catchtouchmove方法，在小程序里catchtouchmove相当于preventDefault，是会阻止页面
阅读全文
摘要：1、说明：微信蓝牙传递的数据格式是GBK编码的二进制格式，下面就说一下在小程序中是如何获取蓝牙打印的数据 2、普通文本的打印： 要转义GBK编码的话要用到GBK.js，库的网址：https://github.com/cnwhy/GBK.js import GBK from './gbk.min';
阅读全文
摘要：1、经历：最近在进行微信蓝牙打印功能模块的开发，了解了下蓝牙连接的全流程，好记性不如烂笔头，记录一下 2、感想： 先来说一下蓝牙连接的几个流程吧，虽然官方有且很详细了：https://developers.weixin.qq.com/miniprogram/dev/framework/device/
阅读全文
摘要：1、问题：showToast消息提示一闪而过的问题 原因：hideLoading和hideToast都能清除showToast，全局请求设置了hideLoading每次请求后清除showToast导致消息提示一闪而过 解决：合理的设置hideLoading 2、问题:页面是超过一屏需要滚动的时候，点
阅读全文
摘要：1、问题：当一个div设置max-height和overflow: auto;属性时，未达最大高度却出现滚动条 2、原因：当div未达到最大高度时是由子元素撑大的，当子元素和div高度一致时就会出现滚动条 3、解决：添加line-height: normal;就可以了
阅读全文
摘要：1、问题：接手一个之前的项目，要重新调整一下样式，在main.js引入.scss文件时报错了，看了package.json，里面node-sass、sass-loader都安装过，.vue里面也可以使用scss 2、原因： 他这个项目用了webpack，在webpack.base.conf.js里面
阅读全文
摘要：1、问题：用小乌龟pull的时候git报错了，并提示没有指定分支 2、原因：就是本地分支和远程分支不同或是未指定。 3、解决： 方法一： 使用以下代码 git push -u 效果：提示已跟踪，就可以了 方法二： 设置push.default为matching push.default在Git 2.
阅读全文
摘要：1、需求：之前上传一个项目，把node_modules的依赖也上传了，文件多又大，让人头皮发麻，就想着去掉依赖，毕竟有package.json就够了 2、解决：就想着加个.gitignore文件来忽略node_modules文件，没想到加了之后不生效，查了一下，大致原因就是说如果某些文件已经被纳入了
阅读全文
摘要：tinymce相比wangEditor是一个功能多一点的富文本。 在vue中引入文件，也可以直接去官网下载，下载文件网址是 https://www.tiny.cloud/get-tiny/self-hosted/ npm install tinymce -S npm install @tinymce
阅读全文
摘要：1、在vue中正常来说父子组件传值一般用props属性单向传值，发现有更简洁的方式，就记录一下 2、原理：利用this.$emit("update:xx",value)和xx.sync 3、实现： 在父组件中 <component v-for="(item, index) in formItemLi
阅读全文
摘要：1、原因：尝试并记录小程序的云开发过程。 2、思路：通过云函数的调用实现订单的上传，新增 2-1小程序端封装并调用云函数 2-1-1小程序中封装的云调用方法 //app.js ajax(url, data, config) { const name = url.split('/')[0], type
阅读全文
摘要：1、需求：每个页面都写提示显得杂乱，还有些跳页面延时提示太分散，就想着提取出来 2、思路：在app.js处写一个统一的调用提示方法，全局调用 3、实现 // 提示 showToast(obj = {}) { if (!obj.title) { wx.showToast({ title: 'showT
阅读全文
