- 博客(17)
- 收藏
- 关注
RSS订阅原创 微信开放标签 wx-open-subscribe（复数模板）
以为wx-open-subscribe例子，先公众号设置-》功能设置绑定JS接口安全域名保证"weixin-js-sdk": “^1.6.0” 在1.6或以上html代码：（这里用的是vue，原生看看官网就行）<wx-open-subscribe style="width: 40vw;" @success="participateCJ" @error="subError" :template="subTemplateId" id="subscribe-btn" > <s.
2021-02-03 13:58:30
6082
50
原创 vue动态改变css的值，改变placeholder的颜色。
以改变input的placeholder颜色为例子 <div class="red_bg"> <input ref="is" type="text" placeholder="请输入内容"> </div> 设置事件，动态更新css的值 mounted() { // 解决input颜色问题 this.$refs.is.style.setProperty( 'p.
2020-11-21 15:19:15
2989
原创 zan-ajax的使用方式
安装 zan-ajax ：npm install zan-ajax2.Vue 里引入zan-ajaximport ajax from ‘zan-ajax’3.post的使用（get很简单就不写了，大致雷同）： // post请求 // $api 接口 // $parmas 参数 // fn 函数 post(api, parmas, fn) { ajax({ url: `${this.url}${api}`, .
2020-11-03 14:43:46
231
原创 Echart 地图 背景 图片契合
原理：在一个大div下放两个，一个是Echart代码地图，一个是背景图片，然后将代码地图设置为透明，设置两个子元素的定位吻合就行。缩放与移动事件 ：https://blog.csdn.net/rRainyevening/article/details/107196809...
2020-07-08 08:33:39
1621
原创 vue 缩放与移动（放大缩小“简单”动画）
需要进行缩放与移动的div<div ref="chmap" style="transform:scale(1)" @touchstart="touchstart($event)" @touchmove="touchmove($event)" @touchend="touchend($event)"> 、、内容</div>手势操作开始，手指触摸到屏幕 // 手势操作开始 touchstart(e) { this.pageX = e
2020-07-08 08:31:58
4764
原创 html2canvas 图片偏移+不全（vue，附有解决方法）
下面是我原来的写法，这个写法原来并没有问题，但后面出现图片不完整+ 白屏+ 偏移（下面附有解决方法）要截图的区域（截取 <div ref="imageToFile" id="imageToFile"> <van-col :span="24" class="topPage" :style="{backgroundImage:'url(' + backImg + ')'}" > <img class=
2020-07-02 09:49:33
5390
9
原创 Echart 地图 单独显示某个选中效果，高亮
最开始看网上说设置数据中的selected: true，但发现无效，然后下图是修改后代码，设置数据中的selected: true， 原本选中样式是写在geo里，然后coordinateSystem: ‘geo’, 这样引用，导致无法生效。 事件名称() { let self = this; let myChart = echarts.init(this.$refs.myEchart); //这里是为了获得容器所在位置 let mapNam
2020-07-02 08:48:54
5139
1
原创 Echarts 地图 监听空白区域事件，监听移动or缩放事件
myChart 是地图名字，georoam是监听缩放事件myChart.getZr().on('click', (res)=>{ // 空白 this.welfare = false});myChart.on('click', (res)=>{ this.cleanse(res)});myChart.on('georoam', (res)=>{ // 移动or缩放 this.cleanse(res)});...
2020-07-02 08:45:49
1857
原创 Echarts实现中国地图并下钻
要实现中国地图，并且有图片标点还能下钻，话不多说上效果图（下面有地图json文件提示）本效果使用Echarts ，我在找地图json文件时发现Echarts有文件，下图是路径。import china from ‘…/…/…/…/…/node_modules/echarts/map/json/china.json’; // 引入中国地图数据接下来上完整代码，有注释<temp...
2020-06-30 10:19:09
1116
原创 Echarts 地图点击触发多次
Echarts 地图点击事件多次触发原因，有触发三次的，有触发两次的我推测是因为地图有下钻，虽然你点了中国地图，但同时也点了省份地图解决方法：myChart.off('click');// 这里使用off避免重复调用myChart.on('click', (res)=>{ （事件）});网上说的另一种解决方法，我使用无效：myChart.off('click').on('click', (res)=>{});...
2020-06-30 09:55:23
1362
1
原创 div补齐，一行
本次记录一个事件，本人为了实现下图效果，在没使用flex的情况用了事件写出来，后来改用更为方便，完善的flex布局。要求：获取后端给到的数据后排列，要求布满一行，不够换行，但保证每行充足...
2020-04-27 08:19:42
512
原创 ES6-彩票实战项目创建（一）——项目搭建
前言：因为看的教学视频久远的原因，导致npm包版本与视频代码不相容，故查询资料进行选定版本安装示例:npm install [email protected] --save-devpackage.json{ "name": "es6", "version": "1.0.1", "description": "", "main": "index.js", "scripts": ...
2020-02-14 23:59:07
555
原创 新建vue项目， vue-cli 3
新建vue项目， vue-cli 3将流粗略记录一下，提醒自己第一步npm安装（镜像自己百度，不想写）首先：先从nodejs.org中下载nodejs链接: https://nodejs.org/en/.安装过程CSDN很多就不写了，安装完后检查系统是否可以使用`打开cmd 运行 node -v 查看node版本号node -v打开cmd 运行 npm -v 查看npm版本号...
2019-10-25 18:06:37
222
原创 html实现省份、地市、区县三级联动（原生js）
html实现省份、地市、区县三级联动（原生js）命名有点随便，不喜勿喷友情链接（另一种实习方法，用了他的数据库）：https://blog.csdn.net/qq_17522211/article/details/84580492<!DOCTYPE html><html lang="en"><head> <meta charset="U...
2019-06-17 13:27:27
2928
原创 npm不是内部或外部命令（明明之前能用或者装好了）
这篇文章是用来提示自己的一个错误我昨天执行npm run dev 时报错，然后我查了很久最终发现是我把文件夹的名字改了然后就报错了我改回来后正常执行，...
2019-06-07 22:01:06
395
转载 js获取元素css3的transform
*js获取元素css3的transformwindow.function (){var el = document.getElementById(“dsiv”);var st = window.getComputedStyle(el, null);//获取外部或style中的cssvar tr = st.getPropertyValue("-webkit-transform") || //...
2019-04-01 09:36:49
670
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人