解决vue项目router切换太慢问题
问题定位:随着项目增大,有一天突然发现页面切换时候,要等1-2s页面才切换过去,然后就开始定位问题,刚开始以为时页面组件太多导致的,通过删除组件,发现没啥改善,然后就在两个页面打印日志,第二页面created周期时间和路由切换时间相差不大,可以排除是页面渲染耗时。然后在第一个页面...
2024-01-10Lazy.js 一个用于惰性求值的 JavaScript 工具库
Lazy.js 是类似 Underscore 或 Lo-Dash 的 JavaScript 工具库,但是它有一个非常独特的特性:惰性求值。很多情况下,惰性求值都将带来巨大的性能提升,特别是当处理巨大的数组和连锁使用多个方法的时候。安装Lazy.js 没有外部依赖,所以加载 Lazy.js 非常方便:<script type="text/javascript" src="lazy.min.js"></script>...
2024-01-10VuePress 使用 Vue 驱动的静态站点生成工具
VuePress 是以 Vue 驱动的静态网站生成器,是一个由 Vue、Vue Router 和 webpack 驱动的单页应用。在 VuePress 中,你可以使用 Markdown 编写文档,然后生成网页,每一个由 VuePress 生成的页面都带有预渲染好的 HTML,也因此具有非常好的加载性能和搜索引擎优化。同时一旦页面被加载,Vue将接管这些静态内容,并...
2024-01-10配置 IIS 虚拟主机添加自定义文件类型
使用 IIS 虚拟主机,你可能会发现有些文件,明明服务器上有,访问的 URL 路径也是正确的,但是就是无法正确的加载这些文件,特别是我们网页中常用的字体图标文件。利用 URL 访问字体文件的时候提示:该页无法显示,但确实纯在了这个文件,是不是服务器屏蔽了呢,可能是 IIS 不支持 woff 格式的文...
2024-01-10Ubuntu 18.04安装 pyenv、pyenv-virtualenv、virtualenv、Numpy、SciPy、Pillow、Matplotlib
1、目前Python版本管理工具有很多,pyenv是比较好用的一款,安装如下:输入:git clone https://github.com/pyenv/pyenv.git ~/.pyenvecho 'export PYENV_ROOT="$HOME/.pyenv"' >> ~/.bashrcecho 'export PATH="$PYENV_ROOT/bin:$PATH"' >> ~/.bashrcecho -e 'if command -v pyenv 1>/dev/null 2>&1; then\n ...
2024-01-10JavaScript实现登录窗体
本文实例为大家分享了JavaScript实现登录窗体的具体代码,供大家参考,具体内容如下思路:就是把登陆窗放在界面之外,然后通过script内的函数改变到界面之内!<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>我的登录窗体</title> <style> .loginDiv{ /*设置登录框的外观*/ ...
2024-01-10vue-table实现添加和删除
本文实例为大家分享了vue-table实现添加和删除的具体代码,供大家参考,具体内容如下一.代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>vue-table示例</title> <style> .table_box { height: auto; width: 90%; margin: 5% auto; } ....
2024-01-10JS实现百度搜索框
本文实例为大家分享了JS实现百度搜索框的具体代码,供大家参考,具体内容如下实现原理向输入框动态输入时关键词,将当前关键词作为问号参数后面的值,因为要跨域使用百度的接口,所以通过 JSONP 跨域创建 Ajax 请求。回调函数处理返回值。尝试研究了一下百度的接口,发现原生的 XHR 接口参数...
2024-01-10vue+element UI实现树形表格
本文实例为大家分享了vue+element UI实现树形表格的具体代码,供大家参考,具体内容如下一、在component文件夹下新建如下treeTable文件夹,里面有2个文件:eval.js:将数据转换成树形数据/*** @Author: jianglei* @Date: 2017-10-12 12:06:49*/'use strict'import Vue from 'vue'export default function treeToArray(data, expandAll, parent = ...
2024-01-10node.js通过url读取文件
本文实例为大家分享了node.js通过url读取文件的具体代码,供大家参考,具体内容如下在浏览器地址栏中输入127.0.0.1:3000和127.0.0.1:3000/node时,读取node.html文件,输入127.0.0.1:3000/banner时读取banner.json文件准备工作首先我们在www的文件目录下新建两个文件,一个是node.htnl,一个是banner.json,并在文件中添加...
2024-01-10解决Vue-Router升级导致的Uncaught (in promise)问题
在升级了Vue-Router版本到到3.1.0及以上之后,页面在跳转路由控制台会报Uncaught (in promise)的问题这是什么原因呢?看vue-router的版本更新日志V3.1.0版本里面新增功能:push和replace方法会返回一个promise, 你可能在控制台看到未捕获的异常解决方法一:在调用方法的时候用catch捕获异常this.$router.replace({ na...
2024-01-10java IO流常用操作之字节流和字符流
在工作中,IO流操作很常见,例如:文件读写操作,文件上传,文件下载等;而涉及到很多的概念及相关类,很容易弄混,那怎么针对不同的应用场景使用相应的流对象,就显得很重要,下面就具体来看一下。一.主要IO流的分类通过图可知java 中主要IO流根据处理数据类型的不同分为字符流和字节流,根据...
2024-01-10使用java.util.Timer实现任务调度
任务调度是指基于给定时间点,给定时间间隔或者给定执行次数自动执行任务。举个例子,比如说我们希望一个系统每周日晚上9点都将数据库文件备份一次,这时我们就可以使用任务调度来实现。为了更加的方便,我们需要在tomcat启动后,自动开始这个调度。下面是TimerTask的API:下面是Timer类的API...
2024-01-10Spring Boot使用模板freemarker的示例代码
最近有好久没有更新博客了,感谢小伙伴的默默支持,不知道是谁又打赏了我一个小红包,谢谢。今天我们讲讲怎么在Spring Boot中使用模板引擎freemarker,先看看今天的大纲:(1) freemarker介绍;(2) 新建spring-boot-freemarker工程;(3) 在pom.xml引入相关依赖;(4) 编写启动类;(5) 编写模板文件hello.ftl;(6) 编写...
2024-01-10IntelliJ IDEA 如何彻底删除项目的步骤
本文介绍了IntelliJ IDEA 如何彻底删除项目的步骤,分享给大家,顺便给自己留个笔记,具体如下:step1.使用IDEA打开需要删除的项目,在项目文件上右击选择 Remove Module 或者按 Delete 键step2.之后会弹出删除提示,“Remove Module ‘xxx' from the project? No files will be deleted.” 意思是移除指定模块,但没有文件...
2024-01-10Java 判断IP地址的合法性实例详解
Java 判断IP地址的合法性0.前言有时候我们要对用户输入的IP地址进行校验,判断这个IP地址是不是一个合法的IP地址。 1.实现思路最简单的实现方法是构造一个正则表达式。判断用户的输入与正则表达式是否匹配。若匹配则是正确的IP地址,否则不是正确的IP地址。这里的难点是如何构造出一个可用...
2024-01-10JVM教程之内存管理和垃圾回收(三)
JVM内存组成结构JVM栈由堆、栈、本地方法栈、方法区等部分组成,结构图如下所示:1)堆所有通过new创建的对象的内存都在堆中分配,其大小可以通过-Xmx和-Xms来控制。堆被划分为新生代和旧生代,新生代又被进一步划分为Eden和Survivor区,最后Survivor由From Space和To Space组成,结构图如下所示:新生...
2024-01-10详解Spring MVC3返回JSON数据中文乱码问题解决
查了下网上的一些资料,感觉比较复杂,这里,我这几使用两种很简单的办法解决了中文乱码问题。Spring版本:3.2.2.RELEASEJackson JSON版本:2.1.3解决思路:Controller的方法中直接通过response向网络流写入String类型的json数据。使用 Jackson 的 ObjectMapper 将Java对象转换为String类型的JSON数据。为了避免中文乱...
2024-01-10深入理解JAVA中的聚集和组合的区别与联系
选自《JAVA语言程序设计-基础篇(原书第8版)》定义:一个对象可以包含另一个对象。这两个对象之间的关系称为组合(composition)。组合实际上是聚集关系的一种特殊形式。聚集模拟了具有(has-a)关系,表示两个对象之间的归属关系。归属关系中的所有者对象称为聚集对象(aggregation object),而它...
2024-01-10java Swing布局管理之BoxLayout布局
本文为大家解析java Swing布局管理中的BoxLayout布局,供大家参考,具体内容如下BoxLayout:可以指定在容器中是否对控件进行水平或者垂直放置,比 FlowLayout 要更为灵活BoxLayout与其他布局管理器稍有不同,必须向其构造函数中传递容器实例的引用,由该容器使用BoxLayout。另外必须指定BoxLayout中组件的布局...
2024-01-10