难道，居然，但是。-CSDN博客

原创 css实现阴影效果box-shadow与滤镜(filter)

实现不规则阴影效果常见的样式 box-shadowbox-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);drop-shadow才是真正意义上的投影，而box-shadow只是盒阴影它只会投影出真实图形的阴影实例： filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, .2));常用环境：1，伪类三角形悬浮阴影效果 ``` .div::after { position: absolute;

2021-07-13 16:02:04 703

原创 uView 上传组件upload，H5下前端压缩图片上传

前提：Upload 上传组件只提供小程序跟APP的压缩方法，但是项目需要H5上传前压缩；思路：找选择图片（on-choose-complete）回调，选择图片就去压缩，压缩完替换原本的this.$refs.uUpload.lists，的file文件；具体实现：html<u-upload class="upLoad-cls" @on-choose-complete="beforeUpload" ref="uUpload" :auto-upload="false" :header="heade

2020-12-11 16:27:07 6466 10

原创 vue2，数组数据更新视图不渲染

问题：vue操作数组数据时，vue视图无法检测数据变化原因：官方解释：由于 JavaScript 的限制，Vue 不能检测以下变动的数组：当你利用索引直接设置一个项时，例如：vm.items[indexOfItem] = newValue 当你修改数组的长度时，例如：vm.items.length = newLength思路：官方方法Vue.$set(target, key, value)； // 适用于对象或数组this.$forceUpdate() // 强制刷新还有

2020-11-28 09:59:58 594

原创短信验证码自动填充时总是被复制两遍

1，ios，部分安卓系统短信自动填充会复制2次；2，原因是系统bug，复制验证码会触发UITextFieldTextDidChangeNotification监听事件，导致验证码出现了两次。3，解决办法：直接限制input最大输入maxleng

2020-11-17 10:41:54 5584

原创 uniapp获取用户设备唯一标识

1，uniapp获取用户设备唯一标识2，在App.vue的生命周期onLaunch内调用下面方法；getClientId() { const client = plus.push.getClientInfo(); console.log('当前设备ID', client.clientid) return client.clientid}3，

2020-10-15 11:32:09 8841 6

原创 uniapp使用VConsole调试工具

1，npm install vconsole安装依赖；打码是自己的项目目录2，找到node_modules文件夹下vconsole的dist文件的vconsole.min.js，复制到需要调试的项目下；3，在App.vue文件下引入vconsole.min.js在生命周期内初始化；<script> var VConsole = require('./common/vconsole.min.js'); mounted() { var vConsole = new VCons

2020-10-14 14:24:03 4749

原创 uniapp打包小程序包过大，处理css方案

问题：uniapp打包小程序会把子组件样式重复打包进去组件内，导致打包生成的包过大；1，uniapp比较多公用小组件，可用此方法优化体积包；2，独立一个_component.css，用于所有子组件样式写入；3，在app.vue引入@import 'static/style/_components.scss';4，公用组件引入的越多，减少的包体积越多；...

2020-09-15 15:01:02 4295

原创项目无用的console.log处理方案

1，console.log()，方便开发调试，项目上线时打印太多数据，影响代码。2，vue，uniapp，在main.js，里面添加重新定义console.log = function() {}方法；console.log = function() {}3，在框架也是可行，逻辑一致；...

2020-09-15 14:54:04 376

原创谷歌浏览器强制跨域调试

1，打开cmd命令窗口；2，找到谷歌浏览器的位置，例如：C:\Program Files (x86)\Google\Chrome\Application；3，在命令行后输入chrome.exe --disable-web-security --user-data-dir=C:\MyChromeDevUserData，完整的是：C:\Program Files (x86)\Google\Chrome\Application>chrome.exe --disable-web-security --us

2020-09-15 11:12:46 707

原创 uniapp，H5下，安卓手机视频播放自动全屏问题

禁止安卓手机播放自动全屏1，需要给video标签添加禁止参数 t7-video-player-type="inline" webkit-playsinline="true" playsinline="true" x-webkit-airplay="true" x5-playsinline="showLine"2，华为手机测试OK

2020-07-28 09:53:15 1847

weixin_43841757的博客