- 博客(93)
- 收藏
- 关注
RSS订阅原创 svg图标颜色随父元素变换
注：为什么有的svg设置了fill: currentColor;用电脑自带的txt或者代码开发工具（如：HbuilderX）打开svg文件。把fill指定颜色去掉 保存就OK了。给svg加上一下样式。
2023-07-11 17:47:58
422
原创 uni-app 通过 plus.io 持久化存储Json文件（卸载重装后依然可以拿到）
第一次进入App将OAID写进JSON文件存到手机储存，就算App卸载了，重装App之后依然可以获取到写入
2022-06-23 15:31:34
1393
7
原创 微信小程序wxparse特殊解析空格,解析↵换行符号
因为在实际的项目中使用wxparse的时候,发现空格和换行解析不了,就进行的源码的查看及修改,(一).解决↵换行符号解析不了的方法在微信小程序中换行\n需要再在text中进行实现,但是wxparse自己定义的模板中是用view便签作为解析后的内容标签1.将wxParse.wxml中的如图模板改为text包含2.后来找到html2json方法中找到对传入文本的内容进行处理,将html2json方法中的对换行回车的替换去掉3.找到wxDiscode源文件,找到strDiscode方法将其中关于换
2022-05-03 14:02:04
1277
原创 echarts图形铺满容器
只需要在配置项加上： grid: { top: '50px', left: '50px', right: '15px', bottom: '50px' },
2022-02-07 10:20:42
1259
原创 vue下载调用接口返回的是文件流格式的文件
什么是文件流？如图1、在封装接口的时候设置responseType: ‘blob’return axios({ url: `/web/download/excel/${roundsId}`, method: 'post', data, responseType: 'blob'})2、调用接口部分exportAchievement(this.roundsId, data).then(res => { this.downFile(res, '学生成绩列表') }).catc
2021-12-22 13:35:14
760
原创 hbuilder保存代码不刷新uniapp项目
很有可能是项目报错了，但是报错的地方不影响项目进行，只要不刷新就去找是否是哪里报错了，一般会在终端提示的（特别注意是否是缺少依赖）
2021-12-09 16:57:40
1010
原创 uniapp实现电子签名
封装了一个签字的弹窗，使用时只需要在父组件中引入，点击父组件中的签名按钮，调用弹窗组件中的autograph方法即可。效果图如下：代码如下：<template> <view class="new_file" v-if="showAutograph"> <view class="popupBox"> <view class="popupTopBox">签字板</view> <canvas class="mycanvas
2021-11-16 16:10:51
4145
5
原创 uniapp如何获取设备的MAC地址
//获取设备的mac地址 getDeviceMac() { //获取本机Mac地址 var deviceMac = ''; var net = plus.android.importClass('java.net.NetworkInterface'); var wl0 = net.getByName('wlan0'); var macByte = wl0.getHardwareAddress(); deviceMac = ''; for (var i = 0..
2021-11-03 15:41:57
3638
3
原创 vue实现页面文字禁止被选中
其实使用css就可以实现*{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -khtml-user-select:none; /*早期浏览器*/ -moz-user-select:none;/*火狐*/ -ms-user-select:none; /*IE10*/ user-select:none; } input{ -webkit-user-select:auto;
2021-11-02 09:38:23
3193
原创 微信小程序让页面自动滚动到底部，
需求用户进入聊天页，页面自动滚动到底部，每发一条消息或接收到一条消息也是最底部实现1、给需要滚动的view加上ID2、在data中加上公共变量scrollTopdata(){ scrollTop: 0}3、在onShow（）总加上以下代码let that = this;wx.createSelectorQuery().select('#viewCommunicationBody').boundingClientRect(function (rect) { wx.pageScrol
2021-10-09 16:44:22
4962
11
原创 vue文本框限制只能输入一个小数点及四位小数
this.amount = this.amount.match(/^\d*(\.?\d{0,4})/g)[0] || null
2021-09-13 21:03:41
969
原创 微信小程序选择跳转到其他页面选择红包或地址
做项目的时候一般会遇到当前页面需要跳转到其他页面选择地址或优惠券什么的平常我一般是选择之后把选择的地址或优惠券信息存到本地，然后返回上个页面在onShow里面读取本地存储，非常的麻烦，今天看到一位同事的写法，非常简单，记录一下在跳转的页面选择完之后//从页面栈中获取上个页面let pages = getCurrentPages();let prevPage = pages[pages.length - 2];//可以使用prevPage.setData为上个页面的data公共变量赋值，如：pr
2021-09-11 12:37:55
214
转载 vue移动端实现电子签名画板
使用vue-esign即可第一步：安装vue-esignnpm install vue-esign --save第二步：使用1.main.js 中引入import vueEsign from 'vue-esign'Vue.use(vueEsign)2.html<vue-esign ref="esign" :width="800" :height="300" :isCrop="isCrop" :lineWidth="lineWidth" :lineColor="lineColor"
2021-09-07 12:10:45
1262
3
原创 在小程序授权公众号，获取公众号的code（前端）
代码开发前准备1）登陆小程序管理平台-开发–开发设置-业务域名加上需要跳转的路径的域名注意：1.是业务域名不是服务器域名；2.需要配置校验文件2）登陆公众号管理平台-公众号设置–功能设置-网页授权域名加上和上面小程序业务域名一样的域名地址。用户在网页授权页同意授权给公众号后，微信会将授权数据传给一个回调页面，回调页面需在此域名下，以确保安全可靠。注意：域名前面不加https协议代码开发-小程序端<view class="list-wrap"> <web-view sr
2021-08-24 10:34:47
3467
10
原创 VUE - 路由跳转时设置动画效果
App.vuehtml<transition name="fade"> <router-view /></transition>css.fade-enter-active,.fade-leave-avtive { transition: opacity 1s;}.fade-enter,.fade-leave-to { opacity: 0;}
2021-08-08 21:10:58
276
原创 js数组根据时间排序
在后端不做排序的情况下，就需要前端根据时间来排序了//示例数组var list=[ { title: '第一条消息', addTime: "2020-04-01 13:39:06" }, { title: '第二条消息', addTime: "2020-04-21 13:30:00" }, { title: '第三条消息',
2021-08-03 19:27:17
5281
原创 微信小程序获取分享二维码参数
onLoad(options){ const scene = decodeURIComponent(options.scene); console.log(scene)}
2021-08-03 16:00:36
323
原创 vue不让双击执行单击事件
加个定时器即可单击事件代码：handleNodeClick(data) { var that = this // 开启延时器，300ms的间隔区分单击和双击，解决双击时执行两次单击事件 clearTimeout(that.time) that.time = setTimeout(() => { // 写单击事件执行的逻辑代码 },300)}双击事件代码// 双击事件 dbclickNode() { cl
2021-08-02 13:22:41
2348
转载 Vue将汉字转为拼音，取出首字母
import HanziToPinyin from "../../hanziToPinyin";export default class Message extends Vue { mounted() { let hanZi = "你好吗"; console.log("输出首字母"+HanziToPinyin.instance.initialTreatment(hanZi)); } }hanziToPinyin.tsimport Vue fro
2021-07-30 18:50:45
2479
原创 vue项目打包404（根目录没有config文件时）
在根目录新建vue.config.js文件module.exports={ publicPath:"./"}再次打包即可
2021-07-22 14:14:54
619
原创 微信小程序map回到自身标记点
先上效果图只需要给按钮设置一个点击事件，就是代码如下//画面切换为自身位置 changePosttion() { var mapCtx = wx.createMapContext('myMap'); //wxml中map标签的id值 mapCtx.moveToLocation(); },
2021-07-15 10:00:30
398
1
原创 解决win11打开文件夹卡顿
1、双击打开此电脑2、点击此电脑顶部的更多点击选项3、点击查看，在下面找到”在单独的进程中打开文件夹窗口“点击确定即可
2021-07-13 12:13:48
44653
28
原创 微信小程序自定义底部按钮适配Iphone底部的小黑块
1、app.js//app.jsApp({ onLaunch: function (options) { // 获取系统信息，底部导航栏做适配 wx.getSystemInfo({ success: (res) => { // console.log(res) let modelmes = res.model; //手机品牌 console.log('手机品牌', modelmes) if (model
2021-06-29 20:34:50
411
原创 vue循环请求同一个接口，等接口返回数据之后在进行下次循环
async 方法名() { for (let i = 0; i < this.mlList.length; i++) { for (let j = 0; j < this.mlList[i].child.length; j++) { const res = await postapplicationJson( { id: this.$route.params.id, c
2021-06-10 01:16:19
7348
原创 el-input文本框限制只能输入中英文和数字
this.name = val.replace(/[^\u4e00-\u9fa5a-zA-Z0-9]/ig, '')
2021-06-08 23:24:17
3994
原创 vue写H5触底加载方法
1、首先给大div和列表div分别加上ID2、给大div加上滚动事件@scroll="hanldeScroll"3、JS代码hanldeScroll(e) { // 获取eagleMapContainer的真实高度 const boxHeight = document.getElementById('eagleMapContainer').offsetHeight; // 获取table_list的真实高度（浮动内容的真实高度） const tableHeight = document.
2021-05-23 14:32:53
916
3
原创 windows10上安装mysql（详细步骤）
环境：windwos 10（1511） 64bit、mysql 5.7.14时间：2016年9月5日一、下载mysql在浏览器里打开mysql的官网http://www.mysql.com/进入页面顶部的"Downloads"打开页面底部的“Community(GPL) Downloads”在页面中间的位置找到我们windows上要用的下载页面“MySQL on Windows(Installer & Tools)”选择第一项"MySQL Installer”
2021-05-15 20:30:21
17653
原创 vue 页面生成图片保存
需求：将页面中的元素转成图片，支持保存或下载。要求下载的图片包含页面背景，头像，用户名，文本为“我的邀请码”和个人二维码。实现：将页面绘制到canvas中，生成base64图片链接，支持移动端的长按保存图片。技术与插件：vue，qrcodejs2，html2canvas代码：<template> <div class="bigbox"> <div class="box" ref="imageTest"> <div class="boxTop"&g
2021-05-15 13:32:32
1489
2
原创 VUE将网址转换为二维码
一、安装npm install qrcodejs2 --save二、引入import QRCode from 'qrcodejs2'export default { components: {QRCode}, data() { return { }}三、页面调用<div class="bookcode" id="qrcode" ref="qrcode1"></div>四、JSmounted() { this.qrco
2021-05-15 13:08:47
521
原创 vue将大额数值改为更大的单位
getNumber(){ let arr = res.data.map(item => { return (item.volume_24h_usd=this.bigNumberTransform(item.volume_24h_usd)); }); console.log(arr)}bigNumberTransform (value) { const newValue = ['', '', ''] let fr = 1000 let num = 3 let text
2021-04-26 11:17:02
334
原创 vue路由守卫
import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)const router = new Router({ routes: [{ path: '/', component: () => import('@/views/User/login') }, { path: '/index', component: () => import('@/views/Index/index
2021-04-21 15:50:27
64
原创 vue禁止H5项目缩放
移动端优先，可禁止用户缩放和双击放大，在App.vue中的script内加入以下代码 window.onload = function() { document.addEventListener('touchstart', function(event) { if (event.touches.length > 1) { event.preventDefault(); } }); document.addEventListener('gesturesta
2021-04-21 15:18:05
522
原创 在父元素设置了display:flex之后子元素宽度失常问题
在父元素设置display:flex之后 子元素的宽度会被挤压，如下图：解决办法:只需要给子元素设置：flex-shrink: 0;即可
2021-04-20 11:01:35
2634
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人