- 博客(24)
- 收藏
- 关注
RSS订阅原创 element-ui中的table如果设置fixed固定列，监听不到数据变化
在使用element-ui的过程中，使用到el-table的fixed固定列，但是通过属性控制按钮显示隐藏的时候发现不能及时监听到属性变化，导致不能正确显示，固定列也错位，因为他的固定列也是一个单独的table。解决办法就是更改table绑定的data的值，ele是有监听绑定的data的。能正确监听到数据的变化。
2023-03-30 22:09:40
377
原创 mapBox使用笔记
项目需要，以mapBox为基础开发地图相关大屏展示，记录开发与学习。基础的地图渲染熟悉一些以后还是比较容易的，就是刚开始不熟一脸懵，先附上文档地址英文地址：https://www.mapbox.com/maps/中文文档：http://www.mapbox.cn/中文文档里里还是会有很多英文 只是简单的介绍为中文了简单样例：效果展示<!--dom部分--><div :id="mapID" class="s-map" />// js部分import m..
2022-05-13 16:05:54
3332
原创 关于vue使用highcharts饼状图渐变色报错问题
今天用highchart画3d渐变色时用了官方的示例代码// 创建渐变色Highcharts.getOptions().colors = Highcharts.map(Highcharts.getOptions().colors, function (color) { return { radialGradient: { cx: 0.5, cy: 0.3, r: 0.7 }, stops: [ [0, color], [1, Highcharts.Color(color).br
2022-04-12 16:07:09
1529
1
原创 Echarts地图registerMap使用的GeoJson数据获取
geoJSON数据可以用echats推荐地址echarts-maps · GitHub或者引用其他博客：数据是在DATAV.GeoAtlas中获取的，根据自己的需求随意选择省、市、区，页面中给的json链接地址就是想要的geo数据，特方便，记录备用。https://datav.aliyun.com/tools/atlas/#&lat=31.84139930209406&lng=117.33123779296875&zoom=9原文链接：https://blog.cs
2022-03-11 16:53:24
1865
原创 git分支合并时往往冲突整个文件的解决方案
常用分支合并的时候会发现有时候只改了某几行的代码，但是分支合并的时候git检测会检测到整个文件的冲突，导致冲突解决很困难，难以快速找到冲突代码位置，下面这个合并命令可以避免出现类似现象：git merge 要合并的分支 -Xignore-space-change --no-commit //允许您在合并期间忽略所有与空间相关的冲突。...
2021-09-22 14:27:59
1148
原创 element-ui级联选择器控制下拉
需求是控制可以多级选中的级联选择器选中单选框后自动隐藏下拉框。<el-cascader ref="safeTypes" :disabled="isView" :options="securityType" v-model="safeTypes" @change="getSafeType" :props="{ label: 'dictName', value: 'dictValue', checkStrictly: true
2020-11-09 19:51:20
938
原创 js 细节点笔记
对象键自动转换字符串 例如： var a ={b:1} c[a] = 123 则c={'object object': 123} 在事件传播期间，有三个阶段：捕获，目标和冒泡。 默认情况下，事件处理程序在冒泡阶段执行（除非您将useCapture设置为true）。 call()和bind()都可以传递this关键字引用的对象，但是call会立即执行，bind方法会返回函数的拷贝值，但带有绑定的上下文！ 它不会立即执行。 new Number（）是一个内置的函数构造函.
2020-08-13 09:23:59
166
原创 脚手架升级cli2升至cli4总结
配置dll的时候需要用到webpack命令，本地安装cnpm i webpack --save-dev之后运行webpack还是报webpack不是命令。后全局安装webpack cnpm i -g webpack之后运行webpack提示安装webpack-cli 输入y之后打包之后虽然打包速度快了很多 但是运行起来报错了，后来是忘了在index.html中引入打包出来的js...
2020-07-09 15:50:13
551
1
原创 前端使用oss上传
最近有需求想要使用oss长传缓解服务器压力，商议后决定使用前端自己上传oss不经过服务器端。在此记录一下过程：项目使用的是vue，所以首先npm i --saveali-oss页面或者在公共方法引如 import oss from 'ali-oss'页面加载调用接口获取相关参数后发起请求this.client = new OSS({ region: res.serverRegion,// 云账号AccessKey有所有API访问权限，建议遵循阿里云安全最佳实践，创建并使用STS方式...
2020-06-16 10:08:24
2711
1
原创 vue spa项目转服务器渲染
最近有个项目本来是单页面的，但是现在的需求要做SEO，因为是动态数据所以确定做服务端渲染，不用客户端渲染。技术采用vue+nuxt.js+iview.js配置vue全局组件：在plugins/ 下新建global-components.js文件// 引入vue 及 lodashimport Vue from 'vue'import upperFirst from 'lodash/...
2020-01-02 16:32:54
3902
原创 vue 配置axios，增加被挤下线以后中断后续请求
实际测试的时候如果有多个并发请求，因为登录被挤掉了，所以被后端拦截器直接处理返回了-9991状态码，响应时间相差无几，会出现多次弹出去登录的确认框。所以源码里我也加入了防止重复多次弹出提示的限制。import Axios from 'axios'import Config from '../config/config-1'import { Notification, Loading, ...
2020-01-02 10:25:46
1543
原创 vue运行栈溢出
控制台报错：ineffective mark-compacts near heap limit allocation failed粗暴方法package.json里的scripts修改"dev": "node --max-old-space-size=8192 node_modules/webpack-dev-server/bin/webpack-dev-server.js --inli...
2019-12-14 22:03:09
2864
原创 DNS解析
DNS(域名系统)的解析器gethostbyname与gethostbyaddr应用程序 (浏览器) 调用函数gethostbyname把主机名转换成32 bit的IP地址。这个函数在DNS（域名系统）中称作解析器。这个转换过程或者使用DNS，或者在较小网络中使用一个静态的主机文件（/etc/hosts）。然后TCP根据IP地址建立连接反向将IP地址转换为主机名调用函数gethostbya...
2019-10-14 16:17:13
1296
原创 IE 文字两端对齐实现
div { text-align: justify ; text-align-last:justify; -moz-text-align-last: justify ; -webkit-text-align-last:justify; text-justify:inter-ideograph;/*ie中必须有这个*/ text-align-last...
2019-09-05 11:22:13
1424
转载 vu多行文字超出显示省略号
本地测试多行显示省略的代码可以实现，但是到线上就会出现不生效直接截取的问题，-webkit-box-orient: vertical这段代码消失了，百度到是optimize-css-assets-webpack-plugin这个插件的问题。text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellip...
2019-07-18 10:00:12
954
转载 dataURL转换txt 预览与下载
有个需求是后端传二进制编码前端实现预览和下载，所以在网上拼凑了这个demo <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script sr
2019-02-20 16:23:56
1156
原创 iview里时间组件选择绑定v-model时获得值为前一天
<DatePicker type="month" placeholder="请选择" :editable="false" @on-change="getTime" class="form-inline"></DatePicker>直接绑定v-model获得的值为前一天，现在解决办法为用change手动绑定...
2018-12-25 11:24:36
1497
原创 echarts 多个markPoint
效果如图：因为文字的多少是不确定的 所以背景图和小图标要分开来写，也有的说可以用html+css来写这个图标，我试了没成功~。因为是echarts的配置里面的图片不能被file-loader处理到，所以我用了base64的，当然也用绝对路径来代替。 代码：markPoint: { label: { normal: { ...
2018-10-24 11:14:42
10550
原创 升级vue-cli后创建项目出现unexpected end of json iinput while parsing near
cli3.0已经出现一段时间了，旧项目还没有升级，今天闲来没事想着用3.0建个测试项目，果然问题总是要有的。卸载cli2.x安装3.x以后直接运行vue create xxx 出现报错，网上查了一下一种可能是node版本与npm不兼容，而我的是兼容的，所以还有就是要npm cache clean --force ,运行以后提示我说i sure hope you konw what you ar...
2018-10-24 11:02:58
2059
转载 axios的超时重新请求
以AOP编程方式，我需要的是一个 超时重新请求的全局功能， 要在axios.Interceptors下功夫，在github的axios的issue找了别人的一些解决方法，终于找到了一个完成解决方案，就是下面这个。https://github.com/axios/axios/issues/164#issuecomment-327837467//在main.js设置全局的请求次数，请求的间隙axio...
2018-03-12 16:33:46
3619
原创 动态更改echarts的数据展示不起作用
在做项目中用到动态获取数据来更改echarts的动态展示，使用echartsInstance.clear()方法未达到相应的效果，echarts图表数据并未更改。后网上找到如果通过传参的方式来动态更新图表可行。代码示例：this.$axios.post('xxx',data) .then((response) => { let data = response.data.da...
2018-03-09 17:24:44
6768
原创 获取昨天日期
有个项目要用到昨天的日期，精确到天。但是网上的没有找到相应的代码，so自己写了个简单的。getYesterday() { let oneday = 24*60*60*1000; let timestamp = Date.parse(new Date())-oneday; let y = new Date(timestamp).getFullYear()+ '-'; let m =...
2018-03-09 17:17:50
796
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人