自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 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

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除