Sissi的个人笔记

这次是因为测试机是安卓APP中的 webview 时，发现不支持 CSS 中的 #RGBA 十六进制颜色符号，经查询，解决办法为，在vite设置文件中，将build.cssTarget : ‘chrome61’ 即可。vite由于自动集成了postcss，所以打包时会将rgba转换为16进制，但是这个兼容性比较差。现在就是rgba失效，模态框失效了，所以只能用rgba()，就需要将这个转换取消掉！

vue3渲染函数里插槽的定义和使用

具体问题最近有个需求里有个点赞的功能，每点一下赞会有特效展示，可以连续点击不断的显示特效。做出来之后在测试阶段的时候发现除了ios端app WebView内嵌h5页面无法连续点赞之外，ios其他环境都没问题。（bug总是神奇的出现）因为没啥经验，开始考虑以为是我司ios开发在app端做了不能连续点击限制，于是去问了一下，结果我司ios开发说没有！！！好了，这肯定是前端神奇的bug了，于是我再次打开了百度…找到了解决办法解决办法@click="thumbs_up()改成：@touchstart

前言最近公司做了一个直播回看的功能，需要做一个播放页面播放回看视频，综合各种百度结果，我选择了VueVideoPlayer来实现。具体实现方法请自行百度。具体问题提测之后测试反馈了一个bug（第一次做没啥经验）ios端播放直播回看视频之后，点击关闭按钮，页面退出还有声音我第一反应是怎么可能呢，页面都关闭了怎么还会有声音！！！（果然是菜鸟没错了）虽然我觉得不可能，但是它的确存在，于是我打开了百度…原来它就是会有这样的问题，需要在关闭前暂停播放视频。解决办法在点击关闭，页面关闭之前加入如下代

这里写目录标题1.安装less2.添加依赖3.运行4.问题5.解决6.扩展 -s和-d的区别1.安装lessnpm i less less-loader -s2.添加依赖打开build/webpack.base.conf.js，在module.exports 对象中添加依赖module.exports = { module: { rules: [ { test: /\.less$/,

具体实现扩展： js保留两位小数的方法先把this.money扩大100倍，然后向上取值取整数，然后再除以100比如：123.45987 -> 12345.789 -> 12345 -> 123.45this.money = Math.floor(this.money * 100) / 100;toFixed()方法但是这个方法会将数值类型的值转化为字符...

第一步 因为vue-cli中是不支持less的，所以要使用的话需要自己安装less和less-loader，命令如下npm install less less-loader --sava-dev第二步 打开build/webpack.base.conf.js，在module.exports 对象中添加依赖module.exports = { module: { ...