Java
MySQL的CHAR、VARCHAR、TEXT等字符串字段在等值比较（"="）时，会忽略掉尾部的空格，导致有空格也能匹配上的坑
一、现象 CREATE TABLE `user_info` ( `id` BIGINT(20) UNSIGNED NOT NULL AUTO_INCREMENT COMMENT '主键自增ID', `user_name` VARCHAR(64) NOT NULL DEFAULT '' COMMENT '名字', PRIMARY KEY (`id`), KEY `idx_use
Vue 之 Mixins （混入）
Mixins是一种分发Vue组件中可复用功能的非常灵活的一种方式。 什么时候使用Mixins 1. 页面的风格不用，但是执行的方法和需要的数据类似，我们是选择每个都写呢还是提取出公共部分呢？ 基础实例 我们有一对不同的组件，它们的作用是切换一个状态布尔值，一个模态框和一个提示框。这些提示框和模态框除了在功能上，没有其他共同点：它们看起来不一样，用法不一样，但是逻辑一样。
spring框架 - 通过 @Conditional注解来条件化地应用注解
条件化地应用注解 什么意思呢？ 参考chatGPT的回答： Spring 框架允许您通过 @Conditional 注解来条件化地应用注解。@Conditional 注解用于在特定条件下决定是否应用某个注解或配置。这在很多情况下是非常有用的，特别是在需要根据应用的运行时环境或配置来动态地选择性地应用某些注解时。 下面是一个示例，展示了如何使用 @Conditional 注解： 在这个例子中，@C
Vue模板语法——v-cloak
一、什么是指令 指令的本质就是自定义属性 指令的格式：以v-开始，比如：v-cloak 二、v-cloak指令用法 插值表达式存在的问题：“闪动” 如何解决该问题：使用v-cloak指令 解决该问题原理：先隐藏，替换好值后再显示最终的值 三、v-cloak指令的用法 提供样式 [v-cloak]{ display: none; } 在插值表达式所在的标签中添
Vue模板语法——数据绑定指令
一、数据绑定指令 v-text 填充纯文本 相比插值表达式更加简洁 v-html 填充HTML片段 存在安全问题 本网站内部数据可以使用，来自第三方的数据不可以用 v-pre 填充原始信息 显示原始信息，跳过编译过程（分析编译过程） 二、v-text 填充纯文本 v-text用法 在需填充的标签中添加v-text指令 例如 <div id='app
Vue模板语法——v-model 双向数据绑定
双向数据绑定 单向数据绑定是什么？ 数据模型（Module）和视图（View）之间的单向绑定。 需要我们先写好模板，然后把模板和数据（可能来自后台）整合到一起形成HTML代码，然后把这段HTML代码插入到文档流里面。 简单的来说就是DOM操作html元素。 单向数据绑定的缺点：一旦HTML代码生成好后，就没有办法再进行改变了，如果有新的数据出现，那就必须要先把之前的HTML代码删掉，然后重新把
Vue模板语法——v-once 数据响应式
一、数据响应式 如何理解响应式 html5中的响应式：屏幕尺寸的变化导致样式的变化 数据的响应式：数据的变化导致页面内容的变化 什么是数据绑定 数据绑定：将数据填充到标签中 v-once只编译一次 显示内容之后不再具有响应式功能 二、v-once指令 v-once 应用场景 如果显示的信息后续不需要再修改，可以使用v-once，这样可以提高性能。 v-once用法 在需
Vue模板语法——v-on 事件绑定
一、v-on事件绑定 v-on指令用于绑定事件 v-on用法 转=>最底层的技术渣 -- Vue基础语法之v-on 转=>一瓶怡宝矿泉水 -- v-on指令 直接绑定事件： 注意： 绑定的事件是对应的方法不是定义在data里面，而是定义在vue实例的methods里 绑定的函数可直接绑定函数名——fun，也可以直接调用函数——fun() @事件名="方法" =>
Vue模板语法——键盘事件修饰符
一、键盘修饰符 在JavaScript事件中除了前面所说的事件，还有键盘事件，也经常需要监测常见的键值。在Vue中允许v-on在监听键盘事件时添加关键修饰符。记住所有的keyCode比较困难，所以Vue为最常用的键盘事件提供了别名： enter：回车键 tab：制表键 delete：含delete和backspace键 esc：返回键 space: 空格键 up：向上键 down：向下键 le
Vue模板语法——事件修饰符
一、事件处理 如果需要在内联语句处理器中访问原生DOM事件。可以使用特殊变量$event，把它传入到methods中的方法中。 在Vue中，事件修饰符处理了许多DOM事件的细节，让我们不再需要花大量的时间去处理这些烦恼的事情，而能有更多的精力专注于程序的逻辑处理。在Vue中事件修饰符主要有： stop：等同于JavaScript中的event.stopPropagation()，防止事件冒泡
es从线上库导出数据并导入开发环境
背景 来了个需求，需要从某个线上es库查询一些数据出来并进行大屏展示。问需求方有没有开发环境的es库，答：没有，说要不直连他们的线上库。 后面想想也行吧，业务方都这么说了，结果开网络的流程被打回了，理由是网络隔离。 于是，只能采用从线上es库导出文件，然后在开发环境原样搭建这么一个es库并导入的办法。 了解到线上es库，版本是5.4.3，准备在开发环境恢复的那个索引的数据量大概是有20来个g。 我
css背景图片实现object-fit的效果
object-fit是一个用于控制替换元素（如<img>或<video>）内容在其容器内布局和缩放的CSS属性。 它的作用是调整替换元素的尺寸和位置，使其适应容器，并保持其纵横比例。 然而，object-fit属性本身并不直接适用于背景图片。如果你想在背景图片上应用object-fit效果，可以使用background-size属性来达到类似的效果。 &nbs
typespec 简单试用
typespec 是一个强大的api 描述框架，以下是一个简单的试用 安装typespec 可以安装为全局cli 命令 npm install -g @typespec/compiler 使用 创建项目 tsp init // 后续按照提示操作，可以选择http 安装依赖 tsp install
HammerJs中文教程
一、什么是hammer.js hammerJS是一个开源的，轻量级的触屏设备javascript手势库，它可以在不需要依赖其他东西的情况下识别触摸，鼠标事件。允许同时监听多个手势、自定义识别器，也可以识别滑动方向。 优点： 为移动端网页添加相关手势 去除移动端上的点击事件的300ms延迟 hammer.js通过压缩只有7kb，而hammer-time.js通过压缩只有1kb，因此彻底不用考虑引
系统设计面试的行家指南（中）
原文：System Design Interview – An Insider's Guide 译者：飞龙 协议：CC BY-NC-SA 4.0 九、设计网络爬虫 在这一章中，我们关注网络爬虫设计：一个有趣而经典的系统设计面试问题。 网络爬虫被称为机器人或蜘蛛。搜索引擎广泛使用它来发现 web 上新的或更新的内容。内容可以是网页、图像、视频、PDF 文件等。网络爬虫从收集一些网页开始，然后跟随
为什么不推荐用 UUID 作为 Mysql 的主键
学习改变命运，技术铸就辉煌。 大家好，我是銘，全栈开发程序员。 UUID 是什么 我们先来了解一下 UUID 是什么？UUID 是指Universally Unique Identifier，翻译为中文是通用唯一识别码，UUID 的目的是让分布式系统中的所有元素都能有唯一的识别信息。如此一来，每个人都可以创建不与其它人冲突的 UUID，就不需考虑数据库创建时的名称重复问题。 UUID 的十六个
Gin 应用多实例部署session问题、session参数与刷新
目录一、Gin Session 存储的实现方案二、memstore：基于内存的实现2.1 基本使用2.2 关键参数三、使用redis：多实例部署3.1 使用redis优势3.2 基本使用四、信息安全的三个核心概念五、Gin Session 参数5.1 参数介绍六、Session 自动刷新 一、Gin Session 存储的实现方案 cookie：基于cookie的实现，不安全，一般不会使用。 g
零基础数模之回归专题
回归分析专题 数据预处理 回归分析前要先进行数据预处理，主要有以下三种 中心化处理，使得样本均值为0 无量纲化处理，使得样本方差均为1 标准化处理，即同时进行中心化处理和无量纲化处理 二、常见回归模型（方法） 线性回归 线性回归使用直线在因变量y与自变量X(X是列向量，包括1~n个自变量)直线建立一种关系，即y=w*X+b+e，预测量y’=w*X+b，行向量w称为回归系数
如何改Maven Dependencies的源码，如何把springboot组件的源码改造后使用
由于springboot提供的源码有些地方不太符合预期，所以需要改动改动，这里就会说到，如何改Maven Dependencies的源码。如何把springboot组件的源码改造后使用。 v修改源码的几种方式 直接在自己工程中建同包同类名的类进行替换 采用@Primary注解 排除需要替换的jar包中的类 @Bean 覆盖 使用BeanDefinitionRegistryPostProc
Android安卓开发：设置activity切换时的动画效果（以左出右退效果为例）
安卓开发：设置activity切换时的动画效果（以左出右退效果为例） 前言： 1. 我借鉴了网络上的代码 2. 我并没有深入了解，难免出错 效果： 代码： 1.准备效果文件 在res文件夹下的anim目录中添加slide_in_right.xml、slide_in.xml、slide_out_left_exit.xml效果文件 slide_in_right.xml slide_in.xm