自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(10)
  • 收藏
  • 关注

原创 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 788

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

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

2020-07-29 21:50:03 339

原创 [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 1810

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

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

2020-05-30 11:04:00 250

原创 [已解决] 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 3186 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 111 1

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

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

2020-04-19 22:12:41 112

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

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

2020-04-19 14:48:55 750

原创 前端 防抖和节流

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

2020-04-19 13:46:55 225

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

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

2020-04-19 12:41:48 2569

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除