weixin_39845185的博客

原创 npm install报错：webpack@“^5 .0 .@“fromnode-loader2.0.0冲突

执行命令：npm i --legacy-peer-deps。

原创 details标签用法

原创 前端适配笔记本缩放125%，150%导致页面错乱问题

/ 获取下载的缩放 125% -> 1.25 150% -> 1.5。由于前端在开发时使用的都是标准ui设计图，基本都是按照所以1920*1080， 而小屏幕笔记本由于分辨率高，所以导致的显示元素变小，因此很多笔记本的默认显示都是放大125%或者150%。window.screen.availHeight > 1000 说明缩放选择的是100%，否则是125%、150%.// 修改页面的缩放比例。我去搜了一下，基本都是根据 window.screen.availHeight 来获取屏幕缩放比例，

原创 后端返回100多条数据，前端如何实现分页？

方法可以用于提取数组的某个部分，返回一个新的数组，并不改变原始数组。参数是提取结束的位置（不包括该位置本身）。参数是要开始提取的起始位置，位置到数组末尾的所有元素。1.先获取回来全部数据。

原创 vue3.0 echarts在nginx环境中二次渲染不成功

echarts在开发环境中，组件切换二次渲染的时候是可以正常显示的。打包放入nginx中，二次渲染不出来。解决办法就是我们在重新创建的时候，移除之前创建的实例并且重新创建一个Echarts实例：document.getElementById('rightEcharts').removeAttribute('_echarts_instance_');...

原创 修改elementui table表格expand的展开图标

官方提供的如下图：要实现的效果图：修改css即可：content内的\e6d9等图标代号，可以通过在element官网icon图标，右键审查元素，鼠标移到对应图标上面，查看styles中的content获取

原创 CSS JS VUE总结

css篇：link和import的区别：1.link是XHTML标签，除了加载css之外，还定义RSS定义REL连接属性等作用。import 只用于加载CSS。2.link引入CSS时，是与页面同事载入，import是页面内容载入完成之后再载入CSS。3.link是XHTML标签，无兼容性问题，import低版本浏览器不兼容。4.link支持JS控制DOM改变样式，import不支持。...

原创 echarts世界地图中的国家名称显示中文

exportconstnameMap={"SingaporeRep.":"新加坡","DominicanRep.":"多米尼加",Palestine:"巴勒斯坦",Bahamas:"巴哈马","Timor-Leste":"东帝汶",Afghanistan:"阿富汗","Guinea-Bissau":"几内亚比绍","Côted'Ivoire":"科特迪瓦","SiachenGlacier":"锡亚琴冰川...

原创 echarts 世界地图 刷新后地图不见了的问题

页面刷新，地图就不见了，原因是世界地图的坐标没了。解决方法，引入世界地图坐标：

原创 获取村镇JSON数据

1.下载bigMap 软件2.生成想要的数据：3.找到geojson.io 网站，打开速度有点慢，将下载好的数据，用这个网站，转成echarts识别的格式。

原创 scss循环的用法

今天刚解锁的，scss循环用法：使用：<div class="margin-left-10">123</div>直接赋值给class就可以了。margin-left-10：就代表：margin-left:10px;

原创 echart配置

1.鼠标画华商这种交互取消：2.字体居中 title:[{text:"{name|"+title+"}\n{val|"+used+"GB"+"}",top:"center",left:"center",textStyle:{rich:{name:{...

原创 vue中引入 particles.js

1.npm 安装一下2.2.3.4.一定要用require 引入

原创 js获取时区

new Date().getTimezoneOffset()可以看到输出的是-480，这样获得到的是0时区的时间差(0时区减去当前所在时区，单位是分钟)。中国标准时间是以东八区为准，比0时区的时间要早8小时。所以是-480，除以60就是所在时区：然后-480 / 60 = -8，即现在这个时区的偏移量为0 - (-8) = 8，即表示为：UTC+8，代码为： 'UTC+' + (0 - new Date().getTimezoneOffset() / 60); // 输出：UTC+8.

转载 echarts中出现tooltip时页面相对定位布局出现抖动

1、分析原因： 在echarts图表中出现tooltip时，画布的父标签（即：echarts.init()的标签）的有时宽高都会发生变化，导致相对布局的div可能大小发生变化（画布大小却不变），导致页面闪动。2、解决办法： 在该画布的父标签（即：echarts.init()的标签）外层套一个div，设置overflow:hidden；然后，设置tooltip的confine：true;(设置tooltip不超出图表)。...

转载 校验数字的正则

验证数字：^[0-9]*$验证n位的数字：^\d{n}$验证至少n位数字：^\d{n,}$验证m-n位的数字：^\d{m,n}$验证零和非零开头的数字：^(0|[1-9][0-9]*)$验证有两位小数的正实数：^[0-9]+(.[0-9]{2})?$验证有1-3位小数的正实数：^[0-9]+(.[0-9]{1,3})?$验证非零的正整数：^\+?[1-9][0-9]*$验证非零的负整数：^\-[1-9][0-9]*$验证非负整数（正整数 + 0） ^\d+$验证非正整

原创 限制浏览器翻译功能

body标签加上class="notranslate"关闭浏览器翻译功能就好啦

原创 前端实现静态资源下载 用a链接

1.文件要放在public下面，因为打包的时候，public文件夹不被编译。2.href的路径一定要写对。在public文件夹下，路径是 ./文件夹名 而不是 ../../文件夹名

原创 vue-cli 3.0解决打包后白屏问题 及 vue.config.js的配置

1. 改路由模式2.将vue.config.js中的publicPath改为'./'以上两步缺一不可。下面是vue.config.js:module.exports={//打包配置，解决页面空白的配置方案。publicPath:process.env.NODE_ENV=='production'?'./':'/',lintOnSave:true,//输出文件目录outputDir:'net_safe_...

原创 vscode react插件

Auto Close TagAuto Rename TagBetter CommentsCode Spell CheckerCSS Modules（react插件）Debugger for Chromeglean （react插件）Highlight Matching Tagnpm intellisensepath intellisenseprettierTODO ...

原创 gitlab: repository 'http://gitlab.yyy.com/edu/web_homepage.git/' not found .git后面多带了一个/

错误:remote:Theprojectyouwerelookingforcouldnotbefound.fatal:repository'http://gitlab.yyy.com/edu/web_homepage.git/'notfound解决方法：git clonehttp://username@gitlab.yyy.com/edu/web_home...

原创 react-redux

只为记录一下redux的用法，详细解读请阅读 阮一峰大神的讲解 ：http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_three_react-redux.html...

转载 面试题

1. var obj = { '2': 3, '3': 4, 'length': 2, 'splice': Array.prototype.splice, 'push': Array.prototype.push}obj.push(1)obj.push(2)console.log(obj)push是从length往后push的这个obj...

原创 全局设置富文本图片大小

 var content = this.info.strContent      const regex = new RegExp('&lt;img', 'gi')      content = content.replace(regex, `&lt;img style="max-width: 100%; height: auto"`)      this.content = content...

原创 图片固定宽高比且实现自适应

改变最外层盒子的宽度，图片的宽高比始终不变，并且自适应。 

原创 vue中filters的用法

原创 vue-cli3 npm run build 打包后静态资源的配置 vue.config.js的配置

vue.config.js配置如下： const path = require('path');const vConsolePlugin = require('vconsole-webpack-plugin'); // 引入 移动端模拟开发者工具 插件 （另：https://github.com/liriliri/eruda）const CompressionPlugin = ...

原创 ajax封装

引用：data这样拼接。

原创 向百度地图的maker属性上添加自定义属性

设置值：marker.customData = {‘属性名’: ‘属性值’ }取值：maker.addEventListener(e){ console.log(e.target.customeData.属性名}

原创 1.es6数组的扩展

关于es6数组的扩展，最常用的方法总结了以下几点： Array of将一组值转成数组。总是返回 参数组成的数组，如果没有参数，则返回一个空数组。Array of(1, 2, 3)   // [1, 2, 3]  copyWithin使用这个方法会修改当前数组。接收三个参数：target(必选) ： 从该位置开始替换数据start（可选）：从该位置开始...

原创 根据数组对象的一个属性值对数组对象进行排序

对数组进行排序，很容易就想到了sort方法。根据数组对象的一个属性值对数组对象进行排序，其实，只要封装一个函数，把属性值传给这个函数tableData是一个数组对象：tableData.sort(compare('age'))时间的转化：...

原创 vue打包踩坑 --- 背景图片路径问题

第一次用vue脚手架写项目，有点不知所措，页面写的很乱，背景图片的路径也是用的相对路径，如background-image: url(../../assets/img/personindex-img.jpg);这样写本身就会很麻烦，所以写路径时要写成  background-image: url(~@/assets/img/personindex-img.jpg);在npm run build 打...

css 笔记

1.object-fit: cover我们在做列表页的时候，图片都是固定的大小，比如是一个100px*100px的正方形图片，但是很有可能拿到的图片并不是正方形的，这个非正方形图片放到正方形的img标签里，就会变形如果使用object-fit：cover  可以裁剪超出比例的部分，这样图片看起来就不会是变形或者拉伸的了，但是这样会导致图片残缺，根据图片的不同，可能裁剪掉关键部分的内容，但是鉴于列表...