摘要：
贴一下原效果图： 存在的问题： 1.每一项样式高度太大，跟示例不一样； 2.取消按钮不居中，上方的间隔条（灰色地方）也不居中。 ps：微信开发工具和真机模拟存在同样的问题，出现的问题仅在我开发中遇到的，没遇到的请忽略。 以下修改的源码均在action-sheet组件中。 解决问题： 1.通过查看样式 阅读全文
摘要：
有一个需求是在已有列表中搜索关键词，然后在列表中展示含有相关关键字的数据项并且对关键字进行高亮显示，所以该需求需要解决的就两个问题： 1.搜索关键词过滤列表数据 2.每个列表高亮关键字 ps: 此问题基于数组对象，其他数据类型也可参考此思路。 关键词搜索：过滤数据很简单，无非就是监听search，对 阅读全文
摘要：
使用qrcodejs2插件 1. 安装qrcodejs2：npm install qrcodejs2 --save 2. 在组件里面引入： import QRCode from 'qrcodejs2' 3. 在HTML加入:<div id="qrcode" ref="qrcode"></div> 4 阅读全文
摘要：
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: .04rem; height: .02rem; } /* 滚动条的滑轨背景颜色 */ ::-webkit-scrollbar-track { background-color: #f 阅读全文
摘要：
单行隐藏： 多行隐藏： 多行隐藏需要注意的一个地方是div的高度不能设置，让其自动3行隐藏即可。 阅读全文
摘要：
报错的信息大致是不要将内置或保留的HTML元素用作组件ID 解决的办法是修改name符合规范或者直接删除组件内的name属性。 阅读全文
摘要：
在图片长宽不相等的情况下，想将长宽设置为相等并且自适应屏幕，可以通过 js 的方式进行设置并通过监听 resize 来实时更新，但是这种方式很麻烦。 这里通过 css 来达到我们想要的效果： 需要添加一个父元素来达到我们的目的。 或者: 我们在这里定义了一个伪元素并且将其 padding-top 设 阅读全文
摘要：
isElementInViewport (el, offset = 0) { const box = el.getBoundingClientRect(), top = (box.top >= 0), left = (box.left >= 0), bottom = (box.bottom <= ( 阅读全文
摘要：
替代符号就是在需要显示空格的地方加入替代符号，这些符号会被浏览器解释为空格显示。 空格的替代符号有以下几种： 名称编号描述   不断行的空白（1个字符宽度）     半个空白（1个字符宽度）     一个空白（2个字符宽度） &th 阅读全文
摘要：
运行vue程序，浏览器报错： 原因：检测到重复的密钥：'area'，因为在使用v-for循环绑定的时候，key的值是唯一的，不能相同，否则会出现意想不到的bug 解决办法：v-for时绑定的key唯一 阅读全文