随笔分类 -  前端开发

摘要:引入组件 在main.js文件中,代码如下 /** * highcharts */ import Highchart from "highcharts/highcharts";//基础组件 import HighchartsVue from "highcharts-vue";//vue组件 impo 阅读全文
posted @ 2022-12-21 11:17 话·醉月 阅读(316) 评论(0) 推荐(0) 编辑
摘要:饼状图中心标题 处于中心:floating optionsData.title = { floating: true, text: allMinerNum }; 饼状图事件 events plotOptions: { pie: { point: { events: { mouseOver: (e) 阅读全文
posted @ 2022-11-10 11:26 话·醉月 阅读(42) 评论(0) 推荐(0) 编辑
摘要:16进制颜色(#000000-#FFFFFF) /** * 随机生成16进制颜色 * @returns */ const randomHexColor = function () { var hex = Math.floor(Math.random() * 16777216).toString(16 阅读全文
posted @ 2022-06-22 14:26 话·醉月 阅读(1538) 评论(0) 推荐(0) 编辑
摘要:背景 系统需要展示一张世界地图 关键条件 下载highchartsMap依赖包 npm i @highcharts/map-collection -S 导入地图依赖 /** * 导入地图依赖包 */ import Highcharts from 'highcharts'; // 必须导入 impor 阅读全文
posted @ 2022-06-21 16:25 话·醉月 阅读(742) 评论(0) 推荐(0) 编辑
摘要:宽 网页可见区域宽:document.body.clientWidth 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页正文全文宽:document.body.scrollWidth 屏幕分辨率的宽:window.screen.width 屏幕可用工作区宽度 阅读全文
posted @ 2022-03-22 17:23 话·醉月 阅读(49) 评论(0) 推荐(0) 编辑
摘要:区别 created 作用:页面渲染之前进行调用,通常在html生成之前进行数据初始化,数据在页面渲染之前生成。 mounted 作用:页面渲染之后进行调用,通常用于改变某些dom数据或者属性。 Vue生命周期如下图 阅读全文
posted @ 2022-03-22 17:14 话·醉月 阅读(1038) 评论(0) 推荐(0) 编辑
摘要:问题 Vue项目中,导入某个自定义js文件时,报错:export 'XXXX' was not found in './XXXX.js' 原因 ES6 编译器识别问题 解决方法 修改自定义js文件格式如下(文件名称:farmApi.js) /** * 增加农场 * @param {*} data * 阅读全文
posted @ 2022-03-22 16:40 话·醉月 阅读(5170) 评论(0) 推荐(0) 编辑
摘要:legend 作用:图例是一个框,其中包含图表中每个系列项目或点项目的符号和名称。 代码: legend: { enabled:true, layout: 'vertical', align: 'right', verticalAlign: 'middle' } plotOptions 作用:绘图选 阅读全文
posted @ 2022-03-22 16:11 话·醉月 阅读(205) 评论(0) 推荐(0) 编辑
摘要:背景 在前端Vue项目中,需要自定义axios请求拦截器。 配置 建立js文件:axiosUtil.js,文件内容如下 import axios from 'axios';import ElementUI from 'element-ui'; const service = axios.create 阅读全文
posted @ 2022-02-21 21:44 话·醉月 阅读(541) 评论(0) 推荐(0) 编辑
摘要:背景 Vue前端项目,需要设置浏览器小图标,如下图: 网上有很多教程,说直接在public/index.html中修改图标路径。可是我的项目没有使用index.html作为项目首页,所以此方法行不通。 开发环境 vue cli3 方法 网上有很多教程,说直接在public/index.html中修改 阅读全文
posted @ 2021-12-03 18:36 话·醉月 阅读(1918) 评论(0) 推荐(0) 编辑
摘要:背景 前端遍历一个对象数组,遍历对象的某个元素时需要根据不同的值显示不同的效果,这里外层采用v-for遍历数组,元素值使用v-if进行值判断。 代码 <div id="unSubmit" v-show="unSubmits != undefined && unSubmits.length != 0" 阅读全文
posted @ 2021-11-02 19:11 话·醉月 阅读(14014) 评论(0) 推荐(0) 编辑
摘要:some() 用法 对数组中的每一个元素进行遍历,遇到return true退出循环 示例 var list=[1,2,3,4,5,6] var sum = 0; list.some(obj->{ sum = sum + obj; if(obj 5) return true }) console.l 阅读全文
posted @ 2021-03-08 11:41 话·醉月 阅读(921) 评论(0) 推荐(0) 编辑
摘要:npm ERR! E:\Git\cmd\git.EXE ls-remote -h -t git://github.com/adobe-webplatform/eve.git 阅读全文
posted @ 2020-09-20 14:54 话·醉月 阅读(17491) 评论(0) 推荐(1) 编辑
摘要:共同点 两个方法都可以在一个数组内增添新的元素,参数都是无限的参数列表,使用方法如下 var testPushArr=[];testPushArr.push(item1,item2,item3...);var testConcatArr=[]; var concatArr = testConcatA 阅读全文
posted @ 2020-01-27 20:52 话·醉月 阅读(605) 评论(0) 推荐(0) 编辑
摘要:背景 在vue页面传递数据的过程中,传递数据的引用地址并不会改变,所以当我们改变一些数据时,数据源 也会随之改变。可是有很多情景,我们改变传递的数据,并不需要源数据值发生变化,这时我们就需要对数据进行加工,使数据引用地址发生变化即可。 方法 使用JSON方法将数据解析成字符串,之后再转换成JSON对 阅读全文
posted @ 2019-08-13 22:17 话·醉月 阅读(13348) 评论(1) 推荐(1) 编辑
摘要:前提 安装好node.js、npm、vue-cli。为什么要先安装这些,建议查看https://www.cnblogs.com/zuiyue_jing/p/10673875.html,这个对于vue-cli理解很重要。 步骤 安装node.js 搜索node.js进入官网,直接下载node.js安装 阅读全文
posted @ 2019-04-09 22:40 话·醉月 阅读(1974) 评论(0) 推荐(0) 编辑
摘要:node.js介绍 Node 是一个让 JavaScript 运行在服务端的开发平台,使用JavaScript也可以开发后台服务。说明白些它仅仅是一个平台,我们使用vue开发必须要安装node.js。 npm介绍 npm 是 Node.js 官方提供的包管理工具,他已经成了 Node.js 包的标准 阅读全文
posted @ 2019-04-08 22:10 话·醉月 阅读(4365) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示