- 博客(24)
- 收藏
- 关注
原创 scroll-view横向滚动实现点击元素滚动到页面中间的效果
微信小程序(uniApp):scroll-view横向滚动实现点击元素滚动到页面中间的效果<scroll-view scroll-x="true" class="scroll-x x" :scroll-left='scrollLeft' :scroll-with-animation="scrollAnimation" :show-scrollbar="false" :scroll-into-view="seqToView"> <view class="week-list">
2022-05-30 11:09:37
1928
2
原创 fullpage.js如何滚半屏
fullpage.js如何滚半屏只需要把最后一个section 追加样式 fp-auto-height 列如:<full-page id="fullpage" ref="fullpage" :options="options"> <div class="section " id="section0"> <h1>fullPage.js</h1> <p>Auto-height sections</p> </d
2022-05-30 10:50:21
321
原创 vue+element 前端rules校验IP地址
vue+element 前端rules校验IP地址1、方法验证export function validateIP(rule, value, callback) { if (value === '' || typeof value === 'undefined' || value == null) { callback(new Error('请输入正确的IP地址')) } else { const reg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\
2022-05-30 10:40:19
1556
原创 uniapp 微信小程序支付
uniapp 微信小程序支付1、调后端接口2、使用wx.requestPayment拉起微信支付// 调取后台支付接口创建订单let data = { money: Number(this.rechargeNum), channel: '1' } recharge(data).then(response => { if(response.data.code === 200) { // 提交订单后直接拉起微信支付所以 // d
2022-05-30 10:34:44
881
原创 vue vue-fullpage.js 定位 方法调用
vue vue-fullpage.js 定位 方法调用<div class="move-email" @click="gotolastpage"><img src="./assets/email.png"></div>。。。。options: { // licenseKey: "OPEN-SOURCE-GPLV3-LICENSE", afterLoad: this.afterLoad, scrollOverflow: false, scrollBa
2022-01-25 17:06:08
915
原创 fullpage.js如何滚半屏
fullpage.js如何滚半屏只需要把最后一个section 追加样式 fp-auto-height 列如: 官方案例:https://alvarotrigo.com/fullPage/examples/autoHeight.html
2022-01-25 17:02:11
855
原创 3D transform变换z-index层级渲染异常
3D transform变换z-index层级渲染异常问题描述上下两个动画,但是层级混乱了,下边的定位元素层级比上面高解决方法1:<div class="box"> <div class="parent1"> <div class="text-ab"> <div class="children-re">父元素1的被定为</div> <div class="children-ab">父元素1的
2021-12-06 15:06:21
828
1
原创 Vue不能检测到对象属性的添加或删除
Vue不能检测到对象属性的添加或删除官网——深入响应式原理(https://cn.vuejs.org/v2/guide…)中介绍到:受现代 JavaScript 的限制 (以及废弃 Object.observe),Vue 不能检测到对象属性的添加或删除。由于 Vue 会在初始化实例时对属性执行 getter/setter 转化过程,所以属性必须在 data 对象上存在才能让 Vue 转换它,这样才能让它是响应的。上面的a是响应式的,所以a的改变后会自动渲染页面;但是b是在vm实例创建之后添加的属性,
2021-11-17 15:42:03
550
原创 【无标题】
Vue不能检测到对象属性的添加或删除:三种解决方法官网——深入响应式原理(https://cn.vuejs.org/v2/guide…)中介绍到:受现代 JavaScript 的限制 (以及废弃 Object.observe),Vue 不能检测到对象属性的添加或删除。由于 Vue 会在初始化实例时对属性执行 getter/setter 转化过程,所以属性必须在 data 对象上存在才能让 Vue 转换它,这样才能让它是响应的。上面的a是响应式的,所以a的改变后会自动渲染页面;但是b是在vm实例创建之
2021-11-17 15:37:00
113
原创 vue中‘. native‘修饰符的使用
vue中’. native’修饰符的使用.native - 监听组件根元素的原生事件。主要是给自定义的组件添加原生事件。官网的解释:你可能想在某个组件的根元素上监听一个原生事件。可以使用 v-on 的修饰符 .native 。通俗点讲:就是在父组件中给子组件绑定一个原生的事件,就将子组件变成了普通的HTML标签,不加’. native’事件是无法触 发的(我觉的这个说法一点也不通俗)。举列说明这时点击按扭没有任何反应。这时点击按扭,出现弹窗,如下图:这里候,就可以很明显的看出.nat
2021-11-17 15:30:14
2056
3
原创 2021-11-11
vuex中commit和dispatch的区别commit 和dispatch的区别在于commit是提交mutatious的同步操作,dispatch是分发actions的异步操作dispatch:含有异步操作,例如向后台提交数据,写法: this.$store.dispatch(‘action方法名’,值)commit:同步操作,写法:this.$store.commit(‘mutations方法名’,值)如图![在这里插入图片描述](https://img-blog.csdnimg.cn/f
2021-11-11 16:52:25
69
原创 2021-10-26
vue锚点使用scrollIntoView()这个方法可以取代传统锚点定位,它是利用滚动原理,来将相应的元素滚动到可是区域内。接下来看看详细的介绍。首先需要说明的是,这个方法并没有写入标准,但是大多数主流浏览器已经支持或部分支持其功能了,所以可以放心使用,当然如果有朝一日标准出来了,那就按标准来吧。其次要说明的是,这是js原生方法,jquery等框架是使用不了的,所以,获得元素的方法一定是document.getElementById或querySelector,然后才可以点出来scrollIntoV
2021-10-26 11:12:28
510
原创 2021-10-25
vuex核心概念GettersGetters用于对store中的数据进行加工处理形成新的数据获取getters有两种方法首先定义gettersstate: { count: 0 }, getters: { showCount(state) { return '当前的count值为' + state.count } }第一种获取getters数据this.$store.getters.showCount第二种方法
2021-10-25 17:33:51
71
原创 2021-10-25
vuex 异步调用触发actions如果通过异步操作变更数据,必须通过actions,而不能直接使用mutations,但是在actions还是要通过触发mutations来间接改变state。组件页面派发(dispatch)一个actions,actions提交一个mutations,数据发生改变代码如下store.js代码state: { count: 0 }, mutations: { add(state, step) {
2021-10-25 17:12:57
79
原创 2021-10-25
vuex mutations基本用法在store.js定义state,mutationsconst store = new Vuex.Store({ state: { count: 0 }, mutations: { add(state, step) { state.count += step } }, modules, getters})export default store在你
2021-10-25 16:47:01
91
原创 2021-10-22
JavaScript 返回对象的ECMAScript 6箭头函数从箭头函数返回对象时,由于语法上的歧义,似乎有必要使用额外的{}和return关键字集。那意味着我不会写p => {foo: “bar”},但必须写p => { return {foo: “bar”}; }。如果arrow函数返回的不是对象,则{}和return都是不必要的,例如:p => “foo”。p => {foo: “bar”}返回undefined。修饰符p => {“foo”: “bar”}抛
2021-10-22 10:30:42
61
原创 2021-10-21
ECHARTS的地图热力点标注鼠标悬停显示提示内容这是我的热力标记点data: [ {name: '源汇区', value: [114.017948, 33.565441]}, {name: '召陵区', value: [114.051686, 33.567555]}, {name: '舞阳县', value: [113.610565, 33.436278]}], // 坐标点数据,格式 {name: 'xxx', value: [经度,纬度]}也可以重新修改拼接的内容
2021-10-21 16:40:29
63
原创 2021-10-21
小程序扫码进入指定页面并携带参数onLoad(option) { //此处得到的是一个地址,我携带的只有一个参数 let code = decodeURIComponent(option.q) //对src做截取处理得到需要的参数 if(code) { let scene_arr = code.split(",") for (let i =0;i<scene_arr.length;i++) { let chai
2021-10-21 16:33:09
91
原创 2021-10-21
vue 实现组件递归(嵌套自身)vue和uniapp实现不一样vue 实现组件递归主要使用到了 组件中的name, 当我们设置了组件的name,组件递归调用自身使用的组件名为name;<template> <view class="tree-index"> <view class="tree-list" v-for="(item, index) in treeList" :key="index"> <view
2021-10-21 16:20:10
132
原创 2021-10-21
vue+element+富文本编辑器1.使用npm安装 vue-quill-editor npm install vue-quill-editor --save2.在main.js中引入富文本编辑器 //引用富文本编辑器 import VueQuillEditor from 'vue-quill-editor' //引入富文本css // require styles import 'quill/dist/quill.core.css' import 'quill/dist/quill
2021-10-21 16:11:13
197
原创 2021-10-21
js数组中对象去重我遇到一个数组中对象去重,但是后端返回给我的数据中有名字重复的,要把重复的名字去// 后端返回的数据let name = res.data.datalet hash = {}let arr = []arr = name.reduce(function(item, next) { hash[next.userName] ? '' : hash[next.userName] = true && item.push(next) return item }
2021-10-21 15:59:11
45
原创 2021-10-21
–status-bar-height 在小程序端不论是全面屏还是刘海屏都是25pxapp端uni.getSystemInfo() 获取系统信息uni.getSystemInfo({ success: function (res) { console.log(res.statusBarHeight)//状态栏的高度 字节跳动小程序不支持 console.log(res.navigationBarHeight)//导航栏的高度 console
2021-10-21 15:50:11
55
原创 2021-01-18
[non-writable] modification of global variable “Promise.prototype.finally” is not allowed when using plugins at app.json.解决,在封装请求的时候判断一下finally
2021-01-18 14:45:02
148
原创 小程序的组件使用
在父组件的.json文件中添加一下代码在用标签的形式引用。传值用父传子的形式。父组件在调用子组件的地方,添加一个自定义的属性,属性的值就是需要传递给子组件的值, 如果属性的值是变量boolean、number数据,需要使用{{}}包裹子组件定义的地方,添加一个properties选项,properties选项的值是一个对象代码如下:可以在组件中通过此自定义属性名访问数据:...
2020-02-21 19:33:24
101
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人