- 博客(25)
- 收藏
- 关注
原创 文件上传前的压缩、加密;以及下载前的解压缩、解密
上传前用JSZip将文件压缩为zip包,然后转base64,再用CryptoJS对数据进行AES加密处理;下载前用CryptoJS对数据进行解密得到base64,然后转zip包,再用JSZip对文件进行解压,将文件转成blob并用a标签下载
2021-12-07 14:17:32
629
原创 通过正则表达式格式化时间,可得到任意格式的时间
// 格式化时间 formatStr='yyyy-mm-dd h:i:s'formatTime: function (time, formatStr){ let d = null; if (time instanceof Date) { d = time; } else { d = new Date...
2021-12-07 14:02:15
174
原创 微信小程序对page页和component组件采用es6的class创建基类实现公共方法和数据的继承
为了给页面或者组件添加统一的数据或者方法,不用每个页面都去写一遍,可以方便直接的调用数据或者方法; 实质上是修改Page(obj) 或者Component(obj)中obj;往obj中的data中添加属性数据;往obj或者obj.methods中添加方法 可以直接通过this来获取数据或调用方法在utils文件下新建baseClass文件夹,在该文件下新建三个基类jsbase.js文件 最基础的类const api = {a:1,b:2}const storage = {c:3,...
2020-07-02 15:34:39
1175
原创 微信小程序使用animation动画实现消息从左向右滚动
<view id="notice" style="overflow:hidden;position: relative;height:50rpx;margin:0 50rpx;"> <view id="notice-txt" style="white-space: nowrap;position: absolute;" animation="{{animationData}}">足协杯战线连续第2年上演广州德比战足协杯战线连续第2年上演广州德比战足协杯战线连续第2年上演广州德比.
2020-06-20 14:33:32
2018
原创 vue的放大镜效果
<template> <div> <div class="imgMerror"> <div class="smallDiv" @mousemove="move($event)" @mouseenter="enter()" @mouseleave="leave()"> &...
2019-12-19 11:55:29
289
原创 input框事件汇总
1.onfocus 当input 获取到焦点时触发2.onblur 当input失去焦点时触发,注意:这个事件触发的前提是已经获取了焦点再失去焦点的时候会触发相应的js3.onchange 当input失去焦点并且它的value值发生变化时触发4.onkeydown在 input中有键按住的时候执行一些代码5.onkeyup 在input中有键抬起的时候触发的事件,在此事件触...
2019-12-19 11:51:55
306
原创 百度地图定位获取当前位置
1.百度地图api地址:http://lbsyun.baidu.com/index.php?title=jspopular该项目中使用的是JavaScript API v2.0先在百度地图的控制台创建应用,选择相应的权限,创建成功后就能得到相应的密钥在public的index.html中用script标签直接引入百度地图的js<script type="text/java...
2019-12-19 11:51:07
659
原创 vue开发前的准备工作
1.先在电脑上安装node.js (直接安装在c盘)2.在cmd命令行中输入:node -v 检查node.js是否安装上了3.在cmd命令行中输入:npm install -g npm4.安装的是国内的node包管理器 在cmd命令行中输入:npm install -g cnpm --registry=https://registry.npm.taobao.org5.全...
2019-12-19 11:50:27
67
原创 v-html 中使用过滤器filters功能
Vue2.0 不再支持在v-html中使用过滤器然而,现在不能使用了,Vue2.0 的过滤器现在只能应用在{{ }}和v-bind中。<div> {{ name | filterNmae }}</div> <script> filters:{ filterNmae(name){ ...
2019-11-27 10:34:16
375
原创 常用的匹配规则
匹配输入的密码同时包含字母和数字且长度为8-20位let reg = /^(?!([a-zA-Z]+|\d+)$)[a-zA-Z\d]{8,20}$/ig;reg.test('字符串')隐藏手机号码的中间四位数//隐藏手机号码的中间四位数 186****6257formatPhone: function (phone){ let reg = /^(\d{3})\d*(\d{...
2019-11-21 13:43:25
310
1
原创 购物车的js计算
以店铺为单位,每个店铺下面有对应的商品选项,可全选,商品单选,店铺单选,商品数量加减,删除<script>export default { data() { return { count:0, //所有商品的数量和 shopCarList: [], //所有商品 ...
2019-10-24 09:27:08
334
原创 格式化金额,返回两位小数,大金额以千分位分割
/* *格式化金額,返回两位小数,大金额返回 12,000,000.00 */ formatPrice: function (val) { let v = Number(val).toFixed(2) let vsplit = v.split('.') let join = '' if (vsplit[0...
2019-08-01 15:53:44
270
原创 通过正则表达式格式化时间,可得到任意格式的时间
// 格式化时间 formatStr='yyyy-mm-dd h:i:s'formatTime: function (time, formatStr){ let d = null; if (time instanceof Date) { d = time; } else { d = new Date...
2019-08-01 15:50:56
311
原创 通过正则表达式格式化时间的函数,可以得到任意格式
// 格式化时间 formatStr='yyyy-mm-dd h:i:s'formatTime: function (time, formatStr){ let d = null; if (time instanceof Date) { d = time; } else { d = new Date...
2019-08-01 15:36:41
387
原创 饿了么多个对话框组件Dialog在同一页面中的处理情况
在页面中,一个函数 一组变量对象数据控制多个对话框的显示隐藏<tempalte> <div> <el-button @click="handleAction(1)"type="text">按钮1触发成功对话框</el-button> <el-button @click="handleAction(2)"type="text...
2019-08-01 15:21:24
1176
原创 vue中给window添加和移除resize事件遇到的坑
在vue项目中需要监听window窗口变化来时时计算图片的高度,于是就加了一个监听事件;确实监听到了,但是在离开当前页面进入其他页面改变窗口大小时发现window还是处于监听状态,,即移除监听事件并没有生效。 //之前的写法,这样写移除监听事件无效 mounted(){ window.addEventListener('resize',()=>{ ...
2019-07-26 16:07:04
7797
原创 css滚动条美化
.el-dialog__body{ height: 300px; overflow-y: scroll; } //设置滚动滑块的宽高 .el-dialog__body::-webkit-scrollbar, .el-dialog__body::-moz-scrollbar, .el-dialog__body::-ms...
2019-07-26 10:31:12
288
原创 小程序操作当前页面后返回上一级并自动刷新上一级页面数据
微信小程序的页面是由onLoad(页面加载)、onReady(页面初次渲染完成)、onShow(页面显示)、onHide(页面隐藏)、onUnload(页面卸载)五个周期构成;实现返回上一页的时候其实是直接将隐藏的页面再显示出来,所以不存在页面的再次加载,A页面 ——>B页面——>返回A页面(更新A页面数据)解释:在A跳转B的过程实现是A页面隐藏,B页面初始化渲染; 返回...
2019-07-04 14:45:37
10942
原创 微信小程序wxml进行节点操作获取相关信息的使用
getNodeInfo(){ //初始化 ps:在组件中使用this.createSelectorQuery() || wx.createSelectorQuery().in(this) const query = wx.createSelectorQuery(); //选择一个节点,获取这个节点的width,height,top,bottom,left,right等信息...
2019-06-20 11:54:10
705
原创 给函数以对象的形式传参,不传参数用默认值,传用指定的值
function myFn(args){ //第一种传统的形式写法 // let defaultArg = {a:1,b:2,c:3,d:4}; // for (let key in args){ // defaultArg[key]=args[key] // } // let {a,b,c,d} = defaultArg; ...
2019-06-19 20:33:00
1227
原创 this的指向
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2019-02-20 11:18:45
93
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人