- 博客(26)
- 收藏
- 关注
RSS订阅原创 使用 echarts 实现象形图渐变色
实现思路：象形图无法实现整块渐变，则先实现两个普通的渐变柱状图，然后再实现两个象形柱状图，背景色设置为白色（调试时若无法区分可加对应底色），定位象形柱状图在普通柱状图上面即可。
2023-04-20 21:37:42
585
原创 vue集成Luckyexcel实现在线编辑Excel，可自行导入，也可从服务器端获取
安装 依赖npm install luckyexcel在页面中引入import LuckyExcel from 'luckyexcel'html中<div id="luckysheet" style="margin:0px;padding:0px;width:100%;height:100%;"></div>在mounted中注册var options = { container: 'luckysheet', //luckysheet为容器
2021-12-10 15:53:30
14782
25
原创 遍历对象的操作，将key值相同的存在同一数组中
let arr = [{ a:1, b:2},{ a:2, b:4},{ a:3, b:6},{ a:1, b:8}];let newArr = [];arr.forEach((item,index)=>{ let i = 0; for(let attr in item){ if(!index){ newArr[i] = { name: a
2021-12-07 17:44:54
789
2
原创 js循环操作
记一次 将数组中的 数据横向排列let arr = [[1,5,7,3,6,3],[4,3,5,3,5,2]];let newArr = [];arr.forEach((item,index)=>{ let i = 0; item.forEach((item2,index2) => { if(!index){ newArr[i] = []; } newArr[i].push(item2);
2021-12-07 17:40:20
79
原创 js两数组判断并添加
将b 数组中id 不同的添加到a 数组中var arr = [ {id:'9999',name:'小明'}, {id:'8888',name:'小花'}, {id:'7777',name:'小明'}, {id:'5555',name:'小明'}, {id:'4444',name:'小明'}, ] var brr = [ {id:'8888',name:'小好'}, {id:'77
2021-11-16 10:36:45
1297
原创 js 深浅拷贝详解
let a = { age : 1}let b = aa.age = 2console.log(b.age) // 2从上述例⼦中我们可以发现，如果给⼀个变量赋值⼀个对象，那么两者的值会是同⼀个引⽤，其中⼀⽅改变，另⼀⽅也会相应改变。通常在开发中我们不希望出现这样的问题，我们可以使⽤浅拷⻉来解决这个问题。浅拷⻉⾸先可以通过 Object.assign 来解决这个问题let a = { age: 1}let b = Object.assign({}, a)a.age = 2
2021-09-29 10:51:10
127
原创 js 数组扁平化去重
引用数据类型：Object function基本数据类型：null undefined Number String symbol Boolean堆：存储引用类型的空间栈：存储基本类型和指定代码的环境对象和数组区别？null 和 undefined 的区别对象属性名不能重复object.prototype.toStringsymbol 创建值是唯一的...
2021-09-27 14:44:36
347
转载 js 实现字符串转驼峰格式的方法 类似 font-size转为fontSize
一 、传传统方法分析：1.转大写，需要用到字符串的toUpperCase()方法2.去掉-，需要用到字符串方法split()，这样就转成数组了，但数组中的每一个元素依然是字符串，所以可以用循环的方法取到第一个后面的元素3.取第一个后面的元素的第一个字符，需要用到字符串的charAt()方法4.第一个字符后面的字符，可以通过字符串截取方法substring()获得，这时把两个拼接再赋回给原数组。即完成了转换5.用join()方法把数组的逗号去掉，拼接成字符串var str="border-bo
2021-04-02 15:07:51
938
原创 小程序中实现最简转盘
html <view class="" style="position: relative;"> <image src="http://jzconfigure.oss-cn-beijing.aliyuncs.com/serviceItem/start_202004171346.png" bindtap="start" class="goImg"></imag...
2020-06-01 16:14:06
1287
原创 微信小程序蓝牙使用
封装的apiconst state = { deviceInfo: null, //deviceId: "ED:67:38:6C:A4:04", isConn: false, CMD: null, //用于存储当前执行的命令 CMDReadBuff: [], //以为一条指令有可能会有多个返回信息，用于存放一条指令的所有返回消息, CMDReadValue: null, //返回的值 CMDCallBack: null, //发送命令的回调}//const openNo.
2020-05-17 15:17:48
562
原创 微信小程序canvas实现保存图片分享
onLoad: function (options) { console.log(options) this.qrUrl = decodeURIComponent(options.qrUrl) // console.log(this.qrUrl) let systeminfo = wx.getSystemInfoSync(); this.bili = sys...
2020-05-04 19:40:10
931
原创 小程序点击分享
onShareAppMessage: function() {return {title: ‘快来试试~~’,path: /pages/tabbarPages/home/home`,imageUrl: ‘…/images/share5.jpg’,success(res) {console.log(“share success”, res)wx.reportAnalytics(‘sha...
2020-05-04 16:12:13
242
原创 vue网络图片转base64
单张图片转Base64<script> methods: { //异步执行 imageUrlToBase64() { //一定要设置为let，不然图片不显示 let image = new Image(); //解决跨域问题 image.setAttribute('crossOrigin', 'anonymous'); let...
2020-04-21 10:29:31
3606
转载 【微信小程序】滑动手势处理
在wxml文件中绑定事件绑定三个事件：touchstart、touchend、touchcancel，分别对应三个函数：touchStart、touchEnd、touchCancel<view style="width:100%;height:100%;" bind:touchstart="touchStart" bind:touchend="touchEnd" b...
2020-04-02 15:13:45
848
原创 小程序中当前页向上一个页面传数据
当前页中要返回的方法中 var pages = getCurrentPages(); //获取当前页 var lastPage = pages[pages.length - 2]; //获取上一页 lastPage.onReceive({ data:[1,2,3,5], }) wx.na...
2020-03-25 16:33:40
324
原创 vue 实现轮播图
示例图<template> <div class="slide" v-on:mouseover="stop()" v-on:mouseout="move()"> <div class="slideshow"> <transition-group tag="ul" name="image"> <li v...
2020-03-24 15:32:10
670
转载 vw px rem之间换算
一、vw px rem em是什么1.vw:就是相对视口宽度(Viewport Width)。1vw = 1% * 视口宽度。也就是说，一个视口就是100vw。2.px:px应该是在css中使用最为普遍的单位了吧。px是屏幕设备物理上能显示出的最小的一点。这个点不是固定宽度的，是相对长度单位。在桌面浏览器中，1个像素往往是对着电脑屏幕的1个物理像素，但是在移动端，随着Retina屏的流行，分辨...
2020-03-24 13:28:58
9477
原创 选择日期组件 uni-app
示例如下：<template> <view class="calendarWatch"> <view class="calendarTop"> <view @click="subMonth" class="arrow"> </view> <view class="yearData">{{dataObj....
2020-03-12 17:48:18
2681
1
原创 html5最简单屏幕适配
html { font-size: 13.33333333vw;}<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>如果是750的设计稿,量好的尺寸除100,单位用re...
2019-12-03 09:56:52
195
原创 微信小程序 获取天气
使用高德地图API 获取实时天气数据具体操作步骤1、在页面的 js 文件中，引入amap-wx.js 文件（amap-wx.js 从相关下载页面下载的 zip 文件解压后得到），实例化 AMapWX 对象，并调用 getWeather 方法获取搜索数据，代码如下：onLoad: function() { var that = this; var myAmapFun = ...
2019-12-02 10:34:32
2363
原创 vue 中使用 moment (时间格式化组件)
1.安装npm install moment --save2.引入在main.js 中import moment from 'moment'; Vue.prototype.$date = moment;在页面中使用import moment from 'moment'; //获取本周开始日期和结束日期this.data.weekDate = moment().week(...
2019-12-02 10:33:32
579
原创 vue中引入富文本编辑器wangEditor
1.先安装 npm i wangeditor -S2.引入wangeditorimport E from 'wangeditor'3.代码如下html <div id="editor" class="editor" ></div> <div class="content" v-html="editorContent" ><...
2019-10-31 16:40:33
422
原创 vue动态引入组件
vue动态引入组件 <el-main> <component :is="selectIndex" @changeMenu="selectMenu" :id="componentId" ></component> </el-main><script>i...
2019-09-27 17:28:12
2602
原创 vue.js 怎么遍历获取到的数组并添加属性
vue.js 怎么遍历获取到的数组并添加属性 this.loading = true; this.$ajax .get("/newstore/api/serviceitems") .then(result => { this.loading = false; result.data.forEach(el=>{...
2019-09-27 17:10:26
4722
原创 vue+elementUI 怎么上传图片至阿里云
1. html代码 <el-upload class="avatar-uploader" :show-file-list="false" action :http-request="fnUploadRequest" > <img v-if="card.imgUrl" :src="...
2019-09-27 17:05:09
1209
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人