书架

书架

=一个知识书库=

vue路由传参的三种基本方式

vue路由传参的三种基本方式

现有如下场景,点击父组件的li元素跳转到子组件中,并携带参数,便于子组件获取数据。 父组件中: ```html <li v-for="article in articles" @click="getDescribe(article.id)"> ``` <!-- more --> methods: ## 方案一: ```javascript getDescribe(id) { // 直接调用$router.push 实现携带参数的跳转 this.$router.push({ path: `/describe/${
more...
HTTP缓存-ETag

HTTP缓存-ETag

最近在学习网站性能优化相关的内容,关于网站优化点特别多而HTTP缓存也是比较重要的一部分,于是今天就着重看下HTTP缓存相关的内容加深下对此相关知识的理解和认识。自己动手通过简单的服务,看看其中的过程。 <!-- more --> # 1.ETag验证缓存的响应 在本地通过 express 启了一个非常简单的个服务,具体如下 ```javascript // app.js const express = require('express'); const app = express(); app.get('/', (req, res) => { res.sen
more...
JavaScript 保留两位小数

JavaScript 保留两位小数

以下我们将为大家介绍 JavaScript 保留两位小数的实现方法: ## 四舍五入 以下处理结果会四舍五入: ```javascript var num =2.446242342; num = num.toFixed(2); // 输出结果为 2.45 ``` <!-- more --> ## 不四舍五入 以下处理结果不会四舍五入: 第一种,先把小数边整数: ```javascript Math.floor(15.7784514000 * 100) / 100 // 输出结果为 15.77 ``` 第二种,当作字符串,使用正则匹配: ```javas
more...
CSS规范:base.css

CSS规范:base.css

# 《编写高质量代码》的模板 <!-- more --> ```css body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img {border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:norma
more...
Spring Boot将WAR文件部署到Tomcat

Spring Boot将WAR文件部署到Tomcat

> 这篇博文主要用于新手学习Spring Boot,同时也记录自己学习的过程… 文章内容主要来源于[易百教程](https://www.yiibai.com/spring-boot/) <!-- more --> 在本文中,将演示如何将Spring Boot WAR文件部署到Tomcat servlet容器中。 对于Spring Boot WAR部署,需要执行三个步骤: * 列表内容扩展SpringBootServletInitializer * 根据提供标记嵌入式servlet容器。 * 更新包装为War 测试工具: * Spring Boot2.0.3
more...