- 博客(12)
- 收藏
- 关注
原创 微信h5网页跳转小程序,以及跳转内嵌h5小程序指定页面
1)首先是在index.html中引进微信sdk。2)在该h5的vue里,如果h5页面可能会存在多种环境里,那么首先还需要判断微信h5网页环境: `isWeixinH5`(如果确定该h5页面只会存在微信网页中,那么可以不用判断)
2024-05-06 10:58:13
2119
原创 Object对象通过key值进行重组成新的Object对象
创建一个通过key值对object进行重组的方法。最后直接运行就会返回所需要的新object。把需要的key放在一个数组里。
2023-03-27 13:41:46
328
原创 css 通过混合模式文字智能适应配色
用css制作如图样式文本在黑色底色上表现为白色,在白色底色上表现为黑色,可以在 CSS 中,利用混合模式 mix-blend-mode: difference,很简单的实现。normal:正常、multiply:正片叠底、screen:滤色、overlay:叠加darken:变暗、lighten:变亮、color-dodge:颜色减淡、color-burn:颜色加深、hard-light:强光、soft-light:柔光、difference:差值、exclusion:排除、hue:色相、satura.
2022-04-16 15:03:31
741
1
原创 uniapp video android真机中黑屏 只有声音没有画面
在使用uniapp的video组件的时候,遇到进入页面播放正常,但再次进入重新加载页面后,会出现黑屏但有声音的问题。因为需求是要在离开页面后不再播放视频,所以这里在onShow时绑定视频组件,并开始播放:<video id="myVideo" :src="videosrc" object-fit="cover" :autoplay="true" loop="true" controls="false" custom-cache="false" enable-play-gesture="false"
2022-03-23 15:55:49
7872
原创 实现div自定义页面数字键盘输入
在移动端上,输入时不想启动自带的输入法,只想直接在页面上按按就能输入数字,十分方便。代码如下:<input class="input-num" v-model="value" @tap="hideKeyboard"/> <view class="number"> <view class="every" v-for="(item,index) in numberList" @tap="inputNumber(index)"@longtap="clearNu
2021-12-07 17:45:55
1225
原创 如何使用better-scroll以及遇到滑动失效等问题(vue)
当我们在移动端上进行触控滑动的时候,明明代码写的没有什么问题,但就是滑动十分的不流畅,用了很多css样式和数据优化都改变不大,于是在尝试用better scroll了之后,解决了这个问题。但在第一次尝试使用的时候,遇到了引入了better scroll,但就是页面组件里不滑动。(我使用的是在页面中单个组件滑动)总结了一下,有一下几点在使用的时候需要注意的地方:1:首先就是在需要滑动的组件中引入(先npm下好组件)import BScroll from "better-scroll";2:一定要在
2021-12-03 10:36:00
2257
2
原创 子组件如何调用父组件的方法(可传参),超简单!
在绑定父子组件之后,子组件要调用父组件的方法首先在子组件中绑定一个点击事件(@click=“sonSub”)<div @click="sonSub()">我是子组件</div>在该方法中使用 this.$parent 方法调用父组件的方法 //子组件 methods:{ sonSub(){ this.$parent.fatherSub() } }父组件中只用写方法,不用再因为子组件的调用而添加其他代码//父组件metho
2021-08-10 14:55:58
4319
6
原创 详细了解闭包 什么是闭包 带例题讲解!
定义和用法:当一个函数的返回值是另外一个函数,而返回的函数调用了其父函数内部的变量,那么返回的函数在外部被执行时,就产生了闭包。 表现形式:使函数外部能够调用函数内部定义的变量。 实例如下:根据作用域链的规则,底层作用域没有声明的变量,会向上一级找,找到就返回,没找到就一直找,直到window的变量,没有就返回undefined。这里明显count 是函数内部的flag2 的那个count。var count=10; //全局作用域 标记为flag1function add () {
2021-07-17 19:38:15
156
1
原创 Vue生命周期函数详解(面试必看)
首先了解一下什么是生命周期函数:Vue 实例从创建、挂载、更新、销毁等一系列的过程,我们称这是 Vue 的生命周期。它的作用:Vue 所有的功能的实现都是围绕其生命周期进行的,在生命周期的不同阶段调用对应的钩子函数可以实现组件数据管理和DOM渲染两大重要功能。 生命周期中有多个事件钩子,在控制整个vue实例的过程时更容易形成好的逻辑。也就是说,Vue的生命周期函数可以帮助我们在它的各个阶段进行事件处理,更好的控制整个vue项目。每个周期具体适合哪些场景: beforeCreat
2021-07-17 18:24:18
332
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人