- 博客(19)
- 收藏
- 关注
RSS订阅原创 vue ref & reactive
ref接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象具有指向内部值的单个 property .value。示例：const count = ref(0)console.log(count.value) // 0count.value++console.log(count.value) // 1如果将对象分配为 ref 值，则通过 reactive 函数使该对象具有高度的响应式。reactive 返回对象的响应式副本 响应式转换是“深层”的——它影响所有嵌套 p.
2021-11-24 21:28:35
145
原创 vue route & router
route对象route对象表示当前的路由信息，包含了当前 URL 解析得到的信息。包含当前的路径，参数，query对象等。路由对象属性$route.path类型: string字符串，对应当前路由的路径，总是解析为绝对路径，如 “/foo/bar”。$route.params类型: Object一个 key/value 对象，包含了动态片段和全匹配片段，如果没有路由参数，就是一个空对象。$route.query 类型: Object一个 key/value 对象，表示 URL 查.
2021-11-23 23:01:44
264
原创 transform-origin
left,center right 是水平方向取值，对应的百分值为left=0%;center=50%;right=100%top center bottom 是垂直方向的取值，其中top=0%;center=50%;bottom=100%;2D的变形 中的 transform-origin 属性可以是一个参数值，也可以是两个参数值。如果是两个参数值时，第一值设置水平方向X轴的位置，第二个值是用来设置垂直方向Ｙ轴的位置。3D的变形 中的 transform-origin 属性还包括了Ｚ轴的.
2021-11-22 10:33:09
346
原创 redis-06：缓存穿透、缓存击穿、缓存雪崩
缓存的使用流程：当业务系统发起某一个查询请求时，首先判断缓存中是否有该数据；1、先从缓存中取数据，如果能取到，则直接返回数据给用户。这样不用访问数据库，减轻数据库的压力。2、如果缓存中没有数据，就会访问数据库。缓存就像是数据库的一道防火墙，将请求比较频繁的数据放到缓存中，从而减轻数据库的压力。 但是如果有人恶意攻击，那就很轻松的穿透你的缓存，将所有的压力都给数据库缓存的设计包含很多技巧，设计不当将会导致严重的后果。 缓存穿透 缓存击穿 缓存雪崩1、缓存穿透...
2021-02-07 11:25:33
91
原创 redis-05: 主从、哨兵、集群
Redis常用模式 通过持久化功能，Redis保证了即使在服务器重启的情况下也不会丢失（或少量丢失）数据，因为持久化会把内存中数据保存到硬盘上，重启会从硬盘上加载数据。 但是由于数据是存储在一台服务器上的，如果这台服务器出现硬盘故障等问题，也会导致数据丢失。1.单台服务器难以负载大量的请求2.单台服务器故障率高，系统崩坏概率大3.单台服务器内存容量有限。 为此， Redis 提供了复制（replication）功能，可以实现当一台数据库中的...
2021-02-07 11:17:12
117
原创 redis-04：jedis与SpringBoot整合
使用Java来操作Redis，Jedis是Redis官方推荐使用的Java连接redis的客户端。1.导入依赖2.启动redis服务，测试连接public class TestPing { //测试 redis连接 public static void main(String[] args) { Jedis jedis = new Jedis("127.0.0.1",6379); System.out.println( jedis.pin
2021-02-07 11:11:08
115
原创 redis-03：持久化、发布订阅、事务
Redis是一个内存数据库，它的数据都保存在内存中，如果服务器宕机，那么数据则全部丢失。因此，Redis提供了完善的持久化机制，可以把内存中的数据持久化到磁盘上，方便我们进行备份数据和快速恢复数据。Redis提供的数据持久化方式主要有2种： RDB：产生一个数据快照文件 AOF：实时追加命令的日志文件RDB持久化RDB其实就是把数据以快照的形式保存在磁盘上。什么是快照呢，你可以理解成把当前时刻的数据拍成一张照片保存下来。RDB（Redis DataBa...
2021-02-07 10:51:14
117
原创 redis-02：数据类型
Redis支持五种数据类型：string（字符串），hash（哈希），list（列表），set（集合）及zset(sorted set：有序集合)。注意：redis中的Key和Value是区分大小写的，命令不区分大小写， redis是单线程 不适合存储大容量的数据key操作1.沟通命令，查看状态：ping 2.查看当前数据库中 key 的数目：dbsize3.切换库命令：select db（ Redis默认使用 16个库，从 0到 15。每个数据库的数据是隔离的不能共享，并且...
2021-02-07 10:38:53
109
原创 redis-01：基础
Remote Dictionary Server(远程字典服务器),是一个用C语言编写的、开源的、基于内存运行并支持持久化的、高性能的NoSQL数据库。也是当前热门的NoSQL数据库之一。官网：https://redis.io/NoSQL = Not Only SQL(不仅仅是SQL) ，泛指non-relational(非关系型数据库)。NoSQL数据库的产生就是为了解决大规模数据集合多重数据种类带来的挑战，特别是大数据应用难题。 如Facebook每天为其用户收集万亿比特的数据，..
2021-02-07 10:16:01
218
原创 springboot+thymeleaf 文件上传
pom.xml <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency> <dependency> <groupId>org.springframework.boot</gro
2020-11-25 10:53:54
2184
原创 js 表单验证基本
验证： 用户名不能为空 用户名长度6-10位 密码不能为空 密码不能少于6位 确认密码需一致<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单验证</title> <style> </style></head>&...
2020-11-23 11:36:32
425
1
原创 js 网页时钟
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>网页时钟</title> <style> </style></head><body onload="start()"> <div id="clockDiv"></div> .
2020-11-19 17:13:19
102
原创 js 表单全选和取消全选
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单全选</title> <style> </style></head><body> <input type="checkbox" id="checkElt" onclick="checkAllO.
2020-11-19 16:26:54
514
原创 前端页面模板-基本
html模板<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" type="text/css" href="theme.css"/> <style> </style></head>
2020-11-17 14:48:16
805
原创 [08001] Could not create connection to database server
[08001] Could not create connection to database server. Attempted reconnect检查：idea连接数据库报错Navicat连接数据库正常 mysql正常启动参考：https://blog.csdn.net/weixin_44505194/article/details/106848714结果正常了。...
2020-09-03 12:59:22
626
原创 表单表格注册表
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>会员注册</title> <style type="text/css"> *{ paddin
2018-08-22 20:28:57
331
原创 HTML知识点整理
DTD：文档类型声明Doc Type Declaration。一共有7种DTD，3种HTML4.01的，3种XHTML1.0的，1种HTML5的。 三个小种： strict（更为严格，不能用u、b、i标签）、transitional（不怎么严格）、frameset XHTML总体上要比HTML严格，比如必须是小写字母标签等等。 p 段落 p标签要注意的是，里面只能放文本、...
2018-08-22 17:06:32
189
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人