- 博客(17)
- 收藏
- 关注
RSS订阅
原创 vue中mescroll.js插件的mixins封装方法
1、mescroll官网链接：http://www.mescroll.com/2、vue项目中引入mescroll的方法1.安装mescroll依赖 npm install --save mescroll.js2.vue中的main.js文件中引入mescrollimport MescrollVue from 'mescroll.js/mescroll.vue'import 'mescroll.js/mescroll.min.css'Vue.component("mescroll-vue",
2021-03-08 17:40:29
1929
原创 小程序页面布局之单列、双列、三列、四列
页面效果图如上所示，废话少说上代码！！！html:<view class="rowBox"> <view wx:for="{{listData}}" wx:for-item="listDataItem"> <!-- 单图 --> <view class="rowItem" wx:if="{{listDataItem.type==1}}"> <image class="rowOne" wx:for="{{listData
2020-06-22 16:27:32
3925
原创 小程序自定义键盘组件之车牌号录入
小程序自定义键盘组件之车牌号录入html:<view bindtap="showAddCarNumFun">点击新增车牌号</view><view class="addCarNumBg" wx:if="{{showAddCarNum}}" catchtap="closeAddCarNum"></view><view class="addCarNumContent" wx:if="{{showAddCarNum}}"> <view
2020-05-25 15:16:26
967
原创 金额正则匹配
1、拿到最新输入的字符串inputVal2、定义一个空字符串3、使用match正则过滤字符串的到符合规则的金额4、reg != null则将过滤的值赋值到空字符串作为输入金额5、reg == null时可置空金额，也可以保持旧金额代码如下：let inputVal = oldVallet newVal = '';let reg = inputVal.match(/\d+\.?\d{0,2}/)if (reg != null) { newVal = reg[0]}this.input
2022-02-23 10:42:19
1436
原创 vue3源码解读(入门)
尤雨溪大神解读哔哩哔哩教程视频内容中的代码：（请结合视频学习，每一部分代码可在浏览器中运行调试）1、渲染函数小案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>渲染函数演示</ti
2021-12-08 09:31:32
3993
2
原创 vue3中普通文件获取vuex4中state的值
问题：由于vuex4使用createStore工厂函数初始化store,且vue使用createApp初始化项目，所以原来利用this.$store.state来获取数据的方法失效。解决：利用toRaw函数来将store 返回的proxy类型的数据解析出来import { toRaw } from '@vue/reactivity'import store from '../store'const userInfo = toRaw(store.state.userInfo)至此得到可用的参
2021-11-17 17:13:39
600
原创 小程序animation实现类似每日优鲜加入购物车动画
效果图：效果图视频转gif效果较差，实际效果很好哦！html:<block wx:for="{{ leftList }}" wx:for-item="item" wx:key="leftList"> <view class="goods-item" bindtap="gotoDetails" data-id="{{item.id}}"> <image class='page_image class-image class-image-left'
2021-06-16 17:35:46
456
原创 vue项目实现自定义tabBar组件的封装
首先感谢王红元老师的vue课程，从中受益良多。特别是在目录结构的划分、组件封装思想上受到了很大启发，下面为大家带来一个tabBar的组件封装。一、创建一个存放公共组件的文件夹，里面再新建一个tabbar的文件夹。里面创建两个.vue文件：TabBar.vue和TabBarItem.vue 如图：1、TabBar.vue代码展示：<template> <div class="tab-bar"> <slot></slot> &
2021-04-20 10:19:26
734
转载 mongodb设置超级管理员，设置用户名密码
设置超级管理员设置 admin（$use admin切换到admin数据库）use admin db.createUser({ user: 'admin', // 用户名 pwd: '123456', // 密码 roles:[{ role: 'root', // 角色 db: 'admin' // 数据库 }]})设置完成，可以输入 show users 查看是否设置成功，如下：开启验证找到 MongoDB 安装目录，打开 mongod.cfg文
2021-04-02 10:18:54
2272
1
原创 javaScript金额保留两位有效数字的坑与解决方法
javaScript金额保留两位有效数字的坑与解决方法1、输入框的正则表达式：var reg = e.detail.value.match(/\d+\.?\d{0,2}/);let val = '';if (reg != null) { val = reg[0];}2、关于保留两位有效数字的坑：若采用向下取整方法Math.floor(num * 100) / 100，会在输入为3**.03时得到3**.02和再输入为3**.09时得到3**.08的问题解决办法：toFix: func
2021-03-04 14:45:51
377
2
原创 小程序自定义导航之标题随页面滚动左右移动动画效果
默认状态下标题居中屏幕上滑标题向左移动图像变大屏幕上滑到设定值图像大小固定，标题位置固定代码如下：页面json文件设置为自定义模式{ "navigationBarTitleText": "标题栏", "navigationStyle": "custom", "navigationBarTextStyle": "black", "usingComponents": { }}wxml文件：//导航栏样式<view class="pageNavBg" style="h
2020-10-14 14:03:38
634
转载 小程序携带参数返回历史页面解决办法
let pages = getCurrentPages(); //获取当前页面js里面的pages里的所有信息。let prevPage = pages[ pages.length - 2 ];//prevPage 是获取上一个页面的js里面的pages的所有信息。 -2 是上一个页面，-3是上上个页面以此类推。prevPage.setData({ // 将我们想要传递的参数在这里直接setData。上个页面就会执行这里的操作。id:e.currentTarget.dataset.id,ist
2020-09-01 09:44:31
298
原创 小程序上传图片之压缩图片并转base64
效果图：说明：当上传图片内存大于100kb时对图片进行压缩处理；html:<canvas canvas-id='attendCanvasId' class='myCanvas' style="width:{{imageWidth}}px; height:{{imageHeight}}px"></canvas><view class="upLoadPicBox"> <view class="upLoadPicIconBox" wx:for="{{tem
2020-06-15 09:43:07
751
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人