- 博客(12)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 nvm安装与使用
nvm安装与使用 如果有多个项目，比如老项目需要降低node版本，而比较新的项目又需要提高node版本，那么这个工具就非常nice 1、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
614
原创 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
334
2
原创 解决echarts自适应问题
解决echarts自适应问题 在vue项目中是用echarts生成图表，基本配置之后也出现了，可现在的网页基本都是自适应的，而echarts图表只生成了一次，无法自适应，需要刷新才能重新渲染图表。 单图表自适应： 第一次进入很正常 屏幕缩小之后，发现没有显示完整 解决办法 ： echart图表本身是提供了一个resize的函数的 // 使用刚指定的配置项和数据显示图表。 var myChart = echarts.init(document.getElementById("main")); myCh
2021-02-19 09:21:30
10526
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
3865
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
1475
原创 echarts自定义图表颜色，柱状图/饼图自定义渐变色
echarts自定义图表颜色，自定义渐变色 柱状图： 单色： 原先图表的颜色 配置代码： series: { type: "bar", barWidth: "60", data: [6, 12, 8, 9, 10], itemStyle: { normal: { color:'red' }, }, }, 渐变色：
2020-08-14 17:34:13
1586
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
221
翻译 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
237
原创 在vue中渲染数学公式 - MathJax
在vue中渲染数学公式 - MathJax 1.开发背景 目前在使用 vue+ elementui做一个考试管理系统，在做学生考试页面时需要用到数学公式，但是后台解析出来后不是图片，而且如果是图片的话放在题目里很怪，所以需要使用到`MathJax`去解析后台传过来的公式 后台返回的数据： <math xmlns="http://www.w3.org/1998/Math/MathML"><mtext>minimum at </mtext><mi&g
2020-08-06 11:58:11
3941
1
原创 开发中使用阿里图标库iconfont图标字体
iconfont图标字体的使用 在前端进行页面开发的时候，页面上面会存在大量的图标，这个时候，我们如果直接使用图片的形式很麻烦 ，也容易造成图片失真，这个时候我们就需一个矢量的图片，并且能够进行集中式管理图标的方法， 国内主要使用的是阿里云的iconfont 阿里云iconfont官网 准备工作 先在iconfont的官方网站里面选中自己所需要的图标，然后添加入库 然后把所有的图标都选中以后，添加到项目库， 这个时候，会进入到项目库管理界面，如下所示 在上面的界面上面，我们可以看到，刚刚我们选中的图标
2020-08-04 11:24:25
822
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
584
翻译 ES6研习：let和const命令
ES6研习：let和const命令 1.let命令 基本用法 ： ES6 新增了let命令，用来声明变量。 注意：所有生命的变量旨在let命令所在代码块中有效，也就是{}中 { let a = 10; var b = 1; } a // ReferenceError: a is not defined. b // 1 1.1 不存在变量提升 变量提升 ：var命令会发生“变量提升”现象，即变量可以在声明之前使用，值为undefined。 这样很容易出现各种问题，let声明的变量不存在变量提升 //
2020-07-31 22:17:18
212
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人