# spring 事务 事务作用：在 数据层 保障一系列的数据库操作同开始同失败 spring 事物的作用：在 数据层或者业务层 保障一系列的数据库操作同成功同失败 通过下列接口 1234public interface PlatformTransactionmanager{void commit(TransactionStatus status) throw TransactionExeptionvoid rollback} 123public class...

# 前端基础（通过 js 来实现瀑布流） html 的代码块 123456789101112131415161718192021<div style="height:50px">瀑布流 </div><div style="height:60px">瀑布流 </div><div style="height:70px">瀑布流...

# 前端技术（二） # 实现数组去重 # 第一种方法（Map 记录） 123456789101112function qucong1(arr){let newArr=[];arr.reduce((prev,next)=>{if(!prev.has(next)){prev.set(next,1)newArr.push(next)}},new Map())return newArr;} # 第二种方法（set 去重） 1234function...

# 前端面试题 # 1、 http 和 https 的基本概念 ​ http 是一个客户端和服务器端请求和应答的标准 {TCP}，用于从 www 服务器传输超文本到本地浏览器的超文本传输协议 ​ https 是以安全为目标的 http 通道，即 http 下加入了 ssl 层进行加密。其作用是：建立一个信息安全通道，来确保数据的传输，确保数据的传输，确保网站的真实性 # 2.、http 和 https 的区别即优缺点？ ​ http 是超文本传输协议，信息是明文传输，https 协议要比 http 协议要安全，https 是具有安全性的 ssl...

# 使用 nginx 搭建 hexo 博客系统 # 一、有关本地环境的安装与配置 # 需要下载 nodejs 和 Git # 1. 去官网去下载 node 检查 node 是否安装成功 1node -v # 2. 去官网下载 git 检查 git 是否安装成功 1git --version # 二、重点 ------ 百度云的环境搭建 首先我们得去官网去购买一个服务器，因为我是学生所以选择购买一个轻量级服务器，一个月就 4 块钱，我觉得还是挺便宜的，如何大家需要搭建一个属于自己的博客，一个轻量级的服务器值得你拥有。我购买的服务器 ip 地址为 182.61.41.119 接着我们需要去官网下载...

# 前端技术（一） # 一、防抖（debounce） 概念：当持续触发事件时，一定时间段没有触发事件，事件处理函数才会触发一次，如果在设定的事件到来之时触发事件，就会重新延时 (重新计算时间)。 1234567891011121314function debounce(func,wait){let timer=null;return function(){let context=this;let...

# 前端面试题（三） # 宏任务包含 12345678script（整体代码）setTimeoutsetIntervalI/OUI交互事件postMessageMessageChannelsetTimediate（Node.js 环境） # 微任务包含 1234Promise.thenObject.observeMutationObserverprocess.nextRick(Node.js 环境) # Symbol 的应用场景？ 使用 Symbol 来替代常量 const gender=Symbol("gender")const...

# 动画与 canvas 图形 使用 requestAnimationFrame 理解 <canvas> 元素 ・绘制出简单的 2dtupian ​ 使用 webGL 绘制 3d 图形 # requestAnimationsFrame 的使用 123456789function updateProgress(){var...

在绑定事件中使用 focus 事件需要点两次才会生效的问题 ​ 在 vue 的学习过程中，我碰到了这样一个问题。在给上图所示的简单列表元素中添加修改事件时，想要在修改的同时，对文字进行选中聚焦操作，在对元素的修改按钮绑定了这样一个事件。 123456789101112131415161718192021handleEdit(todo){​ if(todo.hasOwnProperty.call("isEdit")){​ todo.isEdit=true;​ let...

# 多行文本溢出显示省略号 12345678910p{width:200rpx;overflow:hidden;display:-webkit-box; text-overflow: -o-ellipsis-lastline;-webkit-box-origent: vertical;-webkit-line-clamp: 3;text-overflow:ellipsis;}