AlexDeng2019-CSDN博客

原创 spring_使用注解实现事务管理

0.需求描述使用注解实现：连接mysql数据库对数据库的增删改查事务管理 1.环境准备 1.1 项目目录 1.2 pom.xml配置 <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaL

2022-01-22 22:43:16 833

原创一种在JS中实现对象深度克隆的方法

前言面试中经常被问到JS中的深度克隆, 在写代码中也会用到对象的深度克隆这个需求. 故将我能想到的方法都整理出来, 供大家参考. 请大家不啬赐教. 现有一个源对象 sourceObj 供拷贝, 如下: const sourceObj = { name: 'Alex', house: ["深圳湾一号", "江南别野"], more: { money: "1000000000000", carCount: "5", bank: { bank1: "中国工商银

2020-07-29 21:50:03 362

原创 [react] 严格模式下setState两次调用及解决方法

背景在做列表删除的时候, 发现一次性删除了2个项, 觉得奇怪. 后来经过讨论, 发现是使用了严格模式导致setState被执行了两次. 删除前: 删除后: index.js代码 ReactDOM.render( <React.StrictMode> <App />, </React.StrictMode>, document.getElementById('root') ) 删除组件代码 // js逻辑 fnDel = (i) => {

2020-06-08 17:15:03 1895

原创 [通识][前端][element-ui] 分页器使用的注意事项

前言好久没有写过分页器了, 现在使用到分页器突然忘记了很多细节. 故整理成博客, 后续开发的时候当做checklist来对照, 防止大意而被测试提单. 我使用的是element-ui框架中的完整功能分页器概述完整功能分页器, 可以结构成几个不同的部件. 部件名称对应 Attributes 对应 Events 备注总条数 total - 当前页码 current-page current-change 页容量 page-sizes size-change 一页显示多少条数

2020-05-30 11:04:00 272

原创 [已解决] element-ui的table中嵌入Tooltip和Popover, Popover无法显示问题

最近遇到这样的需求. 在element-ui的table中嵌入"Tooltip 文字提示"和"Popover 弹出框". 简单如下: 看到设计图, 心情愉快地就到element-ui取CV代码. 跑起来发现根本不是那么一回事. 为什么我的Popover不能显示??? 一头雾水, 赶紧百度一下. 网上众说纷纭, 但是最后我还是找到了适合我自己的解决方案. 该方案参考这篇文章. 感谢! 我的全部代码如下: <template> <el-table :data="tableData" st

2020-05-18 21:52:28 3438 1

转载 for in 与 for of 的区别

引用/转载声明：全文参考 https://www.jianshu.com/p/c43f418d6bf0 遍历数组通常用for循环 ES5的话也可以使用forEach，ES5具有遍历数组功能的还有map、filter、some、every、reduce、reduceRight等，只不过他们的返回结果不一样。但是使用foreach遍历数组的话，使用break不能中断循环，使用return也不能返回到...

2020-04-25 11:55:07 164 1

转载【转载】一张图搞懂Ajax原理

原理说起ajax，就不得不说他背后的核心对象XMLHttpRequest，而说到XMLHttpRequest我觉得，从它的readyState状态说起是最好的切入点。个人觉得，只要弄清楚了readyState的这几个状态，其实ajax的原理也就算弄清楚了。首先let xhr = new XMLHttpRequest();，新建一个XMLHttpRequest对象。此时xhr对象的ready...

2020-04-19 22:12:41 126

原创 ES6中的let和const常见特性概述

前言本文仅对开发中常见的情况进行描述。更为全面的描述，请参考阮一峰出版的《ECMAScript 6 入门》，第二章 let 和 const 命令全文也参考了这本书。感谢阮一峰大神的无私共享。 let let用来声明一个变量。其主要特点有：变量不提升、只在声明的代码块里有效、不能重复声明、变量存在暂时性死区。一下分别对上述3中情况分别讨论： // 变量不提升 // 例1： let a = ...

2020-04-19 14:48:55 826

原创前端防抖和节流

1. 防抖 JS的抖动, 指的是, 用户在某种状态下, 会持续触发某个事件. 比如滑动滚动条的时候, 会一直触发oncroll事件. 所以我们需要让客户在都抖动停止后, 才执行某些代码, 这就是防抖. 常见需要做防抖的事件类型有: oncroll / onmouseenter / onmousemuve, 等. ex: 以oncroll事件为例 <!DOCTYPE html> &l...

2020-04-19 13:46:55 260

原创 [埋点] 一种Vue组件切换后停留时长的统计方法(未完全)

需求背景：有的项目需要采集用户在每个页面的停留时长（毫秒数）。采集工作由前端进行，然后发送给后端。前端实现：在/router/index.js中设定一个全局的前置导航守卫。在/router/index.js中声明两个全局变量，分别为： startTime：Number，为记录第一次进入路由组件或者进入上一个路由组件的时间。 currentTime：Number，为记录每次路由进入的...

2020-04-19 12:41:48 2641

qq_45743738的博客