- 博客(25)
- 收藏
- 关注
RSS订阅
原创 用Canvas实现 坐标线 画图 拖拽 移动
主要分三步1. html页面2. mikuCanvasAxes.js3. mikuCanvasPaintAppMain.js在html页面中直接引入以上两个js即可,就可实现如下功能1. 点击添加块出现红色的圆形2. 当鼠标拖拽红色的圆形便会出现x,y轴线随着圆的移动随着他移动3. 移动图的同时最上方会出现你所移动的坐标数1.html页面<!DOCTYPE html&g...
2019-09-02 17:30:38
4209
4
转载 调用百度地图接口获取城市住宅小区边界信息 (米制转经纬度)
一、背景需求：在百度地图上查询一个住宅小区, 界面会显示一个小区的边界阴影。大小区、新小区有；一些老小区也没有。我们老大看到了让我也整一个出来，大概就是输入小区名称，地图上展示出这个小区的边界轮廓。要想展示边界轮廓，那么势必要获取小区的边界坐标。查遍百度地图api，只有获取行政区域轮廓图的方法。所以我采用抓包的方法，看了一下百度地图是怎么操作的。总结出了以下几个步骤。二、实现方法：1、获取...
2019-07-23 10:57:49
8645
3
原创 在vue中实现百度地图展示
在vue中实现echarts线型背景渐变色一:安装1. 首先需要安装echarts依赖包npm install echarts -S2. 或者使用国内的淘宝镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org二: 创建图表全局引入main.js// 引入echartsimport e...
2019-04-28 17:30:19
2033
1
原创 echarts多条折线图展示不一样的单位变化
最近接了个需求：在多个折线图中要每条数据一万以下显示（元）一万以上显示（万元）一亿显示亿元 （亿元）在tooltip中加上formatter即可tooltip: { trigger: 'axis', // formatter: '{a0}: {c0}元<br />{a1}: {c1}元<br />{a2}: {c2}元' formatter: function (c) {
2020-05-09 22:08:29
3665
原创 Meta referrer的作用，第三方外链在VUE中打不开
背景:最近在做一个 vue 手机端H5的项目，项目中的一些外链来自外网第三方，直接用a标签链接，在pc端可以点击打开，但是一旦部署后，用手机点击链接是没有任何反应的，但是单独把链接复制出来手机浏览器中是可以打开的，在手机端H5页面是打不开，并且错误信息为 403(forbidden)解决方案在 html 的 head 标签内加上一个meta标签<meta name="...
2020-04-28 17:21:57
1249
转载 谷歌浏览器(chrome)升级后，https协议页面中http 子资源音视频强制跳转https
近期突然发现音乐站在我的谷歌浏览器(chrome)下无法试听了，而换其他浏览器正常试听 ，排查一番发现奇怪的现象是一直是http调用试听资源的，却无端强制跳转到https调用。http跳转到https第一时间怀疑代码问题，但排查代码里调用是写死的http，并未做任何协议相关判断 ，且其他浏览器正常试听，可以排除代码问题。仔细查看以上错误，发现有警告中提到资源路径依然是http的，但下面...
2020-04-14 14:31:44
4048
原创 vue通过v-for循环出来多个 如何选取相同class类名里特定的一个
在平时项目中，我们总是习惯的使用v-for循环，以便减少代码量方便简洁那么，当我们遍历的时候，会生成多个同样类名的元素在项目中我就遇到了这样的问题情景再现在浏览器中因为v-for循环的原因，我想获取到 numb 这个类名,因为外层元素太多，很难获取解决方案：直接绑定 ** :class="‘numb_’+index<div :class="'numb_'+in...
2020-03-31 21:24:21
4474
1
原创 npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! [email protected] dev: `webpack-dev-server --inline
最近遇到了一个问题，废了我九牛二虎之力终于给他解决了，原因竟然是这个有的人用的是用的是mac,有的人用的是windows，所以苹果系统有时候为了兼容会安装一些依赖包（比如：fsevents），而又的人为了方便会改成自己ip地址便于自己开发，但往往这样不利于其他同事开发如果项目是多人开发的情况下，可能会存在这么个情况npm ERR! code ELIFECYCLEnpm ERR! errn...
2020-03-30 11:41:17
8055
2
原创 vue+element ui 静态数据分页联动
页面最后展示部分以下是完整代码html部分<template> <div> <el-row type="flex" justify="end"> <el-button type="success" disabled :span="6">批量通过</el-button> ...
2020-01-05 23:08:37
1771
原创 禁止百度地图缩放和拖拽
此处的bMap是自己存的变量名称,不是百度地图自带的直接上代码了 bMap.disableDoubleClickZoom() //禁止缩放 bMap.enableScrollWheelZoom(false); //开启鼠标滚轮缩放 bMap.disableDragging(); //禁止拖拽...
2019-12-02 14:01:06
4993
原创 用H5实现四宫格切换九宫格,再切换十六宫格
废话不多说,直接上代码效果图如下点击右上角按钮,即可切换4宫格,9宫格,16宫格html部分 <!-- 切换按钮 --> <div class="center"> <div id="video"> <label class="label1"> <input type="rad...
2019-11-28 11:12:59
3936
3
原创 element ui table去掉边框和背景颜色以及滚动条修改高亮和字体
在使用element ui时,我们总是需要把他的样式修改为自己的样式,如下图:修改之前:修改之后:去掉背景颜色 .el-table, .el-table__expanded-cell { background-color: transparent!important; } .el-table th, .el-table tr { ...
2019-11-28 10:39:00
5343
1
原创 h5页面嵌套iframe标签
今天改项目遇到了个这样的问题:同事写的一个页面用ifirame嵌套到h5页面中,但因为页面内容太多,点击保存按钮的时候弹框显示在上方,
2019-08-28 00:22:09
4369
原创 去除百度地图的兴趣点和文字
// 去除兴趣点的文本 { "featureType": "poilabel", "elementType": "labels", "stylers": { "visibility": "off" } }, // 去除兴趣点图标 { "featureType": "poilabel", "elementType": "labels....
2019-08-28 00:05:46
1988
3
原创 vue+charts仪表盘 填充的颜色 随着 数字变动
最终效果:warning() { // 计算颜色随着指针一起走动 var dataArr = [{ // show: false, value: '300' }]; var value = dataArr[0].value; var min = value.split('.'); ...
2019-08-28 00:02:43
1819
原创 在vue中实现百度地图展示
在vue中实现百度地图展示一:获取百度秘钥都要写在index.html页面,否则无效1申请一个百度秘钥在index.html中写,在其他vue里写会报错,而且实现不出来2.如果不想百度地图的logo出来可以加上第9行二: 创建地图全局引入Hello.vue给地图创建一个div,给他个固定的宽高<div id="content-container" style="pa...
2019-08-07 17:44:29
2199
3
原创 vue实现echarts中的仪表盘
vue实现echarts中的仪表盘一:安装1. 首先需要安装echarts依赖包npm install echarts -S2. 或者使用国内的淘宝镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org二: 创建图表全局引入main.js// 引入echartsimport echar...
2019-08-07 16:46:50
4004
3
原创 用css实现h5基础滚动条
很多时候我们在页面中需要用到滚动条浏览器自带的滚动条太丑了,影响美观,这时候我们就能自己去设置滚动条的样式了<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-w...
2019-07-19 15:31:44
4351
原创 新手用H5实现基础的echarts表格
用echarts的人都知道,有些实例是可以直接复制echarts中实例的代码,然后稍加改动即可但是新手刚接触的话可能会一脸懵逼现在我来直接上代码
2019-07-09 16:52:27
1755
3
原创 h5中截取日期或时间中的某一项
现在我们需要来截取 2018.05.05 19:07 中的某一项截取时间var temp="2018.05.05 19:07"temp.split(' ')[1]//打印结果 "19:07"var temp="2018.05.05 19:07";temp.split(' ')[1].split(':')[0];//打印结果 "19"var temp="2018.05....
2019-07-09 16:07:43
449
原创 word表格放在文件夹中卡死打不卡(未响应)
word表格放在文件夹中卡死打不卡(未响应)想把word文档归置到一个文件夹方便管理打开电脑处理文件，发现把word文档放到文件夹中只要点击就会出现文件夹(未响应的状态)重启了无数次了还是没用,好崩溃~~一开始以为是小米电脑自带的软件的问题最后发现取消一个地方后就会恢复正常查看----取消详细信息窗格 ()就成功了)...
2019-05-23 17:59:05
5597
12
原创 VUE+cli(脚手架安装步骤)以及生成的文件
vue-cli webpack在node环境下安装使用安装vue前需要安装的在安装vue之前,需要检查是否已下载node.js(打开cmd-输入命令:node -v)为什么需要node.js?1.打包部署2.解析vue单文件组件,解析每个vue模块,拼在一起3.转码es6.less等4.启动测试服务器localhost8080,帮助管理vue-router.vue-resiyrce(...
2019-05-05 14:44:41
981
原创 vue+echart实现 X轴 双柱状图 渐变色
vue+echart实现X轴双柱状图渐变色一:安装1. 首先需要安装echarts依赖包npm install echarts -S2. 或者使用国内的淘宝镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org二: 创建图表全局引入main.js>```javascript// ...
2019-04-28 17:19:51
3056
4
原创 在vue中实现 echarts柱状图 Y轴渐变色
在vue中实现echarts柱状图Y轴渐变色在vue中实现echarts柱状图渐变色一:安装二: 创建图表全局引入最终结果在vue中实现echarts柱状图渐变色一:安装1. 首先需要安装echarts依赖包npm install echarts -S2. 或者使用国内的淘宝镜像：npm install -g cnpm --registry=https://registry...
2019-04-25 17:29:31
5798
原创 实时获取端口号和ip地址(域名)
使用自定义获取端口号和ip地址(域名)window.location在项目当中,很多项目是属于外包的,当项目做完就需要部署然后交给甲方,那么此时项目就不是我们负责端口号,和域名,后期因为部署到服务器上就不是我们管,然后是别人负责,就是想实现我在这个机子上打开是这个端口号和域名,在另外一个机子上打开又是另外一个端口号和域名直接跟接口拼接起来var domain=window.location....
2019-03-11 11:29:01
7514
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人