- 博客(33)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue+element Cascader 级联选择器 ＞ 实现省市区三级联动
请安装指定版本的element-china-area-data(5.0.2)，否则可能会导致报错：CodeToText为undefined（我就遇到了（嘘），要注意哦~）
2023-07-15 16:57:45
2491
原创 vscode 拉取提交代码时报错： [rejected] (would clobber existing tag)
vscode提交代码报错： would clobber existing tag
2023-02-21 14:57:18
1366
原创 css超出一行或两行显示省略号
css超出一行显示省略号/** 思路： 1.设置inline-block属性 2.强制不换行 3.固定宽度 4.隐藏超出部分 5.显示省略号 */ display: inline-block; white-space: nowrap; width: 100%; overflow: hidden; text-overflow:ellipsis;css两行显示省略号/**思路： 1.超出的文本隐藏 2.溢出用省略号显示 3.溢出不换行 4.将对象作为弹
2021-06-28 16:04:13
775
1
原创 前端excel文件转json
# 下载excel2jsonhttps://github.com/neil3d/excel2json/releases- 下载成功后将文件放到D盘根目录（目录路径不要包含中文）- 打开cmd,进入到excel2json,输入命令excel2json –excel F:\order-gy.xlsx –json F:\ex.json –header 1(实际路径根据自己放的位置写）- 命令行返回 [d.xlsx]： Conversion complete in [315.8478...
2021-05-31 15:32:19
587
原创 echarts实现地图飞线
echarts实现地图飞线echarts画地图echarts画地图由于地图需要省市区经纬度，需要geoJSON数据，我们使用aliyun官方的JSON数据，以中国地图为例（链接: link.）。可以将返回的JSON数据写入到util文件夹下的json文件中。在使用的页面引入该json文件import china from '../../util/geoJSON/china.json' //根据实际路径引入eventMap() { let hotEventMap = this.$e
2021-05-12 15:59:06
5183
原创 文件上传（带上传进度）与下载
文件上传上传文件到阿里云上传文件到七牛云上传文件到阿里云安装阿里云上传文件插件ali-oss npm install ali-oss -S在根目录创建utils文件夹，并新建aliOss.js文件。 const OSS = require('ali-oss'); export function infoClient() { const client = new OSS({ // region以杭州为例（oss-cn-hangzhou），其他region
2021-03-24 17:15:55
377
原创 vue使用d3数据可视化(柱状图、饼图、折线图 带坐标轴）
1.安装依赖npm install d3 --save-dev2.页面中引入<template></template><script> import * as d3 from 'd3';</script>3.使用1) 矩形<template></template><script> import * as d3 from 'd3';export default { data() {
2020-12-24 17:10:24
2637
4
原创 vue使用echarts遇到的坑
vue使用echarts1.安装依赖cnpm install echarts -S2.全局引入（main.js）import echarts form 'echarts'Vue.prototype.$echarts=echarts3.页面中使用(mounted)<template> <div ref="chart" style="width:100%;height:225px"></div></template><s
2020-12-21 15:14:30
1913
1
原创 HTTP请求方法之options请求
HTTP请求方法之options请求HTTP请求最近在做unaipp H5网页端微信公众号登录授权时由于options请求导致code值失效问题。因此要避免服务器向后端发送options请求使用code值。由于需要携带token,自己设置了HTTP的头信息从而发送了options请求。HTTP请求简单请求非简单请求如果请求字段超出如下内容，就是非简单请求。浏览器会先发options请求试探服务器是否允许跨域。（1) 请求方法是以下三种方法之一： HEAD GE
2020-09-14 18:15:27
2809
原创 js动态添加样式
js动态添加样式uniapp动态添加样式动态添加class动态添加style动态添加imgJQuery动态添加样式动态添加css动态添加classuniapp动态添加样式动态添加class<view :class="goods_attribute.is_open ? 'preventTouchMove' : ''"></view>动态添加style<view :style="{'color':(item.price&&item.price
2020-09-14 17:23:05
3899
原创 vue项目的搭建
vue项目的搭建安装node安装vue-cli 脚手架构建工具vue 项目的搭建安装nodenode安装包的下载link下载长期支持版解压文件安装（下一步、下一步、下一步…）检查是否安装成功（命令行输入）C:\Users\Administrator>node -vv12.13.0node环境搭建成功，拥有npm包管理工具通常情况下npm安装包文件速度较慢或失败（由于有些npm资源被屏蔽或者是国外资源的原因），所以可以安装使用cnpm（npm的国内镜像）安装cnpm淘
2020-06-11 09:41:11
194
原创 vue + typescript 构建项目
vue + typescript 构建项目安装node安装vue-cli脚手架构建vue项目、使用typescriptvue-class-componentvue-property-decoratorvuex-class（vuex在typescript文件中的使用）安装node下载node安装包解压安装（下一步、下一步…）安装vue-cli脚手架npm install vue-cli -g构建vue项目、使用typescriptvue create project-name //回
2020-06-09 18:21:22
912
原创 解决vue项目跨域问题
解决vue项目跨域问题新建vue.config.js文件index.vue文件发送请求新建vue.config.js文件module.exports = { devServer: { // 配置多个代理 proxy: { '/api': { target: '', //请求目标地址 ws: true,//是否代理websockets changeOrigin: true, // 设置同源
2020-06-08 17:27:32
241
原创 Echarts+DataV数据可视化
Echarts+DataV数据可视化EchartsDataVEchartsecharts使用文档: link.JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。提供了常规的折线图、柱状图、散点图、饼图、K线图，用于统计的盒形图，用于地理数据可视化的地图、热力图、线图，用于关系数据可视化的
2020-06-05 16:48:22
3314
1
原创 JS小程序时间戳转日期
JS小程序时间戳转日期变量时间戳转换成日期数组内的时间戳属性转换成日期对象内的时间戳属性转换成日期变量时间戳转换成日期数组内的时间戳属性转换成日期对象内的时间戳属性转换成日期1.项目2.项目项目项目项目1项目2项目3...
2020-05-09 18:53:31
331
1
原创 小程序支付时商户号mch_id与appid不匹配解决办法
小程序支付时商户号mch_id与appid不匹配解决办法1.检查APPID和商户号mch_id是否正确2.确保自己的小程序已经申请开通了微信支付功能。如果没有的话，就不能实现支付的功能，无法调起微信支付。需要强调的是：这里的申请开通微信支付功能，要输入商户号和对应的密码。这个密码是商户平台的登录密码，而不是key更不是appscret等（微信认证过）。3.小程序和商户号没有双向绑定或授权...
2020-05-09 17:45:45
4386
原创 小程序navigator点击不跳转问题
小程序navigator点击不跳转问题1.跳转路径是否正确。尽量不要用相对路径,使用绝对路径。2.跳转路径是否为TabBar页面。想要跳转到TabBar页面必须使用wx.switchTab跳转。switchTab事件触发以后，其他的页面都会被关闭。navigator的open-type属性 可选值 ‘navigate’、‘redirect’、‘switchTab’，对应于wx.navig...
2020-05-08 16:24:12
3384
原创 添加、删除、替换以及插入节点的方法
添加、删除、替换以及插入节点的方法添加节点删除节点替换节点插入节点添加节点obj.appendChild(node)把新的子节点添加到指定节点，node表示的就是要添加的节点。只能在父节点的末尾添加元素。// 获取元素 var div=document.getElementById("div1"); // 创造元素，给元素添加些文字 var p...
2020-04-09 14:42:54
1840
原创 如何对网站的文件和资源进行优化？
如何对网站的文件和资源进行优化？减少HTTP请求正确理解 重绘和重排减少对DOM的操作使用JSON格式来进行数据交换高效使用HTML标签和CSS样式压缩CSS、JavaScript和HTML文件使用CDN加速（内容分发网络）将CSS和JS放到外部文件中引用，CSS放头，JS放尾精简CSS和JS文件压缩图片和使用图片Sprite技术控制Cookie大小和污染避免重定向减少HTTP请求请求的网页...
2020-04-09 14:22:48
1128
原创 JS事件的三个阶段，事件代理/委托的原理及优缺点
JS事件的三个阶段，事件代理/委托的原理及优缺点JS事件的三个阶段捕获阶段目标阶段冒泡阶段阻止事件传播（冒泡）的方法阻止浏览器的默认行为总结事件代理/委托的原理及优缺点事件代理/委托的原理事件代理/委托的优缺点适合用事件委托的事件JS事件的三个阶段捕获阶段捕获阶段：事件由页面元素接收，逐级向下，到具体的元素。当使用事件捕获时，父级元素先触发，子元素后触发。当我们在 DOM 树的某个节点发...
2020-04-09 13:51:54
888
原创 闭包的原理、应用场景及优缺点
闭包的原理、应用场景及优缺点变量的作用域闭包的原理闭包的应用场景闭包的优缺点变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量，但函数外部不能读取函数内部的局部变量。闭包的原理闭包是定义在一个函数内部的函数闭包是将函数内部与函数...
2020-04-07 22:00:57
864
原创 普通函数与箭头函数的区别
普通函数与箭头函数的区别箭头函数语法更加简洁箭头函数不能作为构造函数，不可以new。使用new调用箭头函数会报错，因为箭头函数没有constructor。箭头函数不绑定arguments，但可以使用rest剩余参数。箭头函数的this指向全局，使用arguments会报未声明的错误。// let A = (a) => console.log(arguments) A(1,2,...
2020-04-07 21:05:19
134
原创 普通函数与构造函数的区别
普通函数与构造函数的区别JS函数函数的定义方式普通函数与构造函数的区别JS函数函数简单的说就是可重复执行的代码块。函数是一段JavaScript 代码，它只定义一次，但可能被执行或调用任意次。函数的定义方式声明式函数定义：function fn() {}；这种定义方式，会将函数声明提升到该函数所在作用域的最开头，也是就无论你在这个函数的最小作用域的那儿使用这种方式声明的函数，在...
2020-04-07 20:33:36
901
1
原创 移动端自适应适配方案、vue+h5适配方案；vue判断设备并跳转对应路径；
移动端自适应适配方案所谓前端适配，就是为了让移动设计稿在大部分的移动设备上看起来有一致的展示效果，目前比较流行的方法有两种。一种是强制meta viewport宽度为设计稿宽度，一种是使用rem自适应布局的flexible.js。各有利弊，使用第一种在某些浏览器的webview里面会出现兼容问题，而且对于1像素会无法渲染。而用rem的方案在背景和字体上也会有某些问题。方案1. 强制meta ...
2020-03-31 14:08:26
778
1
原创 VUE中使用vue-particles粒子背景特效插件
VUE项目中使用vue-particles粒子背景特效插件1.安装插件2.在main.js文件中全局引入3.在页面中使用属性4. 完成效果1.安装插件npm install vue-particles --save-dev2.在main.js文件中全局引入import Vue from 'vue'import VueParticles from 'vue-particles'Vue....
2020-03-28 20:40:11
2076
vue-typescript-admin-course-manages-master.zip
2020-06-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人