Aeiherumuh_10-优快云博客

原创 nvm安装与使用

nvm安装与使用如果有多个项目，比如老项目需要降低node版本，而比较新的项目又需要提高node版本，那么这个工具就非常nice1、nvm是什么nvm全名node.js version management，顾名思义是一个nodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs。2、下载linux系统的github地址：点我windows-nvm的github地址点我windows-nvm的下载地址直接安装版3、安装1、双击安装文件 nvm-setup

2021-03-11 17:46:27 558

原创 Sass入门

Sass入门Sass是成熟、稳定、强大的CSS预处理器，而SCSS是Sass3版本当中引入的新语法特性，完全兼容CSS3的同时继承了Sass强大的动态功能。特性概览CSS书写代码规模较大的Web应用时，容易造成选择器、层叠的复杂度过高，因此推荐通过SASS预处理器进行CSS的开发，SASS提供的变量、嵌套、混合、继承等特性，让CSS的书写更加有趣与程式化。变量$变量用来存储需要在CSS中复用的信息，例如颜色和字体。SASS通过$符号去声明一个变量。$font-stack: Helvetica,

2021-03-05 17:27:15 283 2

原创解决echarts自适应问题

解决echarts自适应问题在vue项目中是用echarts生成图表，基本配置之后也出现了，可现在的网页基本都是自适应的，而echarts图表只生成了一次，无法自适应，需要刷新才能重新渲染图表。单图表自适应：第一次进入很正常屏幕缩小之后，发现没有显示完整解决办法：echart图表本身是提供了一个resize的函数的// 使用刚指定的配置项和数据显示图表。var myChart = echarts.init(document.getElementById("main"));myCh

2021-02-19 09:21:30 10318 1

原创 WebStorm设置eslint格式化

WebStorm设置eslint格式化一、手动或快捷键方式格式化WebStorm自带ESLint,打开设置即可在工作区右击，在菜单中单击fix ESLint Problems选项如果觉得每次单击很麻烦可以设置快捷键。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-uCPD2ZrN-1612683208664)(C:\Users\aeihe\Desktop\WebStorm设置eslint格式化.assets\image-202102071530106

2021-02-07 15:36:52 3576 2

原创 js关闭当前网页，去掉弹窗

js关闭当前网页，去掉弹窗关闭当前网页(谷歌、ie都有效)window.location.href="about:blank";window.close();有些浏览器关闭时可能有弹框（IE） window.opener=null; window.open('','_self'); window.close();个人博客：http://aeiherumuh10.gitee.io/zeno-blog/...

2020-08-26 11:44:43 1330

原创 echarts自定义图表颜色，柱状图/饼图自定义渐变色

echarts自定义图表颜色，自定义渐变色柱状图：单色：原先图表的颜色配置代码：series: { type: "bar", barWidth: "60", data: [6, 12, 8, 9, 10], itemStyle: { normal: { color:'red' }, }, },渐变色：

2020-08-14 17:34:13 1439 1

转载实现element-ui中dialog的拖拽

实现element-ui中dialog的拖拽一、 utils文件夹下创建dialog.js文件import Vue from 'vue'// v-dialogDrag: 弹窗拖拽Vue.directive('dialogDrag', { bind(el, binding, vnode, oldVnode) { const dialogHeaderEl = el.querySelector('.el-dialog__header') const dragDom = el.quer

2020-08-13 11:59:07 180

翻译 ES6研习：变量的解构赋值

ES6研习：变量的解构赋值1.数组的解构赋值基本用法ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。解构赋值“匹配模式”，左边的变量和右边的值一一对应let [a, b, c] = [1, 2, 3];注意：值和变量要一一对应，否则会解构不成功（基本分为三种）//1.变量数量大于值的数量let [bar, foo] = [1];//foo的值为undefined。//2.变量数量等于值的数量let [a,

2020-08-07 09:03:08 184

原创在vue中渲染数学公式 - MathJax

在vue中渲染数学公式 - MathJax1.开发背景目前在使用 vue+ elementui做一个考试管理系统，在做学生考试页面时需要用到数学公式，但是后台解析出来后不是图片，而且如果是图片的话放在题目里很怪，所以需要使用到`MathJax`去解析后台传过来的公式后台返回的数据：<math xmlns="http://www.w3.org/1998/Math/MathML"><mtext>minimum at </mtext><mi&g

2020-08-06 11:58:11 3587 1

原创开发中使用阿里图标库iconfont图标字体

iconfont图标字体的使用在前端进行页面开发的时候，页面上面会存在大量的图标，这个时候，我们如果直接使用图片的形式很麻烦，也容易造成图片失真，这个时候我们就需一个矢量的图片，并且能够进行集中式管理图标的方法，国内主要使用的是阿里云的iconfont阿里云iconfont官网准备工作先在iconfont的官方网站里面选中自己所需要的图标，然后添加入库然后把所有的图标都选中以后，添加到项目库，这个时候，会进入到项目库管理界面，如下所示在上面的界面上面，我们可以看到，刚刚我们选中的图标

2020-08-04 11:24:25 720 1

原创 JS判断IE浏览器和其他浏览器

JS判断IE浏览器和其他浏览器在浏览器的BOM中，有一个navigator对象，该对象主要用于记录当前浏览器信息navigator.appName：获取当前浏览器名称navigator.appVersion：获取当前浏览器的平台和版本信息IE浏览器名称：“Microsoft Internet Explorer”谷歌浏览器名称：“Netscape”（网景）IE浏览器：谷歌浏览器：代码如下：window.onload = function() { var browser_n

2020-08-01 15:22:17 523

翻译 ES6研习：let和const命令

ES6研习：let和const命令1.let命令基本用法：ES6 新增了let命令，用来声明变量。注意：所有生命的变量旨在let命令所在代码块中有效，也就是{}中{ let a = 10; var b = 1;}a // ReferenceError: a is not defined.b // 11.1 不存在变量提升变量提升：var命令会发生“变量提升”现象，即变量可以在声明之前使用，值为undefined。这样很容易出现各种问题，let声明的变量不存在变量提升//

2020-07-31 22:17:18 173

qq_37572795的博客