- 博客(17)
- 收藏
- 关注
RSS订阅
原创 vue中mescroll.js插件的mixins封装方法
1、mescroll官网链接：http://www.mescroll.com/ 2、vue项目中引入mescroll的方法 1.安装mescroll依赖 npm install --save mescroll.js 2.vue中的main.js文件中引入mescroll import MescrollVue from 'mescroll.js/mescroll.vue' import 'mescroll.js/mescroll.min.css' Vue.component("mescroll-vue",
2021-03-08 17:40:29
3270
原创 小程序页面布局之单列、双列、三列、四列
页面效果图如上所示，废话少说上代码！！！ 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
4526
原创 小程序自定义键盘组件之车牌号录入
小程序自定义键盘组件之车牌号录入 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
1234
原创 金额正则匹配
1、拿到最新输入的字符串inputVal 2、定义一个空字符串 3、使用match正则过滤字符串的到符合规则的金额 4、reg != null则将过滤的值赋值到空字符串作为输入金额 5、reg == null时可置空金额，也可以保持旧金额 代码如下： let inputVal = oldVal let newVal = ''; let reg = inputVal.match(/\d+\.?\d{0,2}/) if (reg != null) { newVal = reg[0] } this.input
2022-02-23 10:42:19
1677
原创 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
5603
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
2069
原创 小程序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
573
原创 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
940
转载 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
2963
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
540
2
原创 小程序自定义导航之标题随页面滚动左右移动动画效果
默认状态下标题居中 屏幕上滑标题向左移动图像变大 屏幕上滑到设定值图像大小固定，标题位置固定 代码如下： 页面json文件设置为自定义模式 { "navigationBarTitleText": "标题栏", "navigationStyle": "custom", "navigationBarTextStyle": "black", "usingComponents": { } } wxml文件： //导航栏样式 <view class="pageNavBg" style="h
2020-10-14 14:03:38
768
转载 小程序携带参数返回历史页面解决办法
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
420
原创 小程序上传图片之压缩图片并转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
831
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人