优秀源码 -

# JavaScript / ## editor.md 文档齐 注释及时 结构清晰 阅读体验：很顺畅

使用HTML5来实现本地文件读取和写入

api - FileReader 文章目录 # 读取文件 # 拖入文件 # 写出文件 # 读取文件 文件读取要利用到的API是FileReader，在HTML中的元素为： <div> <input type=&

jQuery - bind / on 绑定事件的区别

文章目录 Jquery的bind跟on绑定事件的区别：事件捕捉 / 事件冒泡(事件***)； Jquery的bind跟on绑定事件的区别：事件捕捉 / 事件冒泡(事件***)； jquery文档中bind和on函数绑定事件的用法： 事件捕捉： .bind(even

semantic ui - 按钮

https://blog.csdn.net/a464057216/article/details/52493469

Spring Boot - 修改启动【文字图标】 - banner.txt

其实很好改，只需要在resources下新建一个txt文件就可以，命名为banner.txt，那这种字符该怎么拼出来呢，下面推荐一个网址，有这种工具，链接传送门：字母转字符。如下： 直接输入要生成的字母，系统会自动转换，然后复制下面转换好的字符到新建的banner.txt文件中，重新启动项目就

Spring Boot - 博客后台管理系统 -【未完】

文章目录 1.2 功能规划 2、页面设计与开发 2.1 设计 2.2 页面开发 2.3 插件集成 2.4 工具 2.5 页面原型 前端页面 后台页面

MySQL - 创建用户和授权

https://www.cnblogs.com/stfei/p/9184320.html # 创建新用户的步骤： 1，进入到mysql数据库下 mysql> use mysql Database changed 2，对新用户增删改 1.创建用户: # 指定ip：192.118

MySQL - 修改密码(重置密码/丢失密码) - 方法汇总 - 【包括 MySQL5.7及8.0.11版本后】

总结 ： mysqladmin 命令详解 - https://www.cnblogs.com/dadonggg/p/8625500.html 当然，你嘚能进 root 权限 最新指令：（2020年2月12日） ALTER user 'root'@'%' IDENTIF

vim - 常用快捷键 - 【简洁】

复制：yy 剪切（删除一行） ： dd 粘贴（游标后）：p（小写） 粘贴（游标前）：P（大写） 插入一行：o 撤销一次或n次操作 ： u{n} 缩进 ： >> 缩进退回： << https://www.jianshu.com/p/4df654095d

nginx - conf - 优先级 、反向***、负载均衡

https://www.bilibili.com/video/av58516750 weight 权重

【工具】 - cmder

《配置》 - https://www.jianshu.com/p/5b7c985240a7

前端路线 - [看大佬视频 - 笔记]

[https://www.bilibili.com/video/av62558253]

docker alpine包管理工具 apk

《Docker —— 从入门到实践》 《docker alpine包管理工具 apk》 - https://blog.csdn.net/catoop/article/details/89812878

【bash】 - linux的bash与sh的区别

转自：https://zhidao.baidu.com/question/305415121.html https://zhidao.baidu.com/question/176780008.html bash是 Bourne Again SHell 是linux标准的默认shell ，它基于B

你必须知道的Dockerfile

一、关于Dockerfile 在Docker中创建镜像最常用的方式，就是使用Dockerfile。 Dockerfile是一个Docker镜像的描述文件，我们可以理解成火箭发射的A、B、C、D…的步骤。Dockerfile其内部包含了一条条的指令，每一条指令构建一层，因此每一条指令的内容，就是描

docker - 组织一个多容器项目docker-compose

Docker 命令大全 《【docker入门】10分钟，快速学会docker》 - https://www.bilibili.com/video/av58402749?spm_id_from=333.788.b_636f6d6d656e74.8 《【docker入门2】实战~如何组织

npm - 最基本 入门

《npm火速上手 - 表严肃讲npm》 - https://www.bilibili.com/video/av13816480 npm install说明 - https://www.jianshu.com/p/b3e407942ac5 淘宝镜像 - http://npm.taob

关于thymeleaf中th:if的使用

运用于判断表达式中时，关系判断使用 gt / ge / eq / lt / le / ne (即：使用缩写) gt: great than（大于）> ge： great equal（大于等于）>= eq： equal（等于）== lt： less than（小

HTML实现网页内部的跳转

https://blog.csdn.net/qq_42191122/article/details/91347297 # 网页三种跳转方法 （1）利用a标签进行锚定跳转 要想通过a标签跳转到指定的位置, 那么必须告诉a标签一个独一无二的身份证号码, 这样a标签才能在当前界面中找到需要跳转到

【弃用】Thymeleaf - 使用base标签 - 解决页面获取项目路径问题

<mark>说明，base标签会导致锚问题(无法页面内转跳)</mark> 下面添加base方法不建议使用。 因此，给出的方案还是： 老老实实用 thymeleaf 的 @{...} 优化项目目录结构 用 thymeleaf 以外的技术(后端苦逼列不出

Ajax 异步加载 - 分析 / 执行 js 脚本

# 解决方案 感谢 - https://www.cnblogs.com/fightLonely/archive/2011/06/14/2080355.html 综合以上多种方式，排除不利因素，总结出一个比较实用的方法，可以满足类似这样公用页面的执行ajax加载的js的需求，在ajax加

检测用户是否打开浏览器控制台的方式

https://www.cnblogs.com/TiestoRay/p/7650173.html # 方法 一 var x = document.createElement('div'); var isOpening = false; Object.defineProperty(x, 'id

4/17剑指offer

1.把数字翻译成字符串0-25分别表示a-z，给一个数字看有几种翻译方法，例如12258可以翻译为bccfi,bwfi,bczi,mcfi,mzi.思路：可以想到利用递归解决问题，但递归可能会出现重复计算的问题，为了避免重复计算，我们从右到左进行计算不同翻译的数目。以12258为例，首先计算c4，易

【插件】animate.css - 加载页面 - 显示动画

<link rel="stylesheet" th:href="@{dist/css/animate.css}"><!-- 动画效果 --> <!--mind 中间内容--> <div id="mainCo

javaScript - prototype 和__proto__ - 原理和区别 - [原型链]

文章目录 # prototype 显示原型 - `__proto__` 隐式原型 # 原型链 # prototype 显示原型 - __proto__ 隐式原型 <mark>实例对象的隐式原型__proto__ = 构造函数的显示原型prototy

jQuery - 使用pushState()改变url而不刷新 - PJAX

文章目录 # pushState # replaceState 同理 # pushState、replaceState 的区别 # 限制因素 # Ajax 配合 pushState 例子 # pushState 配合 popstate 监听 # 流

thymeleaf - 引入 script 资源 - th:block

<!-- common-script --> <th:block th:fragment="common-script"> <!--CDN资源--> <script src="https://cdn.jsdelivr.net/

【插件】博客 - 看板娘

文章目录 # 入门 # 进阶 # 归档 # 入门 转载 - https://www.cnblogs.com/dxdblog/p/10255503.html 示例： 代码： <!-- 看板娘 --> <script src="

自定义Shiro注销后的跳转地址 logout

1.修改LogoutFilter的重定向地址 LogoutFilter logout = new LogoutFilter(); logout.setRedirectUrl(Constants.PREFIX +"/login"); 2.修改ShiroFilterFactor

mysql - 修改 - table

https://zhidao.baidu.com/question/112852249.html

mybatis - 【javaType】?、【OfType】？、 【jdbcType】？？？？？？？？

文章目录 # javaType 和 OfType # jdbcType ? # javaType 和 OfType JavaType 和 ofType 都是用来指定对象类型的 但是 JavaType 是用来指定pojo中属性的类型 而 ofType

SQL中join的用法解析（inner join、full out join、left join）

《SQL中join的用法解析（inner join、full out join、left join）》 - https://blog.csdn.net/Megustas_JJC/article/details/86092980

Date - 替换 ==》 instant、calendar

instant、calendar

"动吧" - crud 练习 part8 - [扩展] - 动态菜单 - 60

# 需求 主页菜单列表改为动态呈现方式 （不同用户登录，看到的菜单是不一样的！） # 实现 服务端设计 step01：设计 VO 对象 （ SysUserMenuVo ） @ 需要的资源：id、name、url --- 基于此对象，封装用户菜单信息(用户访问权限的

双重锁校验

cache Manager 里面

"动吧" - crud 练习 part7 - Shiro安全框架简介 - 58~60 -

名词： ------------------------------------------… subject - 主体、起因 - （登录到==》登录成功后 ， 全部的记录） principal - 当事人 - （登录成功后，存储用户信息） token - 令牌 - （用户名

AOP - AspectJ - Spring - Spring Boot 中， Advice 可以接收的参数

Advice 除了可以接收 JoinPoint （非Around Advice）或 ProceedingJoinPoint （Around Advice）参数外 还可以直接接收与切入点方法执行有关的对象 比如 切入点方法参数 切入点目标对象（ target ） 切入

【工具】 演示工具 ZoomIt

ZoomIt

@RequestParam，@PathParam，@PathVariable等注解区别

https://blog.csdn.net/u011410529/article/details/66974974

Docker中创建MySql服务的基本操作

《Docker中创建MySql服务的基本操作》 - https://www.jianshu.com/p/a4e586a82426

AspectJ - ProceedingJoinPoint - Signature 中的 ：获取信息

【工具】 - 服务器 - 文件管理/FTP - FileZilla

FileZilla - https://filezilla-project.org/ 免费开源的FTP解决方案

AOP 原理 - - 继承对象(CGLIB) / 组合对象(JDK) 、 AspectJ-ProceedingJoinPoint-getSignature 细节和这细节可能的bug

文章目录 # 1 - 继承 - CGLIB (Code Generator Library) # 2 - 组合对象 - compose - JDK # AspectJ - ProceedingJoinPoint 细节 # AspectJ - ProceedingJo

【工具】 强大的图片/屏幕 - 编辑/查看 - 工具 - FastStone

FastStone Capture - 屏幕记录/编辑 FastStone Image Viewer - 图片查看 快捷键 <mark>ctrl+PrtSc - 截图</mark> alt+PrtSc - 当前屏幕 shift + PrtSc

"动吧" - crud 练习 part6 - AOP - 55 ~ 57 - 声明式事务 / 传播特性 、 异步 / 池

文章目录 1 Spring AOP简介 1.1 AOP 概述 1.1.1 AOP 是什么？ 1.1.2 AOP 应用场景分析？ 1.1.3 AOP 应用原理分析(先了解)？ 1.2 AOP 相关术语分析 2 Spring AOP

mybatis的dtd约束文件及配置文件xml自动提示

《mybatis的dtd约束文件及配置文件xml自动提示》 - https://blog.csdn.net/a15920804969/article/details/79107852 文章目录 # mybatis的dtd约束文件下载 # eclipse 配置

"动吧" - crud 练习 part5 - 用户管理设计说明 - 53/54

文章目录 1 用户管理设计说明 1.1 业务设计说明 1.2 原型设计说明 1.3 API设计说明 2 用户管理列表页面呈现 2.1 业务时序分析 2.2 服务端实现 2.2.1 Controller实现 2.

MySql数据库备份的几种方式

《MySql数据库备份的几种方式》

js cdn

https://www.bootcdn.cn/ https://www.jsdelivr.com/

VScode 前端常用插件

https://www.jianshu.com/p/221280926573 在Hbuilder中新建一个htm自动会生成一个标准的html代码，那在vscode得一行一行写吗？太烦了吧，各种关键词搜，哎妈 终于找到了办法，现在这里记录下： 第一步：在空文档中输入 ! 第二步：按下 tab 键

Spring Boot - 手撕SpringBoot - 七、启动配置原理（debugger走一遍SpringBoot启动） ： 创建SpringApplication对象、run方法、事件监听机制

视频： https://www.bilibili.com/video/av20965295?p=68 下面纯当自己看源码的笔记，虽然添加了新版本的解释，但还是建议直接看视频 文章目录 七、启动配置原理 1、创建SpringApplication对象 `Spri

深入浅出mybatis - useGeneratedKeys参数用法 、keyColumn 和 keyProperty

文章目录 # 在settings元素中设置useGeneratedKeys参数 # 在xml映射器中配置useGeneratedKeys参数 # 在接口映射器中设置useGeneratedKeys参数 # keyColumn 和 keyProperty

"动吧" - crud 练习 part4 - 角色管理设计说明 - 52 / 53

文章目录 1 角色管理设计说明 1.1 业务设计说明 1.2 原型设计说明 1.3 API设计说明 2 角色管理列表页面呈现 2.1 业务时序分析 2.2 服务端实现 2.2.1 Controller实现 2.

Linux 设置程序开机自启动 （命令systemctl 和 chkconfig用法区别比较） - 【未完】

https://www.cnblogs.com/achengmu/p/9339559.html 之前在Linux centos 7 上安装了apache 和mysql，当时并没有设置开机自动启动。 最近又重新练习网页，每次开机总是要手动启动httpd和mysqld，不方便，就想设置成开机自动启

CentOS7 启动docker.service失败

# 情况1 yum update yum install docker systemctl start docker # 情况2 《关闭SELinux》 - https://www.cnblogs.com/caicaizi/p/9564754.html https://www.cnblogs

day-4

今天做这道！！ 跳跃游戏给定一个非负整数数组，你最初位于数组的第一个位置。 数组中的每个元素代表你在该位置可以跳跃的最大长度。 判断你是否能够到达最后一个位置。 示例 1: 输入: [2,3,1,1,4]输出: true解释: 我们可以先跳 1 步，从位置 0 到达 位置 1, 然后再从位置 1

Centos7 Minimal最小安装后要进行的优化（安装curl、配置阿里云镜像）

《Centos7 Minimal最小安装后要进行的优化》 - https://blog.csdn.net/IAGod/article/details/88815209 《Linux IP和网关配置》 https://www.cnblogs.com/linyfeng/p/7534677.html

【查看】 - 内网（局域网）ip 、公网（外网）ip - ipconfig 、 tracert

查看 - 内网（局域网）ip - ipconfig 可见 <mark>内网ip = 176.115.10.231</mark> 网关 = 176.115.10.1 子网掩码 = 255.255.255.0 ⇒ <mark>确定了 网段 在 176

JavaScript - function / prototype.xxxx

function ? function -> obj ? obj.prototype.xxx -> a function ？

sudo 命令 -【未完】

Substitute User DO https://www.cnblogs.com/danmiao/p/9993142.html

Systemd 入门教程：命令篇

http://www.ruanyifeng.com/blog/2016/03/systemd-tutorial-commands.html

网络基础 - 网关、网段、子网掩码、DNS

网关（Gateway）？ <mark>网关(Gateway)又称网间连接器、协议转换器。就是一个网络(网段)连接到另一个网络(网段)的“关口”</mark>。 按照不同的分类标准，网关也有很多种。 TCP/IP 协议里的网关是最常用的，在这里我们所讲的“网关”均指TCP/I

网络基础 - ip

localhost ：本地主机域名。 计算机网络中，localhost意为“本地主机”，指“这台计算机”，是给回路网络接口（loopback）的一个标准主机名， 相对应的IP地址为127.0.0.1（IPv4） 和 [::1]（IPv6）。 127.0.0.1 ：是回送地址，指本地机。 127.

tomcat运行三种模式:http-bio|http-nio|http-apr介绍

《tomcat运行三种模式:http-bio|http-nio|http-apr介绍》 - https://blog.csdn.net/lijunchao1/article/details/76175559

Spring Boot - 精简版 - 六、SpringBoot与数据访问

六、SpringBoot与数据访问 1、JDBC <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-jdbc

CentOS7 - 命令

《unix/Linux常用命令英文全称与中文解释 man ,su,ps,ls 等等》 - https://blog.csdn.net/cuijieb/article/details/39613435 reboot 重启 查看某个服务是否启动 ps：Process Statu

CentOS7安装docker 启动失败：Job for docker.service failed because the control process exited with error

https://blog.csdn.net/qq_40996741/article/details/98473966

一文彻底明白linux中的selinux到底是什么

安全增强型 Linux（Security-Enhanced Linux）简称 SELinux，它是一个 Linux 内核模块，也是 Linux 的一个安全子系统。 来源 https://blog.csdn.net/yanjun821126/article/details/80828908

"动吧" - crud 练习 part3 - 菜单管理设计说明 - 49~51

文章目录 1 菜单管理设计说明 1.1 业务设计说明 1.2 原型设计说明 1.3 API设计说明 2 菜单管理列表页面呈现 2.1 业务时序分析 2.2 服务端实现 2.2.1 Controller实现 2.

jQuery对象数据缓存Cache原理及jQuery.data详解

https://www.cnblogs.com/yuanjun1/p/4001953.html 网上有很多教你怎么使用jQuery.data(…)来实现数据缓存，但有两个用户经常使用的 data([key],[value]) 和 jQuery.data(element,[key],[value])

jQuery - prop 和 attr 区别 【精简】

文章目录 # 字段值 # 状态值 # 自定义属性值 总结 # 字段值 prop 和 attr 结果一样 # 状态值 prop 和 attr 结果<mark>不一样</mark> prop ： 返回 ⇒ tr

Centos - top 命令详解

文章目录 字段的含义： VIRT：virtual memory usage 虚拟内存 RES：resident memory usage 常驻内存 SHR：shared memory 共享内存 DATA（Data+Stack）

Linux中ps与top命令 - 解析 - 【未完】

https://www.cnblogs.com/tudachui/p/9516009.html

CentOS - 修改用户密码方法

普通用户 a. 获取超级用户root权限 命令：su或者su -或者su - root b. passwd 用户名 超级用户 a. 打开system-auth文件 命令：vi /etc/pam.d/system-auth b. 修改其中一行(设置最小密码长度为4)： p

Spring Boot - 精简版 - 五、Docker

文章目录 1、简介 2、核心概念 3、安装Docker 1）、安装linux虚拟机 2）、在linux虚拟机上安装docker 4、Docker常用命令&操作 1）、镜像操作 2

Java各种对象（PO,BO,VO,DTO,POJO,DAO,Entity,JavaBean,JavaBeans）的区分

https://www.cnblogs.com/lyjin/p/6389349.html <mark>PO</mark>：持久对象 ( persistent object ) 就是在 Object/Relation Mapping 框架中的 Entity

Mybatis - 动态拼接 sql - .... .....

<sql id="queryWhereId"> from sys_logs <where> <if test="username!=null and username != ''"> username

Spring Boot 之使用 Json 详解 - 【未完待续。。。】

《Spring Boot 之使用 Json 详解》

模糊查询 ， 字符串拼接 、 MyBatis - concat() - like - %

<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http:

"动吧" - crud 练习 part2 - 日志管理设计说明 - 查询、删除、添加 - 46/48 -

文章目录 1 日志管理设计说明 1.1 业务设计说明 1.2 原型设计说明 1.3 API设计说明 2 日志管理列表页面呈现 2.1 业务时序分析 2.2 服务端实现 2.2.1 Controller实现 2.

"动吧" - crud 练习 part1 - 环境搭建、index界面 - 45

文章目录 1 项目简介 1.1 概述 1.2 原型分析 2 技术架构 2.1 项目分层架构 2.2 API应用架构 3 技术整合 3.1 环境准备 3.1.1 数据库初始化 3.1.2 IDE配

编码 - 【web】response - setCharacterEncoding 、 setContentType ： request - setCharacterEncoding ： tomcat

《 response 中 setCharacterEncoding 和 setContentType 的区别》 - https://blog.csdn.net/qq_36791569/article/details/80152647 《 request 中 setCharacterEncodin

Date 格式 - 前后端交互

《@JsonFormat与@DateTimeFormat注解的使用》 - https://blog.csdn.net/LawssssCat/article/details/103848836 . 上面文章写的很清楚了： . <mark>数据库查到的 Date</mar

@JsonFormat与@DateTimeFormat注解的使用

文章目录 1.注解@JsonFormat 2.注解@DateTimeFormat 总结： 转载： https://www.cnblogs.com/mracale/p/9828346.html 背景：从数据库获取时间传到前端进行展示的时候，我们有时候可能无法得到一个满意的时

thymeleaf - 常用功能 + 坑 + 官方api

2.1之前 https://www.thymeleaf.org/doc/tutorials/2.1/usingthymeleaf.html 3.0 https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html Simp

JackSon 用法、Date处理

《JackSon的几种用法》 https://blog.csdn.net/m0_37076574/article/details/81317403 《 @JsonFormat 与@DateTimeFormat注解的使用》 https://blog.csdn.net/LawssssCat/arti

解决：Failed to convert value of type 'java.lang.String' to required type 'java.util.Date';

发生这一错误的主要原因是Controller类中需要接收的是Date类型，但是在页面端传过来的是String类型，最终导致了这个错误。 这里提供两种解决方案，一种是局部转换，一种是全局转换。 <form action="login.do" method="p

sts 如何支持thymeleaf. 自动提示

安装插件 help----> install New SoftWare 插件地址：http://www.thymeleaf.org/eclipse-plugin-update-site 页面导入命名空间 <html xmlns:th="http://www.thymel

AJAX - 44~46

文章目录 1、AJAX简介 1.1 Ajax 是什么 1.2 Ajax 应用场景 1.3 Ajax 应用模型分析 2 AJAX基本应用 2.1 Ajax编程步骤 2.2 Ajax编程实现(了解) 2.2.1 Ajax Get

Spring Boot - 精简版 - 四、Web开发 - 资源、模板、WebMvcAutoConfiguration、CRUD、自定义error页面、嵌入式Servlet

文章目录 1、简介 2、SpringBoot对静态资源的映射规则； 3、模板引擎 1、引入thymeleaf； 2、Thymeleaf使用 3、语法规则 4、SpringMVC自动配置 1. Spring MV

Spring使用SpEL表达式读取properties配置文件的两种方式

第一种： config.properties： index.version=v1 spring配置文件，加载config.properties： <!-- 获取properties中的值 --> <bean id="configProperties" c

$和# - SpEL、JSP、MyBatis、Spring...

文章目录 总结 SpEL Spring MyBatis JSP 总结   # $ Spring = SpEL 表达式 引用 MyBatis

STS/MyEclipse安装lombok遇到的坑（管理员权限启动ide）

首选方法 管理员运行 sts/ mYEclipse 安装步骤 确保你的ide版本不是辣么旧 下载lombok.jar后放在ide安装目录下，与.ini文件平级 在命令行使用java -jar lombok.jar运行jar包，点击Specify Location选择

Java.io.tmpdir介绍

System.getproperty(“java.io.tmpdir”)是获取操作系统缓存的临时目录，不同操作系统的缓存临时目录不一样， 在Windows的缓存目录为：C:\Users\登录用户~1\AppData\Local\Temp\ Linux：/tmp System.getProper

Spring Boot - 精简版 - 三、日志框架

1、选什么日志框架？ 日志门面（日志的抽象层）： artifact JCL(Jakarta Commons Logging) 2014年最后更新 ， 廉颇老矣尚能饭否？ jboss-logging 实现少 SLF4J(Simple Log Facade for Java )

SpEL之#和$的区别

https://blog.csdn.net/zxx2096/article/details/102986973

spring - bean 声明周期 - 解析顺序、registerShutdownHook()

文章目录 1、总结 2、测试 测试类：A 测试类：Demo 测试结果 3、扩展 registerShutdownHook() ApplicationContex

Spring Boot - 精简版 - 二、配置文件

二、配置文件 1、配置文件 SpringBoot使用一个全局的配置文件，配置文件名是固定的 application.properties application.yml 配置文件的作用：修改Spring|Boot自动配置的默认值；SpringBoot在底层都给我们自动配置好；

Spring Boot - 精简版 - 一、 Spring Boot 入门

一、 Spring Boot 入门 1、 Spring Boot 简介 简化Spring应用开发的一个框架； 整个Spring技术栈的一个大整合； 优点 快熟创建独立运行的Spring项目以及与主流框架及集成 使用嵌入式框架Servlet容器，应用无需打包成war包

【测试】 - check 在 mysql 中不起作用

文章目录 1、测试 check 在 mysql 中作用与否 ？ 2、结论 3、测试的代码 1、测试 check 在 mysql 中作用与否 ？ 1、 我创建表， 有 check(stock>0) 检查的，但mysql 好像会 把 check 语句直接丢弃