Java
vue引入字体icon
这里我用的是阿里图标库 1. 2. 3. 4.在vue的assets文件中增加一个font文件把解压后的文件复制进去，并在mian.js中引入iconfont.css 5.1.使用，复制以下代码 在页面中使用 <h1>欢迎 <i class="iconfont"></i></h1> 5.1.2使用，复制一下代码 在
java动态代理模式
Java动态代理模式是Java编程语言中的一种设计模式，它提供了一种在运行时动态创建代理对象的方式。这个模式主要用于实现AOP（面向切面编程）的概念，允许开发者在不修改原有业务逻辑代码的情况下，增加额外的功能，如日志记录、事务管理、权限验证等。 在Java中，动态代理模式主要依赖于java.lang.reflect.Proxy类和java.lang.reflect.InvocationHandl
redis+lua脚本实现接口限流
写在前面 在多线程的情况下对一个接口进行访问，如果访问次数过大，且没有缓存存在的情况下大量的请求打到数据库可能会存在数据库宕机，从而造成服务的不可用性。往往我们需要对其进行限流操作用来保证服务的高可用性，以下介绍下redis限流如何使用。 lua脚本 Lua 是一种轻量小巧的脚本语言，用标准C语言编写并以源代码形式开放， 其设计目的是为了嵌入应用程序中，从而为应用程序提供灵活的扩展和定制功能。Lu
【JAVA系列】第三章：①面向对象基本概念
本章学习内容 面向对象基本概念 -->📍 对象与引用 封装与模块化 对象的初始化 类变量、类方法 (static关键字) final关键字 使用包管理类 面向对象基本概念 ■面向过程编程： Procedural Programming 基于过程调用的编程范式，如c语言 ■面向对象编程： OOP(Object-Oriented Program) 基于对象的编程范式 程序设计基于
Vue的class类面向对象
一. 准备工作 JavaScript 语言中，生成实例对象的传统方法是通过构造函数 function Animal(name,age){ this.name = name; this.age = age; } Animal.prototype.showName = function(){ co
Docker学习记录
docker官方文档https://docs.docker.com/engine/install/ubuntu/ docker 全球镜像仓库https://hub.docker.com/ 1、docker的安装 1.1、卸载旧版 首先如果系统中已经存在旧的Docker，先卸载： 但是不同的系统，卸载方式不一样！！！ Ubuntu系统： 1.2、安装docker 不同版本，安装步骤也不一样
3.Java基础学习
Java基础 注释 单行注释 多行注释 文档注释 标识符 常见标识符： 数据类型 强类型语言:要求变量使用严格符合规定，变量先定义再使用 java数据类型的两大分类： 基本类型 引用类型 类型转换 低----------------------------------------------->高 byte,short,char --> int--->lon
Java题目集1-3总结
（1）前言：第一次大作业的知识点包括类与对象正则表达式以及数组对象和不同类之间的关系；题量较小，难度不大，关键是理清question，test-paper，answer-paper之间的关系。 第二次大作业的知识点增加了List,ArrayList,HashMap,三种变长数组的使用，增加了正则表达式的难度，题量增加，难度上升，试卷中的题目增加了分数。 第三次大作业的知识点增加了很多的异常处理，例
thinkphp 页面寻址
http://laremehpe.test.org/index.php/index/user/index http://laremehpe.test.org: url地址 /index.php : public 目录下的入口文件 /index: application 目录下的文件夹名字 如果没有文件夹则忽
Kafka 线上性能调优
Kafka 线上性能调优是一项综合工程，不仅仅是 Kafka 本身，还应该从硬件（存储、网络、CPU）以及操作系统方面来整体考量，首先我们要有一套生产部署方案，基于这套方案再进行调优，这样就有了可靠的底层保证，才能保证 Kafka 集群整体的稳定性。 1. 线上部署方案 1.1 操作系统 我们知道 Kafka 是用 Scala 和 Java 这两种语言编写的，而这两种语言都依赖 JVM 运行，理论
JavaScripts浮点数计算问题
JS数学运算精度问题 最近项目上JS做加减乘除这类的运算出现了精度不匹配的问题: 例如： 0.1+0.2 ->0.30000000000000004 0.3-0.2 ->0.09999999999999998 0.3*2 ->0.6 0.3*0.2 0.06 0.3/3 ->0.09999999999999999 Mathjs这个JS库可以解决这类问题：官网链接 以下是
30 天精通 RxJS （25）：Subject 总结
Subject其实在RxJS中最常被误解的一部份，因为Subject可以让你用命令式的方式虽送值到一个observable的串流中。 很多人会直接把这个特性拿来用在 不知道如何建立 Observable 的状况，比如我们在30 天精通 RxJS(23)中提到的可以用在 ReactJS 的 Event 中，来建立 event 的 observable 因为在 React API 的关系
Spring 中的发布-订阅模式
发布订阅模式是怎样的？ 现在市面上流行的很多消息中间件就是采用的该种模式，这种模式 在实际业务中 将 事件发布者（Publisher） 与 事件订阅者 （Subscriber）通过额外的事件通道（Event Channel)来解耦，其基本原理与先前提到的观察者模式有些许类似，但发布订阅模式额外存在了Event Channel 的概念，也因此解决了 主题（Subject）和 Observer(观察者
hadoop3.3.6安装
下载hadoop 创建hduser: 无密码登录datanode 安装jdk 配置./bashrc 配置hadoop文件: core-site.xml hdfs-site.xml mapred-site.xml yarn-site.xml 启动hdfs jps查看
Spring 源码阅读（一）环境搭建
注意事项： 使用 2024-03-14 发布的 Spring 5.3.33 版本 IDE 工具使用了 Intellij IDEA，同时为了简化不必要的内容没单独配置 Gradle 环境 JDK 版本采用 Eclipse Temurin 1.8/11 均可 下载源码 下载 SpringFramework 源码，本次选择 5.3.33 版本，发布日期 2024-03-14，通过 Intellij
SpringBoot使用JDBC、批量、分批次、线程池实现大数据量的更新操作
思路： （1）使用JDBC的batchUpdate实现批量更新。 （2）对原集合进行指定数量的切割处理（例如：原集合有10万数据量，切割数据量是一万，需切割十次），切割方法参考java.util.List的subList方法。 （3）使用Java线程池执行操作。 1. batchUpdate批量处理 1.1 引入JDBC的maven依赖 点击查看代码 1.2使用JdbcTemplate 操
53. 最大子数组和
题目链接：53. 最大子数组和 这个和560. 和为 K 的子数组类似，这种求子数组和用前缀和解决较为简单，前缀和的核心思想是用pre[i]表示[0,i]的子数组和，则[i,j]的子数组和为pre[j]-pre[i-1]。在560中，遍历到j时找pre[j]-pre[i-1]=K的子数组就是找在j之前等于pre[j]-K的前缀和，所以要存储每一步的前缀和。 说回本题，要让子数组和pre[j]-pr
vue中使用aplayer插件做一个网页音乐播放器
我们在浏览网页的时候，时常会看到一些网页音乐播放器，本文以vue为例，使用aplayer插件，做一个简单的网页播放器。我们先看一下效果图 效果图 正常模式 吸底模式 当然还有迷你模式，就是能隐藏的都隐藏，这里不赘述，做相应配置就会出现对应效果。 注意，吸底模式会出现上一曲下一曲按钮，以及歌词按钮。正常模式是没这个的。不过我个人更加喜欢正常模式。 使用步骤 第一步，npm下载ap
题目集1~3的总结性Blog
目录一 、前言： 总结三次题目集的知识点、题量、难度等情况知识点 题目及题量、难度nchu-software-oop-2024-上-1：nchu-software-oop-2024-上-2：nchu-software-oop-2024-上-3：二、第一次的答题判题程序分析设计与分析源码如下->第一次的答题判题程序类图以及SourceMontor的生成报表内容：踩坑心得改进建议三、第二次答题判
快速构建H5单页面切换应用
在Web App和Hybrid App横行的时代，为了拥有更好的用户体验，单页面应用顺势而生，单页面应用简称`SPA`，即Single Page Application，就是只有一个HTML页面的应用程序，应用中所有的视图都包含在这个HTML页面中，并通过JavaScript控制相关视图的显示和隐藏，这种模式可以让用户在Web App感受Native App的速度和流畅。本篇文章
使用JSZip实现在浏览器中操作文件与文件夹
1. 引言 浏览器中如何创建文件夹、写入文件呢？ 答曰：可以借助JSZip这个库来实现在浏览器内存中创建文件与文件夹，最后只需下载这个.zip文件，就是最终得结果 类似的使用场景如下： 在线下载很多图片，希望这些图片能分类保存到各个文件夹并最终下载成一个zip文件 在线下载很多文档，希望这些文档能分类保存到各个文件夹并最终下载成一个zip文件 本质上都是希望浏览器能创建文件夹和创建文件，最终保
Web前端知识体系精简
Web前端技术由 html、css 和 javascript 三大部分构成，是一个庞大而复杂的技术体系，其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入，然后不断地接触和学习新的知识点，因此对于初学者很难理清楚整个体系的脉络结构。本文将对Web前端知识体系进行简单的梳理，对应的每个知识点点到为止，不作详细介绍。目的是帮助大家审查自己的知识结构是否完善，如有遗漏或不
requestAnimationFrame 知多少？
在Web应用中，实现动画效果的方法比较多，JavaScript 中可以通过定时器 setTimeout 来实现，css3 可以使用 transition 和 animation 来实现，html5 中的 canvas 也可以实现。除此之外，html5 还提供一个专门用于请求动画的 API，即 requestAnimationFrame（rAF），顾名思义就
深入浅出 Viewport 设计原理
Viewport 是 HTML5 针对移动端开发新增的一个 meta 属性, 它的作用是为同一网页在不同设备的呈现，提供响应式解决方案。这篇文章尝试通过循序渐进的方式，逐层探索 Viewport 的设计原理，希望能给读者带来更加清晰、更加全面的技术认知。 一、引言 在PC时代，我们用 css 设置 1px 边框，显示器会用1个物理像素进行渲染。而进入移动应用时代后，