- 博客(18)
- 收藏
- 关注
原创 微信小程序使用高德地图API,根据文本地址获取对应的经纬度信息
小程序插件下载地址:https://lbs.amap.com/api/wx/download。解压后得到:amap-wx.js 将其放入小程序的utils文件夹下。进入小程序管理平台:https://mp.weixin.qq.com/进入高德开发者平台(https://lbs.amap.com/)进入控制台–我的应用–申请微信小程序的key。在开发管理中添加request合法域名。首先引入下载好的amap-wx.js。
2024-06-13 10:33:18
2995
原创 前端开发遇到的问题(自己记录,不定期更新)
背景:腾讯TRTC音视频通讯,有小程序之间1V1demo 和 网页与网页的1V1demo,但是无法直接小程序与网页1v1。解决:利用wss机制,小程序向网页发送消息,请求通讯。网页端创建房间并返回同意消息,小程序端收到消息后进房,即可通讯。解决: 连接时加字段:forceNewApi: true 或者连接失败时,提示用户手动连接。
2023-03-21 15:02:13
982
原创 echarts柱状图在顶端显示数值,并且数值为0时不展示。
在柱状图柱子的顶部,显示当前纵坐标数据。这里使用formatter,判断当数值为0时,返回空字符串。如果想在顶端数值后加单位,可以判断数值不为0时 return val.value +‘单位’
2022-07-12 12:49:39
9528
1
原创 小程序如何修改缓存中的某一个字段的值;小程序中如何应用vant组件 如:van-dropdown-item、van-field
1.小程序如何往缓存中存数据将数据放入指定缓存中。 这里缓存块的名称叫‘mydata’,你可以根据自己的需求,取合适的名字。代码如下 let data = { name: '8BQ了', age: '18', gender: 0 } wx.setStorageSync('myData', data)效果:这里是存了个对象当示例。也可以存数组,字符串等。2.小程序如何从缓存中取数据使用 wx.getStorageSync(‘myData
2022-04-28 16:00:10
2906
原创 js获取前一天下午四点到今天下午四点,指定间隔的所有时间数值
js获取前一天下午四点到今天下午四点的时间:javascriptfunction timeSlot(step) { // step = 间隔的分钟debugger//var date = new Date(new Date(new Date().toLocaleDateString()).getTime());var date = new Date(new Date(new Date().toLocaleDateString()).getTime() - 1000 * 60 * 60 * 8);
2022-04-08 09:51:58
1472
原创 小程序问题:1.ios上下滑动页面,底部也随之滑动;2.播放音乐 使用innerAudioContext流程;3.ios使用innerAudioContext,上滑关闭音乐,再返回时音乐仍然在播放
小程序问题:1.ios上下滑动页面,底部也随之滑动;2.播放音乐使用innerAudioContext流程;3.ios使用innerAudioContext,上滑关闭音乐,再返回时音乐仍然在播放
2022-03-09 12:09:20
2604
原创 小程序socket连接步骤详解(开始连接、订阅消息、发送消息、接收消息、断开连接)
小程序socket连接详细步骤如下:下载js并引入其中GenerateTestUserSig.js如下:···javascript·········新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:全新的界面设计 ,将会带来全新的写作体验;在创作中心设置你喜爱的代码高亮样式,Markdown 将代码片显示选择的高亮样式 进行展示;增加了 图片拖拽 功能,你可以将本地的图片直接拖拽到编辑区域
2022-01-12 09:49:55
4663
原创 eharts 实现展示时间区间图
eharts 实现展示时间区间图效果图如下:其中每一条都是时间区间话不多说,代码如下所示:import * as echarts from 'echarts';var chartDom = document.getElementById('main');var myChart = echarts.init(chartDom);var option;// 初始化echart//var chart = echarts.init(document.getElementById('chart
2021-11-26 17:38:33
1845
原创 js小技巧:根据身份证号,获取身份信息。如性别、生日、年龄
根据输入的身份证号,返回身份证信息 如 性别 sex、生日 birthDay、年龄 age。方法如下: // 返回身份证信息 如 性别 sex、生日 birthDay function getCardInfo(id) { var obj = {}; // 身份证号 获取性别 var sexNum = id.substring(id.length - 2, id.length - 1);
2021-07-20 14:34:03
1508
2
原创 初识angular路由配置遇到的问题及解决方案:Uncaught Error: [$injector:modulerr]
问题描述:路由配置后,一打开页面就报错。错误如下图所示:angular-route.js:56 Uncaught TypeError: d.module(…).info is not a functionangular.js:38 Uncaught Error: [$injector:modulerr]代码如下所示:<!DOCTYPE html><html><head> <meta charset="utf-8"> <script
2021-06-07 18:09:22
887
原创 5.写vue遇到的问题及解决方法:为表格增加合计功能,计算指定列的总和。
问题描述:要求为表格添加合计功能,若后端传出的数字带逗号,需要去掉逗号再计算。修改之前:修改之后:解决方法:1.页面表格代码如下,为表格添加getTotal方法<el-table show-summary :summary-method="getTotal" ref="filterTable" :data="dataTable" stripe> <el-table-column prop="eventname" label="事件名称" m
2021-04-16 13:41:05
1626
原创 4.写vue遇到的问题及解决方法:千分符的转化:输入10000,前端自动转化为10,000.00
问题描述:要求:新增时,用户输入数字,为其加上千分符并保留两位小数。同时给后端传值时,去掉千分符 。如:输入10000,前端自动转化为10,000.00,给后端传10000.00解决方法:(1)先写千分位格式化,和反格式化的方法//千分位格式化:10000转为10,000.00fmoney(s,n){ if(s == '' || s == null || s == undefined | isNaN(Number(s))){ return s } s = Number(s) ? Nu
2021-03-25 20:06:23
1546
原创 3.写vue遇到的小问题及解决方法。如:一个下拉框绑定两个值传给后端;如何获取el-tree某个子节点的父节点信息;查询的时候传合并后的对象
问题1问题描述如何给一个下拉框绑两个参数,传给后端解决方法(1)给el-select 绑定@change="addriskprefimchange"方法<!-- 这里希望选中下拉框数据,同时给后台传riskpredim 和riskpredimname 其中riskpredim是RiskpredimnameOpions的codecode riskpredimname是RiskpredimnameOpions的codename--> <el-selec
2021-03-17 16:52:31
623
原创 2.写vue遇到的小问题及解决方法。如:如何延迟两秒执行某行代码;清空子组件数据列表的选中状态;本地样式正确,部署服务器后,样式出错
问题1.问题描述:vue中如何延迟指定时间执行某行代码解决方法:(1)在data中先定义 timer:null data(){ return { timer: null, } }(2)在需要延迟的代码处这样写 //清除延迟执行 clearTimeout(this.timer); //设置延迟执行,这里设置延迟两秒执行 this.timer = setTimeout(()=>{ this.$message.success('模板下载成功') },2000)
2021-03-12 17:27:12
1442
原创 1.写vue遇到的小问题及解决方法。如:点击按钮后,按钮颜色不立刻回显;数据列表某字段过长,要求鼠标悬停显示
问题1问题描述:el-button 按钮点击后,按钮的颜色不回显,点击别处颜色才变回解决方法:(1)给按钮定义一个id:// 查询按钮<el-button id="queryButton" type="primary" size="mini" @click="query">查询</el-button>(2)在按钮点击调用的query方法中写下面这句:// 查询按钮调用的方法query(){ //引号里面为按钮中定义的id,让按钮失焦 document.get
2021-02-25 17:28:16
865
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅