- 博客(44)
- 收藏
- 关注
RSS订阅原创 微信小程序绘制轨迹
根据官网描述：通过从数据库获取POI数据，并通过 uni-id-common 内的路线规划API，计算路线、距离、时间。5、调用方法后地图轨迹就渲染出来啦。3、注意先添加腾讯地图的JS文件。
2024-10-18 17:59:06
1105
1
原创 微信小程序获取当前位置并自定义浮窗
腾讯地图开放平台为各类应用厂商和开发者提供基于腾讯地图的地理位置服务和解决方案；有针对Web应用的JavaScript API, 适合手机端Native APP的各种SDK, WebService接口和各类地图API等。每个Key每日可以免费使用100次，超过次数后会导致地图不显示。4、在uniapp小程序文件重添加权限和腾讯地图的文件.因为微信需要授权位置。key: '你的key'1、在腾讯地图api申请key（添加微信小程序的appid）。3、 注意：域名白名单一定要填写，否则会导致地图不显示。
2024-08-23 17:58:26
1440
原创 开发钉钉和企业微信微应用
1、登录企业微信管理后台 -- 创建企业内部应用 -- 填写logo和应用名称--配置域名 （与钉钉类似）这样ios在点击输入框的时候就不会出现页面被顶起来导致页面变形的问题了。3、配置首页可访问地址：打包到线上的路径（注意配置正式环境和本地环境）2、安装对应的插件和依赖。axios、router、scss等。2、上传内部应用logo和名字。注意需要添加可访问域名的配置。开发上线后会遇到很多有关安卓和ios的兼容性问题。4、在所在公司的工作台搜索应用名称即可。如果不添加配置会自动跳转到线上的地址。
2023-04-11 17:47:08
1468
原创 微信小程序从聊天记录上传文件（上传后可预览）
uni官方支持从微信聊天记录中获取文件wx.chooseMessageFile。1、由于微信小程序不支持 且。（1)上传文件前需要后端生成签名和凭证。2、uview组件库 只支持H5。
2023-03-17 15:36:32
2653
原创 vue批量导出pdf（含分页及解决最后一页空白问题）
1、问题概述：由于vue模板的限制，导出pdf只能打印出来一页。因此我单独写了一个h5页面，将该页面放在服务器上，接收需要导出内容的id即可完成分页导出。附加解决导出的最后一页是空白的问题。
2023-01-10 15:17:26
2807
原创 哀悼日：实现网页整体置灰
-webkit-filter（滤镜）有十种效果，分别是：grayscale 灰度sepia 褐色saturate 饱和度hue-rotate 色相旋转invert 反色opacity 透明度brightness 亮度contrast 对比度blur 模糊drop-shadow 阴影
2022-12-04 02:51:57
181
原创 父子组件传值且刷新父子组件的值
1、 this.$forceUpdate()this.$nextTick(() => { this.isShow = true//重建组件 })
2022-12-04 02:48:20
222
原创 uniapp封装日历组件
1、需求分析：获取当前日期的后5天，前15天日期组成一个数组。并按照3屏展示出来。且支持左右切换。如下图： 2、思路：先获取指定日期区间，放在数组中。7天为一个周期，切割成3个数组。使用uni的swiper绘制页面。声明一个新的数组包含3个对象，与轮播图的数据相对应
2022-12-04 02:47:19
1644
5
原创 微信小程序跳转其他小程序
两种方式1、跳转外部链接：2、使用 webView注意！！！需要对跳转链接的域名进行配置打开微信公众平台--微信公众平台开发管理--开发设置--服务器域名--request域名 添加即可 在webView页面接收
2022-12-04 02:03:01
1757
原创 富文本编辑器：图片和文件可上传至服务器
1、需求：商家可上传平台规则（规则内容包含图片且可以放大伸缩、文件上传至服务器、可插入表格、插入代码等数据、数据不保存时可以直接预览、预览后直接发布也可以保存富文本编辑器中的内容，保存后数据展示在列表中再进行发布）（1）将图片上传至服务器，拿到图片的oss返回给后端，这样上传的数据量会小很多从而减轻服务器的压力。（3）因为预览时数据还没有保存，此时需要先把富文本中输入的数据本地保存缓存下来。（3）将富文本中的数据在点击预览按钮时用localStorage缓存下来，然后在预览的页面去取。具体可以看以下代码。.
2022-08-19 00:03:55
1219
原创 解决vscode的Network不显示问题
1、项目运行后只是代理了localhost但是未代理到ipv4导致项目运行报400。电脑--属性--环境配置--新建--%windir%/system32/wbem。3、在vue.config.js里配置。
2022-07-29 19:35:55
4002
原创 解决VUE深度监听对象不起作用
1、需求：只要对象中的任意一个属性发生变化，则改变参数值。2、思路：深度监听对象里面的值，只要对象里面的值发生改变则改变入参。3、Bug：监听的对象中新旧值相同。4、解决方案：在计算属性中将对象改为数组，再去监听即可。...
2022-07-06 10:01:38
2927
3
原创 vue解析特殊符号转化为标签
需求：将数组中每个对象里的字符串特殊符号解析成标签，并加上样式。思路: 写一个公共的方法，将特殊字符转化为标签。 在数组循环中直接转化会受影响，写一个公共方法复用性更强，易于维护。...
2022-06-24 15:46:35
1729
原创 Vue表格头部实现气泡弹窗并封装图片和样式路径
1、iview中引入表格，并在render函数中写入img标签，实现划过标头出现气泡弹窗。2、由于表格中几乎每个标头都需要出现气泡弹窗并引入图片，故写了公共的样式和图片路径。3、实现效果：4、代码实现：{ title: '期末余额（元）', width: 140, key: 'aaa', render: (h, params) => { return h('div', ..
2022-06-17 11:50:58
704
原创 Vue用highlight.js使代码高亮显示
1、引入highlight.jsnpm install highlight.js2、 在main.js中引入// 引入 highlight.js 代码高亮工具import hljs from "highlight.js";// 使用样式，有多种样式可选import "highlight.js/styles/github-gist.css";// 增加自定义命令v-highlightVue.directive("highlight", function(el) { let blo
2022-05-28 15:12:41
3383
原创 git上传流程，含vscode上传方式
一、git 安装网址 https://git-scm.com/downloads git安装步骤，点击下一步下一步即可，咱也不需要知道为啥，点击就完事儿 点击文件右键出现下图两个图标表示安装成功git上传常用步骤：git status 查看状态，修改和删除添加的代码都会展现出来 git add .提交所有更改的文件 git add 一个文件 两个文件 ...
2022-05-18 01:11:28
757
原创 Vue实现tab切换渲染不同表格并操作单选按钮
1、如上图：切换个人或团队操作时显示不同列表，并能单选个人或团队下的护理员。且切换个人或者团队时保留团队或个人勾选记录，个人或团队下的护理员只能勾选一个。2、实现方式：引入iview组件中的table表格，在render函数中添加单选框。（注意此时可以用id作为互斥条件）3、代码实现 <Drawer class="modelwu" :title="dispatchTitle" v-model="doawerShow" width="660" @on-close="drawarCl...
2022-05-16 20:56:03
3342
1
原创 vue实现穿梭框功能（ES6语法）
1、Vue结合ES6语法实现穿梭框。简单写了CSS样式和HTML。左边为复选框按钮，可全选可单选，选中后点击按钮到左侧。右边实现效果同理。并用计算属性动态计算出每个数组共多少条数据，选中了多少条。实现效果图如下：1、样式代码实现<template> <div class="hello"> <div class="transfer"> <div class="transfer_left"> <div class
2022-04-26 23:13:56
7434
原创 VUE根据url下载文件
方法一： const downloadRes = async () => { let response = await fetch(url); let blob = await response.blob(); let objectUrl = window.URL.createObjectURL(blob); let a = document.createElement('a'); a.href = obje
2022-04-15 14:16:55
20931
9
原创 vue想对象里面添加键值对的方法
1、Vue.set( target, propertyName/index, value )2、Object.assign('对象'，{ key:'value' }
2022-04-13 19:30:15
6697
原创 uni实现前端分页功能
getTop5(){ let that = this that.dataList = res.data.result that.list = that.getpage(that.page,that.dataList)}//获取分页数据 getpage(page,list){ let startindex = (parseInt(page) - 1) * 10 let endindex = parseInt(page) * 10 this.list = list.slice.
2022-04-11 16:49:39
973
原创 判断移动端是否滚动到底部
<div class="rule_content" @scroll.passive="getScroll($event)"> <p class="rule_title_content">111111111111</p> <p class="rule_title_content">111111111111</p> <p class="rule_title_content">111111111111</p> <.
2022-03-29 12:38:11
1281
3
原创 Vue动态计算百分比配合vux插件
1、首先进入vux官网中引入插件XProgress 组件使用教程 | VUX - 基于 WeUI 和 Vue 的移动端组件库https://doc.vux.li/zh-CN/components/x-progress.html也可以引入其他进度条框架2、由官网显示，进度条的范围是0-100这时候就需要我们动态获取内容并计算啦 <x-progress :percent="gteProgress(myord.serviceTimes,myord.svcday)" :show-..
2022-03-04 09:37:44
3347
2
原创 vue动态获取半小时倒计时
<p>剩余时间：{{checkShowTime(item.createTime)}}</p>//todo 倒计时 checkShowTime(data) {//将html中的事件传入这个方法中 let senc, min //声明秒数和分钟 senc = parseInt(data / 60) min = parseInt(data% 60) return this.checkTime(se..
2022-03-02 09:57:32
1106
原创 CSS之三角型案例
用css画一个三角形 两行核心代码搞定<div id="inp"> <div id="triangle"> </div></div>#triangle{ width: 0px; height: 0px; border: 5px solid transparent; border-top:5px solid #000000; position: relative; top: 2.5px;}#inp:hover #triang
2022-03-02 09:50:02
145
原创 前端学习进阶之路
As we all know 前端是需要不断学习的 尤其在这个大前端的年代。因此要给自己定下一个阶段性目标。跟上时代的小步伐。只要思想不滑坡 方法总比困难多。下面说一下我平时的一些学习方法。1、关注一些微信公众号。（通勤时间较长的话 地铁上的时间可以利用起来 通过语言理解的知识要比视频学习到的知识更能提升自己）我关注的一些公众号：优快云 vue中文社区 JS每日一题 React 程序员黑叔 掘金 前端sharing 牛客网2、每天观看一小时学习视频...
2022-02-22 10:33:26
685
原创 vue项目 node-sass和 sass-loader对应的node版本问题
1、在安装node版本时不要安装太高的版本，一般安装稳定版8.0左右就可以了 首先进入node官网Node.js然后点击其他下载 -- 选择以往的版本 -- 大概在25页 选择8.11.2版本可以匹配万能不会出错的对应版本node 8.11.2sass-loader 7.3.1node-sass 4.7.2命令如下：npm install sass-loader@7.3.1 node-sass@4.7.2 --save-dev不要忘记在vue.c...
2022-02-22 09:54:54
4649
3
原创 vue动态改变css样式
要求：切换按钮后改变css的样式实现思路：循环数组，然后添加点击事件，获取到当前点击的index 根据数组的下标去动态的改变样式。<div class="cross-content"> <div class="cross-state"> <h3>状态筛选</h3> <span @click="checknow(index,'status')" v-for="(it..
2022-02-11 14:44:34
11900
原创 页面无法获取点击事件的问题
问题：点击事件无法获取到<div class="search-header" @click="testClick"> <div @click="goto('/search/1?distrctid='+ params.distrctid +'&floor='+ params.floor +'&building='+params.building+'&type=2')"> <div class="search-i
2022-02-10 18:01:40
541
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人