自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 微信小程序中,子组件接收不到参数id

在微信小程序在子组件中接收不到名为id的参数

2023-02-28 14:12:56 296

原创 js日期转时间戳格式

将日期转换为时间戳参数格式为:YYYY/MM/DD HH:mm:ss 或 YYYY/MM/DDvar date = new Date(‘2022/04/09 11:57:49’);// 有三种方式获取时间戳var time1 = date.getTime();var time2 = date.valueOf();var time3 = Date.parse(date);注:YYYY/MM/DD是通用格式,在IOS机型上YYYY-MM-DD或YYYY.MM.DD之类的格式都无法试别...

2022-04-09 11:55:20 391

原创 uniapp开发app(ios),0.5px显示不全

利用伪元素和scale缩放,例如border:.btn{ position: relative; &::before { content: " "; position: absolute; top: 0; left: 0; width: 200%; height: 200%; border: 1px solid #d4a965; border-radius: 80rpx; transform-origin: 0 0; transfo

2021-09-13 17:19:31 694

原创 uniapp开发uni.$emit()、uni.$on无法触发

在开发过程中有时需要多次触发事件,偶现无法触发问题在onShow中先使用uni.off()移除事件监听,再使用uni.off()移除事件监听,再使用uni.off()移除事件监听,再使用uni.on()去监听事件;最后记得在onUnload中使用uni.$off()移除事件监听;注:uniapp中在多个页面中监听同一个事件,只有一个事件会触发,所以如果需要在多个页面中触发事件,只能单独监听触发多个事件大佬们有更好的解决办法吗?请指教...

2021-09-10 15:15:19 5323 1

原创 微信小程序获取windowHeight可使用窗口高度不一致问题

在没有tabBar的页面中,需要在onReady中获取高度,才能准确的获取到准确的高度,在页面渲染之前获取的高度是减去tabBar之后的高度

2021-02-02 14:21:13 1118

原创 uni-app小程序 onLaunch与onload异步请求的解决

onLaunch(){ //异步请求 this.sysParam().then(()=>{ if(getApp().sysParamCallback){ //页面中定义的全局变量(函数) getApp().sysParamCallback(); } }) }onLoad(){ if(getApp().globalData.xxx){ //存在全局变量 this.getAppSysParam(); }else{ //不存在全局变量 getApp().sysParam

2020-12-22 15:38:25 2120

原创 小程序eventChannel.on()异步执行

eventChannel.on()在开发工具和安卓上是同步执行,在ios上异步执行(没仔细测,有空了回来补充)

2020-12-17 15:06:59 1406 3

原创 前端正常显示文字间的空格和换行

white-space:pre-wrap: 保留空格和换行line-wrap: 合并空格保留换行

2020-12-10 16:37:26 1328

原创 uni-app压缩多张图片

yasuoItem(img) { //压缩单张图片 return new Promise((resolve, reject) => { uni.getImageInfo({ //获取图片信息 src: img, success: (res) => { var ratio = parseFloat(res.width / res.height); //获得图片实际的宽高比 var width = res.width; var height = r

2020-11-28 16:27:56 675

原创 layui,关闭弹窗失败?

layui关闭弹窗失败可能是获取当前页面index错误,官方给出的方法只能获取最新打开的窗口下标,如果在页面中开启过其他窗口(比如说上传文件)会导致获取不到当前页面下标;直接获取iframevar index = parent.layer.getFrameIndex(window.frameElement.id);parent.layer.close(index);如果上面那个方法不行,那你就只能关闭所有弹窗了parent.layer.closeAll();...

2020-10-12 18:01:54 764

原创 JavaScript62进制转10进制

function string62to10(number_code) { //62进制转10进制var chars = ‘0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ’;var radix = chars.length;var number_code = String(number_code);var len = number_code.length;var i = 0;var origin_number = 0;

2020-08-10 15:22:44 374

原创 uni-app组件中onLoad不执行

在页面上引入组件的时候发现onLoad函数不执行,可以用mounted代替。原因暂时不清楚,其他生命周期函数还没试过,等有时间再来补充

2020-06-03 10:26:11 7817 5

原创 uni-app实现公告文本超出从右向左循环滚动

用的是css3的动画效果,也可以用定时器或者uni.createAnimation来实现,但是这两种方法都比较容易造成卡死。html代码<view class="notice-content"> <image src="https://hd-gw.oss-cn-shenzhen.aliyuncs.com/app/miniWechat/0520-notice.png" mode=""></image> 公告:<view class="text-wrap"&gt

2020-05-22 18:17:12 6235 5

转载 rich-text无法解析link标签

【微信小程序】无法解析京东商城商品详情富文本数据 -- 解决方案 ...

2020-05-22 10:03:35 810

原创 安装vue脚手架

vue2.01.vue - V 查看版本,如果出现版本号,之前已经安装过了。如果之前安装的版本是想要的版本,可以直接创建项目2.npm uninstall vue-cli -g 如果之前安装了3.0的版本,现在想要安装2.0,先卸载安装过的版本3.npm cache clean --force 如果卸载之后安装还是报错,清理缓存4.npm install -g vue-cli 安装vue2.0脚手架5.cd 目录名称 --跳转到目录下,方便找到新建的项目6.vue init webpack.

2020-05-18 16:22:29 251

原创 let、const、var的区别

var是ES5提出的,let和const是ES6提出的。const声明的是常量,必须赋值1)一旦声明必须赋值,不能使用null占位。2)声明后不能再修改3)如果声明的是复合类型数据,可以修改其属性let和var声明的是变量,声明之后可以更改,声明时可以不赋值var允许重复声明变量,后一个变量会覆盖前一个变量。let和const在同一作用域不允许重复声明变量,会报错。var声明的变量存在变量提升(将变量提升到当前作用域的顶部)。即变量可以在声明之前调用,值为undefined..

2020-05-18 11:46:59 14472 2

原创 闭包

函数嵌套函数内部函数使用外部函数的变量外部函数被调用优点:延长局部变量的声明周期缺点:内存泄漏

2020-05-18 11:25:23 175

原创 内存泄漏

不再用到的内存,没有及时释放。比如说闭包:当前变量已经使用完毕但依然被引用,导致垃圾回收机制无法回收这就造成了内存泄漏。主要存在内存泄漏的问题点:1)BOM / DOM对象泄漏2)scipt中存在对BOM / DOM对象的引用3)javaScript对象泄漏4)闭包函数导致的泄漏...

2020-05-18 11:24:04 248

原创 垃圾回收机制

js的垃圾回收机制就是为了防止内存泄漏的,内存泄漏的含义就是当已经不需要某块内存时这块内存还存在着,垃圾回收机制就是间歇的不定期的寻找到不再使用的变量,并释放掉它们所指向的内存。所以这里又涉及到变量的生命周期,当一个变量的生命周期结束之后它所指向的内存就应该被释放。JS有两种变量,全局变量和在函数中产生的局部变量。局部变量的生命周期在函数执行过后就结束了,此时便可将它引用的内存释放(即垃圾回收),但全局变量生命周期会持续到浏览器关闭页面。所以当我们过多的使用全局变量的时候也会导致内存泄漏的问题...

2020-05-18 11:22:09 124

原创 原型

所有的函数都有显示原型所有的对象都有隐示原型实例对象的隐示原型指向其构造函数的显示原型函数的显示原型本身也是一个对象,我们称之为原型对象原型对象的隐示原型指向Object的显示原型,有一个例外:就是Object的原型对象的显示原型,指向null原型尽头。因为如果Object.prototype指向本身对陷入递归。Object也是由Function构造的,所以Object的隐示原型指向Function的显示原型Function是由Function本身构造的(所有的函数都可以看做是new Func.

2020-05-18 11:02:56 114

原创 访问阿里云OSS图片跨域

图片img标签默认是可以跨域的,但是canvas中不允许跨域,所以在使用html2canvas.js将html代码转图片时,html中如果存在跨域图片就会报错。需要后台在阿里云上配置图片允许跨域。前端在跨域的img标签上加上 crossOrigin="anonymous"属性,允许图片跨域。...

2020-05-16 11:56:56 1749

原创 背景透明,内容不跟随透明,使用rgba

background: rgba;设置背景颜色透明,盒子中的内容不受透明度的影响,如果使用opacity,内容也会透明

2020-05-16 11:31:50 275

原创 v-model绑定的数据,在页面上不实时更新?

可以在this.nextTick()中更新数据。this.nextTick()中更新数据。this.nextTick()中更新数据。this.nextTick():将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它,然后等待 DOM 更新。...

2020-05-04 11:33:43 3226

原创 HBuliderX在手机上打开本地网页步骤

1.运行—运行到内置浏览器2.内置浏览器头部右侧有一个地址输入框,将默认127的地址改为电脑的ip地址3.手机扫码预览(手机与电脑连同一个wifi,如果还是不行,就配置手机的网络代理)...

2020-04-30 16:22:40 2681 3

原创 浏览器字体最小显示12px

可以用transform: scale(0.5);来缩放元素大小,需要注意的是,元素的宽高间距等也缩放了

2020-04-28 20:11:49 324

原创 前端阻止遮罩层下的页面滑动

JS1) 移动端给遮罩层添加一个touch(touchstart、touchmove)事件,阻止默认事件和事件冒泡 element.addEventListener("touchstart",function(e){ e.stopPropagation(); e.preventDefault();},false);...

2020-04-24 14:37:20 599

原创 小程序swiper组件只显示第一张

swiper-item只显示第一张,后面的全部都是空白的:去除swiper-item上的样式就可以了,原理暂时还没搞清楚

2020-04-21 20:38:34 1356 2

原创 小程序阻止冒泡或默认事件

@click.native //阻止组件事件冒泡@click.stop //阻止元素时间冒泡@click.prevent // 阻止默认事件(form、a等标签)

2020-04-15 19:50:06 1941

原创 小程序图片设置mode="aspectFill"造成闪退

图片设置mode=“aspectFill"属性(保持宽高比例,图片充满,超出裁剪),图片过多或者过大,容易造成闪退解决办法:1.去掉mode,可能会出现图片变形的情况2.用background(:style=”{backgroundImage: ‘url(’+ item.door_img +’)’}" style=“background-repeat: no-repeat; backgrou...

2020-04-15 14:41:20 2738

原创 CSS3 filter(滤镜) 属性

给整个网页添加一个灰度filter: grayscale(0.95);注意兼容,加前缀

2020-04-15 14:39:35 118

原创 当父元素设置flex-direction:column;子元素默认width充满父元素

1.解决方案align-self: baseline;2.原因元素设置flex-direction:column;时,默认align-self:stretch;3.align-self属性stretch:元素被拉伸以适应容器。如果指定侧轴大小的属性值为’auto’,则其值会使项目的边距盒的尺寸尽可能接近所在行的尺寸,但同时会遵照’min/max-width/height’属性的限制。...

2020-04-15 14:37:54 4757 1

原创 连续数字或英文换行

word-wrap: break-word;word-break: break-all;

2020-04-15 14:37:23 200

原创 文字两端对齐

文字两端对齐 text-align-last:justify;text-align:justify;text-justify:distribute-all-lines; // 兼容ie浏览器注:必须是文字,如果是数字或者abc这种要用空格分开,否则连一起。...

2020-04-15 14:34:11 196

空空如也

空空如也

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

TA关注的人

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