- 博客(27)
- 收藏
- 关注
RSS订阅原创 倒计时（未来时间减去当前时间）
// 补0function formatBit (val) { val = +val return val > 9 ? parseInt(val) : '0' + parseInt(val)}function forMatTime(time) => { let temp = Math.floor(time % 3600) let hour = formatBit(Math.floor(temp / 60 / 24)) let min = formatBit(Math.floo
2021-08-12 17:56:59
379
原创 uniapp webview全屏
// #ifdef APP-PLUS var currentWebview = this.$scope.$getAppWebview(); //此对象相当于html5plus里的plus.webview.currentWebview()。在uni-app里vue页面直接使用plus.webview.currentWebview()无效，非v3编译模式使用this.$mp.page.$getAppWebview() setTimeout(function() { let wv = curr
2021-08-12 10:18:37
2760
原创 js倒计时（封装为class）
utils.jsexport default class countDown{ constructor() { this.count = 60 this.timer = null this.backText = '获取验证码' } getDown(val){ return this.timer = setInterval(() => { this.count-- if(this.count < 1){ clearInterv
2021-07-27 09:41:32
257
原创 封装uni.request
module.exports = (params) => { let url = store.getters.baseApiUrl + params.url; let method = params.method; let header = params.header || {}; let data = params.data || {}; if (!method) { method = "POST" if(!params.isRaw){ // raw 形式提交..
2021-07-22 18:01:31
321
原创 封装uni.request（接口与业务分离）
创建apiCreate.jsmodule.exports = (params) => { let url = `路径${params.url}`; let method = params.method; let header = params.header || {}; let data = params.data || {}; if (!method) { method = "POST" }else{ method = "GET" } // 发起网络请求
2021-07-22 17:58:17
181
原创 倒计时15分钟 兼容ios 安卓 web
nowTime: Date.now() // 当前时间戳countDown: 15 * 60 // 15分钟let tempTime = Date.parse(时间.replace(/-/g,"/")) let timeCut = parseInt( ((Number(this.nowTime) - Number(tempTime)) / 1000 ) )this.countDown = this.countDown - timeCut setInterval(.
2021-07-22 15:54:23
175
原创 nodejs输出当前目录下所有文件内容
nodejs输出当前目录下所有文件内容直接复制代码在当前目录下使用node执行var fs = require("fs");var path = require("path");function listFile(dir){ var arr = fs.readdirSync(dir); arr.forEach(function(item){ var fullpath = path.join(dir,item); var stats = fs.statSync(fullpath);
2021-07-19 10:34:27
522
原创 uniapp截取部分区域
通过canvas来绘制截取部分，然后保存html部分<canvas :style="{ width: canvasW + 'px', height: canvasH + 'px' }" canvas-id="myCanvas"></canvas><view class="button" @click="save_temp"><text class="cuIcon-down"></text>保存到相册</view>js部分
2021-03-09 15:31:37
5153
4
原创 uniApp获取元素信息
uniApp获取元素信息的代码：详细了解请查阅文档：—uni.createSelectorQuery—const query = uni.createSelectorQuery().in(this);query.select('#press').boundingClientRect(data => { console.log(data) this.pergressWidth = parseInt(data.width)}).exec();/* data ===> { "he
2021-02-20 14:38:58
4425
原创 uniapp制作App实现下载系列功能
新建downloader.js文件export function down(url, option, callback) { // 文件下载 // 调用方式 ---> 文件引入名称 = down(url, option, callback) return plus.downloader.createDownload(url, option, callback)}export function getDownList(callback) { // 文件查询 // 调用方式 .
2021-02-15 14:35:09
1938
2
原创 关于uniapp的多列选择器
uniapp的picker组件 它的值如果是个对象数组的话怎么办三级联动为例<view class="uni-list-cell-db"> <!-- range 的必须绑定你的源数据 选择器列表中展示的数据 range-key 绑定的值必须加引号 必须为源数据中的唯一值 value 绑定的值是源数据的下标 --> <picker mode="multiSelector" @columnchange="bindMultiPickerColumnChange" :v
2020-12-09 17:09:21
4721
原创 Vue左右切换图片
<div class="dvtop_all"> <!-- 大图 --> <div class="dvtleft"> <img :src="productinfo.images[banner]"> </div> <!-- 下方小图列表 --> <div class="dvtleftbt"> <i class="el-icon-arrow-left icleft" @click="rollleft">
2020-12-03 11:23:02
1244
原创 面包屑
用任意插件均可插件使用代码使用watch监听路由<!-- 以element面包屑为例 --><el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item to="/">首页</el-breadcrumb-item> <el-breadcrumb-item v-for="(im, ix) in routelist" :key="ix" :to="
2020-12-01 15:38:57
274
1
原创 uniapp中使用scroll-view 隐藏滚动条
uniapp中使用scroll-view 隐藏滚动条::-webkit-scrollbar {width: 0;height: 0;background-color: transparent;}
2020-11-30 15:05:12
1134
原创 时间戳与时间转换
let date = new Date()let y = date.getFullYear()let MM = date.getMonth() + 1MM = MM < 10 ? ('0' + MM) : MMlet d = date.getDate()d = d < 10 ? ('0' + d) : dlet h = date.getHours()h = h < 10 ? ('0' + h) : hlet m = date.getMinutes()m = m <
2020-08-19 11:39:20
142
原创 点击按钮上传文件，并转为Base64格式
Html部分：<input id="inpfile" ref="inpfile" type="file" @change="upimgchange" style="position:fixed;left:-100%;top:-100%;"><button v-show="!picbase" @click="uploadimg">上传</button>Js部分：this.$refs.inpfile.dispatchEvent(new MouseEvent('cli
2020-08-15 16:49:30
277
原创 原生js实现复制功能
html部分<textarea cols="20" rows="10" id="biao1" style="opacity: 0;"></textarea><input type="button" onClick="copyUrl2()" value="点击复制代码" />javascript部分：function copyUrl2(){ document.getElementById('biao1').value = '按时鉴定会为了今后大家好
2020-08-14 17:08:28
314
原创 uniapp二次封装请求
uniapp二次封装请求可在main.js中全局定义，也可单个文件引入。全局定义：import { myRequest } from ‘./api/api.js’Vue.prototype.$rq = myRequest定义方法：export const myRequest=(options)=>{ //传入的options是一个json对象return new Promise((resolve,reject)=>{uni.request({url:’/api’ + optio
2020-08-14 11:57:26
967
原创 函数防抖
首先定义变量 – let timer在方法中，如果频繁触发。if(timer){clearTimeout(timer)}timer = setTimeout(()=>{ls.msg(‘信息保存成功，开始笔录。’)},500)
2020-07-28 15:43:00
76
转载 H5的文本播放
原文地址不多说，上代码 均为正常调用在原生js中如下所示var AudioPlayBystr = function(str_tip){var msg =new SpeechSynthesisUtterance();msg.rate = 0.8; //播放语速msg.pitch = 1; //音调高低msg.text = str_tip;msg.volume = 10 ;//播放音量msg.lang=“zh-CN”;//语言类型speechSynthesis.speak(msg);/
2020-07-28 15:09:48
597
原创 自定义浏览器滚动条
自定义浏览器滚动条自定义浏览器滚动条自定义浏览器滚动条.test-1::-webkit-scrollbar {/滚动条整体样式/width : 10px; /高宽分别对应横竖滚动条的尺寸/height: 1px;}.test-1::-webkit-scrollbar-thumb {/滚动条里面小方块/border-radius: 10px;box-shadow : inset 0 0 5px rgba(0, 0, 0, 0.2);background : #535353;}
2020-07-15 17:36:22
114
原创 本地存储实时监听
在使用Vue开发商城项目过程中遇到问题实时监听本地存储实时监听本地存储@param { number } type 1 localStorage 2 sessionStorage@param { string } key 键@param { string } data 要存储的数据首先在main.js中修改了本地存储的存储方式Vue.prototype.$addStorageEvent = function (type, key, data) { if (type === 1)
2020-06-13 21:02:01
704
原创 Vue实现顺滑返回顶部
Vue实现顺滑返回顶部Vue实现顺滑返回顶部，模仿动画（简单易懂）代码Vue实现顺滑返回顶部，模仿动画（简单易懂）思路：1.在组件初始化时监听滚动事件2.在关闭页面时移除监听事件3.在方法中使用定时器来实现顺滑返回顶部，防止突兀代码this.tops --- 用于控制返回顶部按钮是否显示this.heights --- 浏览器视图窗口的高度this.scrolltop ...
2020-01-15 10:12:46
681
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人