自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

jo_an_na的博客

个人成长记录

  • 博客(46)
  • 收藏
  • 关注

转载 vue项目起服务的时候,内存溢出的解决方法

报错信息如上图解决方法:还是不行?仅需在 node_modules 文件夹搜索 “%_prog%” 替换成 %_prog% (即去掉双引号)若是无法全局替换 node_modules 文件的 “%_prog%” 需要暂时删除红框部分,替换完再添加上。(【文件-首选项-设置】搜索 Search: Exclude)如图:...

2022-06-22 13:59:30 1305 1

原创 三种方式实现echarts树图的背景图片设置

option: { tooltip: { trigger: 'item', // s鼠标放上去显示值 triggerOn: 'mousemove', }, series: [ { type: 'tree', id: 0, name: 'tree1', data: [ // {.

2020-09-16 09:19:58 4655

原创 vsCode常用插件(附截图)

Beautify–格式化代码Chinese (Simplified) Language Pack for Visual Studio Code–汉化转中文Color Highlight–颜色代码高亮插件CSScombDebugger for ChromeESLintopen in browserPath AutocompletePrettier - Code formatterTODO HighlightVetur–vue单文件能够像html,js,css一样编写,.

2020-08-14 14:05:16 848

原创 vscode插件配置

{ // 皮肤主题 "workbench.colorTheme": "Monokai", // "workbench.colorCustomizations": { "editor.selectionBackground": "#083d5a" }, // 编辑粘贴自动格式化 "editor.formatOnPaste": false, // 控制字体系列。 "editor.fontFamily": "pingfang

2020-08-14 11:54:37 290

原创 2020-08-13

{ "editor.wordWrap": "on", "workbench.editor.revealIfOpen": true, "zenMode.restore": true, "workbench.startupEditor": "newUntitledFile", "window.restoreWindows": "all", "prettier.semi": false, "prettier.singleQuote": true, "

2020-08-13 16:51:12 114

原创 前端判断结束日期不能大于开始时间6个月

if((finsh.getFullYear() - start.getFullYear())*12 + (finish.getMonth()-start.getMonth()) >= 6) {this.$message('结束日期不能超过查询日期6个月')return false}

2020-08-13 15:53:43 1710

原创 echarts自适应屏幕大小Vue

<template> <div id="main" v-loading="loading"> <h3 class="title-h3">报事量分析(不含查询当日)</h3> <div id='myChart' ref="myChart"></div> </div></template>methods:{initEcharts() { this.myCha.

2020-08-05 14:17:15 616

原创 解决echarts饼图不显示数据为0的数据

数据为0 时,改为null

2020-08-05 14:14:32 2163

原创 this.$set的详细用法

template中的模板 <ul> <li >{{list.name}}</li> </ul> <button @click="changValue"></button>data里的数据 list: { name: 'zhangsan', age: 'lisi', id: 1},methods给list添加一个sex:femal的属性

2020-07-15 14:24:10 746

原创 vscode插件vetur格式化代码

{“editor.wordWrap”: “on”,“workbench.editor.revealIfOpen”: true,“zenMode.restore”: true,“workbench.startupEditor”: “newUntitledFile”,“window.restoreWindows”: “all”,“prettier.semi”: false,“prettier.singleQuote”: true,“prettier.requireConfig”: true,“

2020-07-15 14:16:03 1197

原创 VSCode中格式化vue文件时,js代码会被自动添加上分号,单引号转为双引号

在VSCode设置文件(settings.json)中,添加如下规则:"vetur.format.defaultFormatterOptions": { "prettier": { "semi": false, "singleQuote": true } }

2019-04-29 17:51:25 3011

原创 Resolve error: unable to load resolver "node" src\main.js:1:1

✘ https://google.com/#q=import%2Fno-duplicates Resolve error: unable to load resolver "node" src\main.js:1:1 // The Vue build version to load with the `import` command ^ 1 https://googl...

2019-04-22 14:54:50 4084

原创 静态HTML页面如何加入公共头尾(附代码)

制作一个共用头部文件head.js和一个共用底部文件foot.js。如主页文件是index.htm,调用头部和底部文件的方法是:在主页文件代码的开始位置和结束位置分别增加下面的代码:比如:footer.js文件------根据上面的footer.html,利用转换工具:http://tool.chinaz.com/Tools/Html_Js.aspxfooter.html <footer...

2019-04-18 11:21:08 4713

原创 解决安装sass时报错的问题

ERROR: SSL verification error at depth 0: certificate has expired (10)ERROR: Certificate /C=CN/ST=ZheJiang/L=HangZhou/O=Alibaba (China) Technology Co., Ltd./CN=*.taobao.org expired at 2018-12-05T03...

2019-04-10 14:02:54 2020 1

原创 elementUI + i18n 国际化翻译

import Vue from 'vue';import VueI18n from 'vue-i18n';import eleLocale from 'element-ui/lib/locale';import enLocale from 'element-ui/lib/locale/lang/en';import zhLocale from 'element-ui/lib/locale...

2018-12-06 15:59:44 979

原创 邮箱,身份证,手机号,密码正则

/** * 获取cookie * @param {String} 要获取的cookie的name * @return {Object} 返回对应cookie的value */export const getCookie = (name) =&amp;gt; { const arr = document.cookie.match(new RegExp('(^| )' + name + '=([...

2018-11-07 10:08:41 331

原创 elementUI怎么用上传头像组件upload

&lt;el-upload class="avatar-uploader" action="123" :http-request="upLoad" :show-file-list="false" :on-success="handleAvatarSuccess" :before-upload="beforeAv

2018-09-30 14:09:27 11322

原创 elementUi 按需引入

import { Table, TableColumn } from 'element-ui'Vue.use(Table)Vue.use(TableColumn)

2018-08-28 15:31:44 1158

原创 js原生 页面回到顶部

mounted() { document.documentElement.scrollTop = 0; // ie下 document.body.scrollTop = 0; // 非ie }

2018-08-22 14:50:38 322

原创 elementUI 分页如何使用

template写 &lt;!-- 分页 --&gt; &lt;div class="block"&gt; &lt;el-pagination layout="prev, pager, next" :total="total" :current-page.sync="currentPage" :page-size="pageSi

2018-08-22 10:52:53 7772

原创 vue单页应用,加入分页后,点击到第二页的时候,进入某个详情页,然后点击浏览器后退按钮,并没有返回到第二页,而是返回到了首页,并且刷新了页面,此时用keepAlive解决

备注https://www.cnblogs.com/sysuhanyf/p/7454530.html 这个比我写的更详细,我只是保留下我的实际代码,方便以后查阅;import Vue from 'vue';import Router from 'vue-router';import CompanyList from '@/views/Company/List';import Co...

2018-08-22 10:38:50 3731

原创 vue 单页应用点击某个链接,跳转到新页面的方式

&lt;router-link class="goDetail" :to="{name: 'detail',params: {id:item.id}}" target = _blank&gt;查看详情&lt;/router-link&gt;

2018-08-21 14:13:33 11327

原创 echarts 修改k线图的tooltips名称

var option = this.priceChart.getOption() console.log(option) var kpEn = this.$dirct('开盘') var zdEn = this.$dirct('最低') var spEn = this.$dirct('收盘') var zgEn = this.$dirct...

2018-08-17 11:17:44 3107 1

原创 echarts 在vue中的完整使用(K线图)拷贝代码直接出效果

&amp;lt;template&amp;gt; &amp;lt;div id=&quot;main&quot;&amp;gt; &amp;lt;button&amp;gt;我是按钮&amp;lt;/button&amp;gt; &amp;lt;div id='myChart' ref=&quot;myChart&quot; &amp

2018-08-17 10:26:58 6409 2

原创 同时包括字母及数字。6-20位字符,区分大小写 正则表达式

var reg = 11 &amp;&amp; /^[1][3,4,5,6,7,8,9][0-9]{9}$/;判断密码是否符合规则 同时包括字母及数字。6-20位字符,区分大小写 const reg = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,20}$/; 使用`!reg.test(this.passwordModel`...

2018-08-16 17:11:32 10566

原创 低版本浏览器(chrome小于40 firefox小于50 ie小于9)会提示升级信息

window.onload=function(){ var browserInfo1 = function (userAgent) { var u = userAgent || navigator.userAgent; var self = this; var match = { //内核 'Trident': u....

2018-08-15 11:08:27 1168

原创 中英切换

let common = { // 最新官价(英文不做) '品种': 'Grade', '准确率:': 'Precision', '收盘价': 'Closing Price', '最高价': 'Peak Price', '最低价': 'Bottom Price',}function getUrlPargams (name) { var reg = new RegEx...

2018-08-13 15:45:06 407

原创 echarts按需引入在vue中实践

let echarts = require(‘echarts/lib/echarts’) require(‘echarts/lib/chart/line’) require(‘echarts/lib/component/tooltip’)this.myChart.setOption(this.echartsOption)

2018-08-13 15:31:34 3191

原创 正则替换HTML内容

this.textHtml = res.data.response.textHtml.replace(/(\r\n)|(\n)/g, '').replace(/&lt;br&gt;\s*&lt;br&gt;/g, '&lt;/div&gt;&lt;div&gt;').replace(/&lt;br&gt;/g, '').replace(/TABLE-LAYOUT: fixed/, '').repl...

2018-08-10 10:18:57 1327

原创 vue子组件报错 Do not use built-in or reserved HTML elements as component id: input

[Vue warn]: Do not use built-in or reserved HTML elements as component id: input 把name: ‘input’,改为 name: ‘inputBox’; 就可以了

2018-07-20 14:29:15 966

转载 移动端限制input框只能输入数字,在iOS不生效的解决办法

&amp;amp;lt;input class=&amp;quot;num_input&amp;quot; type='number' pattern=&amp;quot;[0-9]*&amp;quot;/&amp;amp;gt;在移动端,还要区分是安卓用户,还是ios用户,所以这样写:在安卓端设置input类型为number,可限制键盘只输入数字,在ios端,要加入pattern验证输入字段的模式,才能限制数字输入。...

2018-07-19 10:54:02 8663 2

转载 格式化日期为自定义2018-01-09

// 格式化日期 timestampToTime (timestamp) { var date = new Date(timestamp) // 时间戳为10位需*1000,时间戳为13位的话不需乘1000 const Y = date.getFullYear() + '-' const M = (date.getMonth() + 1...

2018-07-04 17:00:08 823

转载 时间转化,多少分钟前,多少秒前

// 转化时间ago timeago (dateTimeStamp) { var result = '' var minute = 1000 * 60 // 把分,时,天,周,半个月,一个月用毫秒表示 var hour = minute * 60 var day = hour * 24 var week = day * 7 ...

2018-07-04 16:57:53 1000

转载 判断版本号

versionfunegt(ver1, ver2) { var version1pre = parseFloat(ver1) var version2pre = parseFloat(ver2) var version1next = ver1.replace(version1pre + '.', '') var version2next ...

2018-07-04 16:47:24 381

原创 Vue-Pull-To vue的上拉加载,下拉刷新

参考文档 https://github.com/stackjie/vue-pull-to/blob/master/README.zh-CN.md

2018-06-07 15:19:46 7937

原创 js 格式化日期

// 获取年月 getYearMonth (date) { var year = Number(date.getFullYear()) // 年 var month = Number(date.getMonth()) // 月份(月份是从0~11,所以显示时要加1) return [year, month &amp;amp;lt; 10 ? '0' + (month +...

2018-06-05 20:49:32 252

原创 英文单词按字母顺序排序

var array = ["azx", "abc", "der", "cxy"]; array = array.sort(function (item1, item2) { return item1.localeCompare(item2) }) console.log(array)

2018-06-05 20:48:43 4557

转载 js 替换

/&lt;\/?[^&gt;]*&gt;/g最后面的 g 表示 全局匹配(查找所有匹配),如果没有这个g只查找第一个 &lt; 就是这个符号 \S 查找非空字符 [^&gt;] 查找除&gt;之外的字符 * 是数量词,表示零个或零个以上 就是这个符号 合起来是: 1、以&lt;开头 2、后面紧邻的不是非空字符(空格、回车、制表符、换页、换行等) 3、再后...

2018-06-04 19:47:40 121

原创 js 格式化日期

// 获取年月 getYearMonth (date) { var year = Number(date.getFullYear()) // 年 var month = Number(date.getMonth()) // 月份(月份是从0~11,所以显示时要加1) return [year, month &lt; 10 ? '0' + (month +...

2018-06-04 19:45:51 398

原创 echarts 配置项

echartsOption: { title: { text: '最新官价走势图', x: 'center', y: 'bottom', textStyle: { fontSize: '12px', color: '#999' } ...

2018-05-12 15:05:29 281

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除