echarts范围限制下性能问题 原来的代码是创建一个数组,然后遍历原数组,超过的push100,低于0的push0,在中间的按原值传,但我觉得这会导致性能问题,一旦传入多个值,会严重影响性能(别问我为什么知道的)这时候我想起map,map的性能是很差的,但是不需要创建数组的情况下是否会比forEach+新数组push更优呢,直接开始实践~最近实习遇到一个问题,需要对折线图的数据进行范围限制,比如将超过100的设置为100,低于0的设置为0;他的说法是,使用map的算法更加清晰简洁。500W数据的输出结果。引用了这个博主的文章。
git上传方法 https://blog.csdn.net/weixin_46508271/article/details/121202829https://blog.csdn.net/UUUUUnnn/article/details/125945902
echarts折线图改变y轴刻度 目前项目有个要求,比如y轴数据大部分在几百,但是有个峰值达到了1W。。这样导致经常出现的几百的数据变化不明显,这时候就需要对y轴数据进行处理,将不经常出现的数据范围进行缩小,比如1-500和500-5000的间距变为一样,这样就可以方便看到数据的变化了。针对两个问题有两种解决方法:1. 不要求y轴数据的规律,这时候可以用开立方缩小数据的间隙。2.要求y轴数据间隙有一定规律效果图:100,200,500,1000
Vue--Vuex Vuex是将需要共享的数据(状态)放到Vuex内,其他不需要共享的可以放在组件内,从而达到共享的目的。在需要对数据(状态)进行共享,使其具有修改功能时候,全局事件总线与Vuex的实现是不一样的。全局事件总线需要给组件设置绑定和$emit,在很多很多组件的时候会比较乱。
Vue--插槽slot 默认插槽很简单,只需要在App中将组件写为双标签格式,并在标签内写入需要插入的标签或者内容,然后再组件中需要插入的位置写上slot标签,slot标签内可以写无插入默认显示的内容,当然不写也是可以的。当类似结构的组件需要插入不同元素的时候,可以使用插槽。
Vue--github案例--搜索 除了注册相应的组件外,需要引入bootstrap,但是bootstrap中用到不需要用的字体,这时候如果用放在src/assets/css中并import则vue会严格检查并报错,所以这时候要么把字体也下下来,要么可以放在public中,即public/css/bootstrap.css,因为没用到字体,就放在public中。在public下的index.html中用link引入,因为所有组件最后都放入了index里的app内。这其中还涉及到第一次访问,加载文字,以及错误信息。
Vue--axios 注意:public为代理服务器的根路径,如果里面的文件对应了请求的数据,那么直接将public内的该文件内的数据返回,不会请求,并且这种方法只能配置一个代理服务器。API文档:https://cli.vuejs.org/zh/config/#devserver-proxy。这里服务器端口号是5000,本地是8080,如果直接运行就会报错,因为跨域了。App中的请求应该发给代理服务器,因此应该是8080端口。只需要在vue.config.js中粘贴相应的代码即可。这里用vue-cli学习成本低点。
CSS、JS遗忘知识查漏补缺 xxxhasOwnProperty(‘yyy’)报错,改为Object.prototype.hasOwnProperty.call(xxx, “yyy”)null和和数字x相加为数字x(null自动为0),而和字符串xxx相加变为nullxxx。undefined和数字相加为NaN,而和字符串xxx相加变为undefinedxxx。boolean的true和false在加法运算中true当1,false当0。动画循环效果,可以与animate结合使用。
Layui、Jquery、Echarts项目问题总结 Layui问题Layui导航渲染失败问题Layui导航渲染失败问题写项目的时候,被一个问题难到了。layui的导航在动态插入导航项的时候,标签下面的颜色样式lay-this会消失,捣鼓了很久。首先在插入li之前删除span,用谷歌开发者工具可以看到一个span,其实就是这个颜色样式,将它移除$("#mainmenu span").remove();然后添加完li后,再渲染。layui.use('element', function () { var element = layui.el
Vue--列表 v-forv-forv-forv-for事实上跟for循环的逻辑类似,遍历数组、对象、字符串、固定数值,遍历所给的参数也是不一样的数组=(obj, index)对象=(value, key)字符串=(char, index)固定数值(number, index)<div id="testBox"> <ul> <!--这里in变成of也可以--> <!--遍历数组--> <li v