- 博客(135)
- 收藏
- 关注
RSS订阅原创 echarts范围限制下性能问题
原来的代码是创建一个数组，然后遍历原数组，超过的push100，低于0的push0，在中间的按原值传，但我觉得这会导致性能问题，一旦传入多个值，会严重影响性能（别问我为什么知道的）这时候我想起map，map的性能是很差的，但是不需要创建数组的情况下是否会比forEach+新数组push更优呢，直接开始实践~最近实习遇到一个问题，需要对折线图的数据进行范围限制，比如将超过100的设置为100，低于0的设置为0；他的说法是，使用map的算法更加清晰简洁。500W数据的输出结果。引用了这个博主的文章。
2023-08-22 17:18:15
316
原创 git上传方法
https://blog.csdn.net/weixin_46508271/article/details/121202829https://blog.csdn.net/UUUUUnnn/article/details/125945902
2023-03-24 12:45:27
178
原创 echarts折线图改变y轴刻度
目前项目有个要求，比如y轴数据大部分在几百，但是有个峰值达到了1W。。这样导致经常出现的几百的数据变化不明显，这时候就需要对y轴数据进行处理，将不经常出现的数据范围进行缩小，比如1-500和500-5000的间距变为一样，这样就可以方便看到数据的变化了。针对两个问题有两种解决方法：1. 不要求y轴数据的规律，这时候可以用开立方缩小数据的间隙。2.要求y轴数据间隙有一定规律效果图：100，200，500，1000
2022-12-04 15:06:21
6545
原创 Vue--Vuex
Vuex是将需要共享的数据（状态）放到Vuex内，其他不需要共享的可以放在组件内，从而达到共享的目的。在需要对数据（状态）进行共享，使其具有修改功能时候，全局事件总线与Vuex的实现是不一样的。全局事件总线需要给组件设置绑定和$emit，在很多很多组件的时候会比较乱。
2022-10-24 13:07:13
200
原创 Vue--插槽slot
默认插槽很简单，只需要在App中将组件写为双标签格式，并在标签内写入需要插入的标签或者内容，然后再组件中需要插入的位置写上slot标签，slot标签内可以写无插入默认显示的内容，当然不写也是可以的。当类似结构的组件需要插入不同元素的时候，可以使用插槽。
2022-10-22 09:24:19
290
原创 Vue--github案例--搜索
除了注册相应的组件外，需要引入bootstrap，但是bootstrap中用到不需要用的字体，这时候如果用放在src/assets/css中并import则vue会严格检查并报错，所以这时候要么把字体也下下来，要么可以放在public中，即public/css/bootstrap.css，因为没用到字体，就放在public中。在public下的index.html中用link引入，因为所有组件最后都放入了index里的app内。这其中还涉及到第一次访问，加载文字，以及错误信息。
2022-10-21 14:12:14
215
原创 Vue--axios
注意：public为代理服务器的根路径，如果里面的文件对应了请求的数据，那么直接将public内的该文件内的数据返回，不会请求，并且这种方法只能配置一个代理服务器。API文档：https://cli.vuejs.org/zh/config/#devserver-proxy。这里服务器端口号是5000，本地是8080，如果直接运行就会报错，因为跨域了。App中的请求应该发给代理服务器，因此应该是8080端口。只需要在vue.config.js中粘贴相应的代码即可。这里用vue-cli学习成本低点。
2022-10-20 18:07:12
341
原创 Vue--动画效果与过度效果
transition标签不会呈现在浏览器元素选项上，将相应动画效果的内容放置在transition标签内，并且设置相应class的样式，可以实现动画效果。
2022-10-17 20:57:36
345
原创 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结合使用。
2022-10-14 11:52:57
173
原创 Layui、Jquery、Echarts项目问题总结
Layui问题Layui导航渲染失败问题Layui导航渲染失败问题写项目的时候，被一个问题难到了。layui的导航在动态插入导航项的时候，标签下面的颜色样式lay-this会消失，捣鼓了很久。首先在插入li之前删除span，用谷歌开发者工具可以看到一个span，其实就是这个颜色样式，将它移除$("#mainmenu span").remove();然后添加完li后，再渲染。layui.use('element', function () { var element = layui.el
2022-05-27 00:31:40
626
原创 Vue--列表
v-forv-forv-forv-for事实上跟for循环的逻辑类似，遍历数组、对象、字符串、固定数值，遍历所给的参数也是不一样的数组=(obj, index)对象=(value, key)字符串=(char, index)固定数值(number, index)<div id="testBox"> <ul> <!--这里in变成of也可以--> <!--遍历数组--> <li v
2022-05-24 00:30:42
3407
原创 Vue--v-show和v-if
条件渲染目录v-show和v-ifv-show和v-ifv-show与v-if的区别就是，v-show如果值为false的时候只是添加了一个样式display：none，而v-if直接标签都没有，相比来说show的话一般应用在需要频繁切换的场合，if一般在一次性场合使用（实际开发过程中，v-if用的比较多），这是因为，v-show只是修改了display，而v-if是不断的在dom里面增加以及删除节点。当然不管是哪个，都可以修改为true或者false来决定是显示还是隐藏。<div id="
2022-05-23 13:44:26
424
原创 Vue--绑定（v-bind）
绑定目录绑定class绑定style（待更新）绑定class基本的样式.notChange { width: 150px; height: 150px; margin: 20px; display: inline-block; background-color: red;}.classOne { color: aqua;}.classTwo { border-radius: 20px;}.classThree { font-s
2022-05-22 12:50:54
450
1
原创 Vue--watch（监视属性）
监视属性目录天气案例注意：监视属性（watch）天气案例要求：点击按钮后改变天气，并且后台输出的也改变。先自己做一下，用的很简单的methods<div id="btnDemo"> <h1>今天天气很{{weather}}</h1><br> <button @click="changeWeather()">切换天气</button></div><script type="text/ja
2022-05-19 10:18:20
839
原创 Vue--computed（计算属性）
computed目录姓名案例计算属性例子简写形式姓名案例这个可以用插值语法做，代码如下<div id="btnDemo"> <label for="lastName">姓：</label> <input id="lastName" type="text" v-model="lastName"><br> <label for="firstName">名：</label> <inp
2022-05-18 12:23:37
426
原创 Vue--事件（v-on）
事件目录v-on计数器练习事件修饰符常用其他拓展键盘事件Vue常见的按键别名系统修饰键代码v-on事件的基本使用：1.v-on:xxx或@xxx，绑定事件，xxx是事件名（如v-on:click以及@click）2.事件需要配置在methods对象中，并且相应的函数在vm里，而且this也就是vm。3.methods里面的函数不能用箭头函数（前面也有讲过，箭头函数没有this），这样this就会向上找到windows4.@click=“demo($event, xx)”其中$event为点击
2022-05-18 10:16:24
1289
原创 Vue--数据代理
文章目录Object.definePropertyObject.definePropertylet obj = { name: '野原新之助', age: 6}Object.defineProperty(obj, 'gender', { value: '男', //默认不可枚举，要想可以枚举，就可以加enumerable: true //默认不可修改，要想可以修改，就可以加writable: true //默认不可删除，要想可以修改，就可以加configurable: tru
2022-05-14 21:50:12
316
原创 vs code 用户代码片段失效问题
例如：{ "vue1": { "scope": "javascript,typescript", "prefix": "v1", "body": [ "new Vue({", "el:'#',", "data:{", "", "}", "})", ], "description": "Log output to console" }}注意：1.如果没有scope的话，试着就不能再script用相应的代码块。
2022-05-13 18:18:47
1702
原创 anaconda
jupyter1.安装教程：https://www.bilibili.com/video/BV1N7411n7uv?spm_id_from=333.337.search-card.all.click2.按右上角new->python 3即可
2022-04-13 12:47:23
516
原创 2021.11.15笔记 spring
入门1.新建maven项目（quickstart）2.去repository里面搜索spring，复制spring Context的dependency，粘贴在pom里面3.pom里面的jdk版本改成1.8，junit版本改成4.124.build里面的全部删掉5.在java里面的com.xxx里面新建一个service文件夹，然后创建一个UserService类，并且在main下面创建一个resources目录6.在resources里面创建一个配置文件spring.xml7.因为是入门所以
2021-11-15 12:18:48
428
原创 2021.11.13笔记 redis和jedis
redisredis概念下载安装各文件功能redis的数据结构基本命令持久化RDBAOF（一般不用）redis概念下载安装https://github.com/MicrosoftArchive/redis/releases注：官网下载的不能直接用。。用这个直接下载解压就可以。（点击里面最新版本的assets，然后msi还是zip，msi是安装流程，zip就是zip了。。）各文件功能先打开server，然后别关，接着打开cli输入相应指令就可以了。比如set zhangsan hanhan，就
2021-11-13 15:17:14
1341
原创 2021.11.12笔记 JSON
<script> var person = {"name":"张三", "age":23, "gender":"男"} var name = person["name"] alert(name) var person1 = [{"name":"张三", "age":23, "gender":"男"}, {"name":"张三","age":23, "gender":"男"}, {"name":"张三", "age":23, "gender":"男"}]...
2021-11-12 11:35:08
326
原创 2021.11.8笔记 maven
（虽然IDEA有集成，但是eclipse或者其他编辑器还是要用到的，所以就下了）1.安装官网安装apache-maven-（版本号）-bin.zip2.放置到没有中文路径的文件中，然后解压3.复制解压后的目录4.右键此电脑，点击属性->高级系统设置->环境变量5.在系统变量中新建,然后变量名为MAVEN_HOME,变量值为刚刚复制的路径然后点击确定6.点击Path设置路径，在最后面加上%MAVEN_HOME%\bin（必须确保有JAVA_HOME）...
2021-11-08 16:51:35
101
原创 将vue部署到tomcat上
首先，终端输入npm run build（注意看package.json，如果build 后面有prod就是npm run build:prod）
2021-10-17 12:57:23
168
原创 2021.9.5笔记 Vue练习
购物车案例<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="ShoppingCss.css"> </head> <body> <div id="app"> <div v-if="books.length">
2021-09-05 15:00:30
96
原创 2021.8.12 笔记 JDBC
概念快速入门import java.sql.Connection;import java.sql.DriverManager;import java.sql.Statement;public class JdbcNewDemo { public static void main(String[] args) throws Exception { Connection connection = DriverManager.getConnection("jdbc:mysq
2021-08-12 15:46:22
129
原创 2021.8.9笔记 request
request原理继承体系获取请求行数据_方法获取请求头数据获取请求体数据获取请求参数通用方式原理继承体系获取请求行数据_方法其中比较重要的为2.获取虚拟目录和5.获取请求URI@Override protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { String method = req
2021-08-09 17:10:35
113
原创 2021.8.7笔记 servlet
概述弄了好久一直404。。。解决方法就是deployment里的application context改成/servlet执行原理生命周期方法import javax.servlet.*;import java.io.IOException;public class ServletDemo2 implements Servlet { /** * 在servlet被创建时执行，只会执行一次 * @param servletConfig * @thr
2021-08-07 20:56:42
96
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人