Heby的博客

原创 Echarts 实现 设备运行状态图(甘特图) 工业大数据展示

以上就是echarts性能图的option配置。

原创 如何自定义iview树形下拉内的内容

2. 使用树形结构中的render函数来定义子组件。1.使用render函数给第一层父级定义。

原创 小程序学习(六):全局配置

注意:在app.json中启用下拉刷新功能,会作用于你每个小程序页面!注意:navigationBarTextStyle的可选值只有。注意:bagroundTextStyle的可选值只有。loading的样式。

原创 小程序学习(五):WXSS模板语法

WXSS是一套样式语言,用于美化WXML的组件样式,类似于网页开发中的CSS使用WXSS提供的@import语法,可以导入外联的样式表。

原创 小程序学习(四):WXML模板语法

实现步骤：①定义数据②渲染结构③美化结构④绑定input事件处理函数。

原创 小程序学习(三):小程序的宿主环境

宿主环境指的是程序运行所必须的依赖环境。例如:Android系统和IOS系统是两个不同的宿主环境。安卓版的微信App是不能在IOS环境下运行的,所以Android是暗转软件的宿主环境,脱离宿主环境的软件是没有任何意义的!

原创 小程序学习(二):代码的构成

WXML是小程序框架设置的一套标签语言用来构建小程序页面的结构,其作用类似于页面开发的HTMLWXSS是一套样式语言,用于描述WXML的组件样式,类似于网页开发中的CSS。

原创 vue中get传参和post传参的区别

如果这样就觉得get传参比post好那是不对的,发送一次包的时间和发送两次包的时间差基本可以无视,而在网络环境差的情况下,两次包的TCP在数据包完整上,有非常大的优点,所以不能一概而论。,由于浏览器的限制导致在应用过程中体现出一些不同,就是get的url传参所携带的参数收到了大小限制。(但并不是所有的浏览器都发送两次包,FireFox就只发送一次)get和post还有一个重大的区别,简单来说就是。get产生一个TCP数据包。post产生两个数据包。本质上都是TCP链接。

原创 小程序学习(一):基本知识点笔记

只需要调整app.json->pages数组中页面路径的前后顺序,即可修改项目首页。项目根目录中的sitemap.json配置文件(用来配置小程序页面是否允许微信索引)(allow是允许索引,disallow是不允许索引)(.josn文件来对本页面的窗口外观进行配置,页面中的配置项会覆盖app.json的window中相同的配置项)但是,小程序中可以调用微信环境提供的各种API,例如:地理定位、扫码、支付...app.json小程序项目的全局配置文件。pages用来存放所有的小程序的页面。

原创 vue使用iview组件时会出现浏览器填充怎么解决

当使用iview的input属性组件,偶尔会出现浏览器缓存填充,如何去解决这个问题呢?暂时只找到这个笨方法,使用一样的把原本填充的覆盖掉。就是一样的组件写一边然后加上新的样式。

原创 跳转页面为什么不重新加载

n。

原创 css数字字体的运用

当在还原ui给的原型图过程中,这个数字的字体直接复制蓝湖里面的字体不会生效,那么我们应该怎么去做呢?1.在公共样式的字体样式文件夹中加入一个css文件,我取名叫numberFont。3.再把这个文件在main.js引入,变成全局可用的字体。2.在这个文件中写入引入,下面就是引入的代码。4.最后在你所需要的地方写上,就大功完成了。

原创 js动态更改div背景不变化

动态改变后控制台打印地址是对的但是不显示,原因是因为style的图片样式。

原创 如何制作鼠标放上后显示的放大镜(类似淘宝放大镜)

1.首先在html内布局div和放入鼠标移入和移出事件,再在方法内写入获取缩放的位置方法。2.在style样式内配置样式。

原创 append上传数组变成多个小数组如何解决

为什么会造成这种问题呢?因为append传参数组需要转换成字符串的形式。append()是从到所选元素的末尾开始拼接。prepend()是从所选元素的开头开始拼接。

原创 echarts的x轴或者y轴文本太长省略号后鼠标浮上显示内容

2.在所需要的轴开启triggerEvent,这个性质是拿来开启点击事件。1.在xAxis或yAxis设置取的文本大小。3.在重置图表的地方配置事件。

原创 echarts本地地图可以显示,打包后却不可以显示的解决方法

2. 打开项目中的node_modules文件夹，找到echarts 文件夹，打开后找到，package.json，在package.json中 sideEffects 里面添加"map/js/china.js"1.首先低版本的echarts需要自己手动添加map。

原创 在vue项目内如何使用mathjax

mathjax

原创 echarts-pie图的标签文字怎么显示在横向上限

{ name: '', type: 'pie', radius: ['40%', '68%'], // avoidLabelOverlap: false, label: { show: true, normal: { color: 'white', formatt...

原创 echarts的提示框设置样式和增加单位

formatter: (params) => { // console.log(1111,params) let relVal = params.name let typeList = indicator // let marker =<span style="display:inline-block;margin-right:4px;border-radius:4px;width:.

原创 echarts根据屏幕自适应

原创 Vue数组的展开(...this.XXX)

...就是把数组展开为对象,作用类似于合并成一个数组的作用,这样会使数组处理使用更加规范性。

转载 echarts 特效柱状图

option = { backgroundColor:'#031d33', legend: { top: "20", x: "center", textStyle: { fontSize: 16, color: "rgba(101, 213, 255, 1)" }, icon: "path://M512 881...

原创 vue的for循环无法判断是何原因?

// this.selectedGuidData从后台获取固定不变this.selectedGuidData= { guid:'...', series:[{Name:'AA',Value:'..'},{Name:'BB',Value:'..'},{Name:'CC',Value:'..'}], xAxis:[...] }//list根据多选框进行改变,数据是选中的 举例['AA','BB']let chartData = { .

原创 vue的数组内对象交换位置后怎么重新渲染

交换数组内对象1.[X,Y]=[Y,X]let list =[1,2,3,4][list[1],list[2] ]=[list[2],list[1]]console.log(list)//[2,1,3,4]2. 直接设置变量换//用于交换前面和后面两个对象的let a =list[i]list[i]=list[i+1]list[i+1]=a重新渲染//用于数组重新渲染this.list=JSON.parse(JSON.stringify(this.list))..

原创 css3 @property

语法@property --propery-name { syntax: '<color>'; inherits: false; initial-value: #c0ffee;}syntax：语法 @property --my-color：声明一个自定义属性 --mycolor inherits：是否允许继承 initial-value：初始值@property规则中syntax和inherits描述符是必需的; 如果其中任何一项缺失, 整条规则都将失效...

原创 前端导入文件到后台

//文件导入后台需要使用formData() let data = new FormData() //多文件导入需要循环导入 for (let i = 0; i < this.spectrumFiles.length; i++) { data.append('spectrumFiles', this.spectrumFiles[i]) } data.append('proFile', this.proFile) ...

原创 前端获取后台文件导出

DownloadOriginalFile () {//直接跳转下载// window.open(`../../../../UploadFiles/CrudeOil/${this.selectedRow.fileStoreName}`)let data = {id: this.selectedRow.id}//文件流下载axios.request({url: ' ',params: data,method: 'get',responseType: 'arraybuffer'})...

原创 性能优化知识2(v-if和v-show的区别)

v-if和v-show对比v-if当条件为false是,压根不会有对应的元素在DOM中v-show当条件为false时,仅仅是将元素的display属性设置为none在开发中如何选择呢?当需要在显示与隐藏之间切片很频繁时,使用v-show当只有一次切换时,通过使用v-if性能上v-if为什么优化?在用户不触发的时候,不会渲染上这块内容,节省了内存,加快了速度;v-show虽然不触发时候不显示,但是他依旧存在,因此相较而言v-if的空间更加节省性能更加优化。...

原创 性能优化知识1(for和forEach的区别)

for和forEach的区别:他们大体上是相似的,但是forEach是不能改变原数组的值,for是可以的;forEach在遍历数组的时候比for循环方便。接下来是学习到的新知识:1.性能? 性能表现在时间和内存上的2.for和forEach在性能上的区别 四种for循环的耗时和内存forEach的耗时和内存...

原创 iview点击表格内容触发事件

customFeedListColumns: [ { type: 'selection', width: 60, align: 'center' }, { title: '名称', key: 'name', align: 'center', render: (h, params) => { ..

原创 初次了解防抖和节流

前言在做项目的图表联动中遇到一个问题:计时器setTimeout放在操作里面还是外面?操作结果看不出区别,那他有什么作用?以上两种方法,单看效果来说都是能进行图表联动,但是他们的业务逻辑并不相同第一种计时器内放操作:它里面的判断是否已经渲染并不会影响操作,因此这个计时器并没有任何效果;第二种操作内放计时器:在触发操作的时候先判断在200毫秒内是否触发了这个操作,如果触发了前面的触发就不实现因此,我了解到了防抖和节流为什么要防抖和节流?防抖和节流严格算起来应该属于性能优化

原创 echarts多图表联动

echarts的多图表联动有两个方法方法一:官网实例在配置项内关联Examples - Apache EChartshttps://echarts.apache.org/examples/zh/editor.html?c=dataset-link方法二:使用connect进行联动(1条消息) ECharts 联动效果_出埃及记-CSDN博客https://blog.csdn.net/u014452812/article/details/78202789第二种联动方法在性能还是代码的可维护性都不是

原创 js获取当前时间并且实时更新

首先,确定想要的时间格式,然后进行处理(以下的格式是yy-mm-dd hh-mm-ss,如:2021-10-09 08:58:30)Vue.prototype.CustomMethods.getCurrentTime = function (d) { let datetime = new Date() if (d){ datetime = new Date(d) } let year = datetime.getFullYear() let month = datetime

原创 vue如何进行页面宽度适配

首先,在方法methods内创建适配方法(适配的大小比例可以根据实际情况进行修改,下面是pc端大多情况下可以使用的) resizeWidth () { this.$nextTick(() => { let width = $('#app').width() - (this.$store.state.app.collapsed ? 83 : 210) let scale = (width / 1880) < 0.6354 ? 0.6354 :.

原创 js计时器的制作

首先,在你需要计时的方法内启动计时器,然后在你完成后想要停止的地方停止计时器方法//启动计时器()this.runTime=1let interval = setInterval(() => { this.runTime++ }, 1000)//停止计时器clearInterval(interval)例子如下图所示:...

原创 vue获取当前时间并且实时更新

<template> <div> {{nowTime}} </div></template><script> export default { name:"", data(){ return { currentTime:'',//当前时间 } }, methods:{ NowTime(){ this.currentTime = t.

原创 2021前端面试题合集

点击跳转详细页面2021前端CSS面试题归纳2021前端HTML面试题归纳2021前端JavaScript、ES6面试题归纳2021前端vue面试题归纳

原创 2021前端JavaScript、ES6面试题归纳

JS、ES6篇es6的新特性const let 模板字符串 箭头函数 函数的参数默认值 对象和数组解构 for...of 和 for...in怎么用es5实现promisePromise是ES6才引入的一个东西,他是一种异步编程的解决方案if有作用域吗只有函数有作用域，if是没有作用域的。但是有一种情况会让if看上去有作用域，就是在if {}语句中，使用const、let，他们会有块级作用域。(因为const、let才拥有块级作用域 )原型链和作用域链的

原创 2021前端CSS面试题归纳

CSS篇实现一个div在不同分辨率下的水平垂直居中//方法一:使用百分比.content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100px; height: 100px;}//方法二:使用flex布局html,body { width: 100%; .