- 博客(25)
- 收藏
- 关注
RSS订阅原创 echarts自动滚动(无缝衔接,划入停止,划出滚动,鼠标滚动)
Echarts柱状图自动滚动效果+无缝衔接滚动+鼠标划入停止+鼠标滚动+鼠标划出从最新位置滚动
2023-12-07 11:35:51
889
原创 测试 生成公众号微信签名算法
需在公众号配置ip白名单1、获取access_token格式：https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=appid&secret=secret2、获取jsapi_ticket格式：https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=access_token&type=jsapi3、S
2022-05-06 17:33:57
367
原创 video标签、videoJS插件
video<template> <div> <Video :usCannotFF="true" /> </div></template><script lang='ts'>import { Component, Vue } from "vue-property-decorator";import Video from "@/components/common/video.vue";@Component({
2022-02-16 16:01:09
1722
1
原创 企业微信ECharts 姓名拼音展示（“烫烫 ”）
将需要转义的人名转为这种结构（部门同理）//items是转好的数组WWOpenData.prefetch({ items }, (err, data) => { if (err) { console.log(err); } //转后的中文为：‘烫烫烫’ var Name = data.items.map(x=>x.data) // 这个就是转好的，直接丢到 echarts if (WWOpenData.initCanvas) { W
2021-10-14 10:12:29
464
原创 企业微信获取 wx config、 agentConfig
import Vue from 'vue';import { allocations} from '@/api/configget';import Router from '@/router'export const wxAuth = async (pushindex, next) => { const wechatConfigUrl = location.href.split('#')[0] if (window.wechatConfigUrl === wechatConfig
2021-10-12 18:15:50
2182
15
原创 企业微信 WWOpenData组件
新建wxOpendata组件<template> <ww-open-data :type="type" :openid="openid" /></template><script>export default { name: "WWOpenData", props: ["type", "openid"], watch: { openid(item) { this.$nextTick(() => { .
2021-10-12 17:58:05
1996
4
原创 element-ui的el-date-picker组件（限制时间范围选择、常用快捷）
<el-date-picker size="medium" v-model="export_from.time_range" type="daterange" value-format="timestamp" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="instantPickerOptions"></el-date-picker> ex.
2021-10-12 17:23:01
982
原创 el-table input输入无效
方法一：forceUpdate<el-input :rows="1" @input="sgradeInp(scope.$index)" v-model="scope.row.score_grade" placeholder="请输入"></el-input>sgradeInp(e) { this.$forceUpdate(); //强制更新视图数据},方法二：更新行<el-input :rows="1" @input="sgradeInp(scope.$ind
2021-04-10 17:06:16
867
原创 splice循环删除数组
let list = [0,1,1,1,0]for(let i in list){ if(list[i] == 1){ list.splice(i,1) } }像上方连续splice删除1之后会出现原因：删除第一个1之后，第二个下标为2的1会跑到刚才删除的下标为1的位置，下次循环判断只会判断下标为2的1解决方法： let list = [0,1,1,1,0] for(let i = 0 ; i < list.length ; i++){ if
2021-03-06 16:41:18
604
原创 qrcodejs2生成二维码并下载
cnpm i qrcodejs2 -S<el-dialog @close="closeCode" :visible.sync="innerVisible" width="444" append-to-body> <div style="border-radius: 15px;border: 1px solid #f1f1f1;padding: 10px; width: 346px;box-sizing: border-box;margin: 0 auto;"> <di
2021-01-15 16:59:59
778
原创 深拷贝浅拷贝（栈、堆）
栈内存（stack）中存放基本数据类型（Undefined、Null、Boolean、Number 、 String），变量与值都存于栈中堆内存（heap）中存放其他类型即引用数据类型（object、array、function等），引用类型变量存于栈内，值新开辟一个空间存在堆中，栈中存储的是一个地址指针，这个指针指向堆内的值如图：a、c、d、e 为基本数据类型b 为引用数据类型浅拷贝： //简单的例子： var arr1 = [1,2,3,4]//引用类型 var arr2 = arr1
2021-01-15 14:46:20
484
1
原创 vue ECharts 宽度自适应
mounted(){ window.addEventListener('resize',this.selfAdaption); }, methods: { //echarts自适应 selfAdaption () { var myChart1 = ECharts.init(this.$refs.xxxxxxxx) var myChart2 = ECharts.init(this.$refs.xxxxxxxx) var myChart3 = ECh
2020-12-31 14:12:57
167
原创 VUE获取当前日期的周一和周天
weekCheckingIn(){ this.weekChecking_inloading = true var now = new Date(); var nowTime = now.getTime() ; var day = now.getDay()|| 7;// 不加 || 7.周末会变成下周一 var oneDayTime = 24*60*60*1000 ; var MondayTime = nowTim
2020-11-27 08:51:16
1565
1
原创 APP PC localStorage 兼容写法
特定情况下，localStorage在移动端无效，使用plus.storage。plus.storage有时PC无效，所以：const user_info = (window.plus && JSON.parse(plus.storage.getItem('user_info'))) || JSON.parse(localStorage.getItem('user_info'))
2020-10-07 16:30:37
437
原创 多次触发只执行最后一次/第一次（防抖、节流）
多次触发只执行最后一次var t=null;//全局变量//方法内写：if(t!=null){ clearTimeout(t)}t=setTimeout(function(){//多次触发后在5秒后执行最后一次触发 //此处写要执行的方法、函数},5000)多次触发只执行第一次var bool = true;//全局变量方法内：if(bool){//第一次执行，之后五秒内不再执行 //此处写需要触发的函数\方法 bool = false setTimeout(()=
2020-09-27 11:10:25
5174
1
原创 浏览器兼容性问题与解决方案
常见浏览器兼容性问题与解决方案所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。在学习浏览器兼容性之前，我想把前端开发人员划分为两类：第一类是精确按照设计图开发的前端开发人员，可以说是精确到1px的，他们很容易就会发现设计图的不足，并且在很少的情况下会碰到浏览器的兼容性问题，而这
2020-09-14 17:05:44
698
原创 vue——项目优化，缩短首屏加载时间
在Vue项目中，引入到工程中的所有js、css文件，编译时都会被打包进vendor.js，浏览器在加载该文件之后才能开始显示首屏。若是引入的库众多，那么vendor.js文件体积将会相当的大，影响首屏的体验。解决方法是，将引用的外部js、css文件剥离开来，不编译到vendor.js中，而是用资源的形式引用，这样浏览器可以使用多个线程异步将vendor.js、外部的js等加载下来，达到加速首开的目的。外部的库文件，可以使用CDN资源，或者别的服务器资源等。下面来介绍几种方式：1.大文件定位我们可以
2020-09-14 15:48:00
578
原创 遍历json中最底层的数据（不包含中间分类）
1.递归let arr = [];function demo(data){//data：传入的json for(let i =0;i<data.length;i++){ if(data[i].child){ demo(data[i].child); }else{ arr.push(data[i]) } }}console.log(arr)
2020-09-09 17:48:21
251
原创 vue vant 上传图片时压缩
1.npm install exif-js --save 引入2.<van-uploader: after-read="_afterRead" />return { // 图片信息 files: { name: "", type: "" }_afterRead (file) { this.files.name = file.file.name // 获取文件名 this.
2020-09-09 13:42:27
701
1
原创 Vue预加载实现无缝跳转
预加载：即在用户访问页面之前，提前加载好相应的资源；无缝跳转：1.使用setInterval轮询，1秒检测一次js线程是否空闲：*// 检测js线程空闲**const d1 = new Date();setTimeout(()=＞{ const offset = new Date() - d1; if (offset < 25 ) { // JS线程空闲 }}), 20);*如果小于这个值，证明js线程空闲，这样就可以在不影响用户体验的前提下执
2020-08-11 00:08:52
1352
原创 解决Vuex页面刷新数据丢失
数据持久化：原理：在页面刷新时，将vuex里的数据保存在localStorage里；在页面加载时读取localStorage里的状态信息created () {//在页面加载时读取localStorage里的状态信息if (localStorage.getItem(“data”) ) {//replaceState替换数据 Object.assign合并对象this.store.replaceState(Object.assign(,this.store.replaceState(Object.
2020-08-06 12:09:56
138
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人