啦啦啦小骑士的博客

vite.config.ts可以配置resolve.alias别名，这样在项目中import时就不用写一长串相对路径了，但有时会遇到编辑器提示『找不到模块』，虽然不影响编译与运行，但看着很碍眼。原因就是缺少了相应的配置，导致VSCode识别不了模块。

闭包、原型及异步被号称是JS基础知识的三座大山，其中，异步算是让初学者最迷惑的一坐巍峨雄峰了，异步在计算机知识中并不是很复杂的概念，但由于JS语言的独特差异，导致JS中的异步理解及操作稍显费劲。本文原本是记录Promise源码的渐进式实现过程的手记，后来我补充了很多自己关于JS异步的理解，最终形成了一篇内容还算饱满的文章，描述可能并不准确，仅作参考。

一、背景邮件发送功能是各种系统不可或缺的功能，例如办公系统会在出现特定状况时向人事部门或技术部门发送告警信息。Spring框架提供了JavaMailSender接口可以进行简单的邮件推送，我们可以很轻易的使用。此外，邮件推送还需要考虑是否采用异步的方式，如果邮件推送功能是在用户触发某个操作后发生的，使用同步的方式串行执行发邮任务势必会导致业务的阻塞，我们可以使用Spring提供的ThreadPool来实现异步多线程。二、配置异步任务首先在SpringBootApplication主类下增加注解@

这篇文章是个人学习时记录的要点汇总，因为文字风格比较随意，而且省略了代码示例，更没有覆盖完整知识面，所以仅用作学习过后的复习材料，若需系统学习应参考Vue.js官方文档（本文的几个引用段落均摘自该文档）本文知识点以Vue2为基准，补充了一些Vue3的内容（现有特性变更会用荧光笔标注，新加特性会在标题上注明“Vue3新”），另外，个人认为的易错点以及涉及思想的内容会在标题上注明“重点”。

1. BFC的概念BFC称作块级格式化上下文，它是页面上的局部稳态容器，内部元素的一切情况都不会影响外部的元素，同理，外部情况也不会影响内部结构。块格式化上下文（Block Formatting Context，BFC） 是Web页面的可视CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。2. 从一个现象引出BFC现有一个父元素嵌套两个子元素，如下：<div class="box"> <div class="d1"></div

目录典型面试题平台无关性是如何实现的？JVM为何不直接解析源码，而要引入中间字节码？JVM是如何加载class文件的？典型面试题平台无关性是如何实现的？Java源码首先被编译成中间字节码，再由不同平台的JVM进行解析，不同平台的JVM会将字节码转换为具体平台中的机器指令，如此就可以实现一份Java代码能够在多个平台运行。JVM为何不直接解析源码，而要引入中间字节码？如果直接解析源码，每次执行时还需要重新检查语法，浪费时间和性能。引入中间字节码只需在编译阶段做一次检查。其它能够转换为字节码的语

1. 前言Java Web项目在处理请求时，如果遇到异常，会直接将执行栈的详细信息返回给客户端，这种交互不仅极不友好，而且随意将服务器细节对外展示也是非常危险的。通常我们会

目录XSS攻击原理抵御方法针对前端代码实现XSS攻击原理XSS攻击指攻击者利用服务器漏洞，将恶意代码以文本的形式混杂进请求数据中发送给服务器存储，服务器在未来渲染视图的时候会将该恶意代码也携带进去，客户端执行恶意脚本后会造成重要信息泄露。XSS攻击的恶意代码通常是HTML标签包裹JavaScript脚本，形如<script>alert("恶意脚本")</script>，当页面中出现这种结构的文本时，浏览器会误认为是正常的标签而进行渲染。举一个简易的例子，假设攻击者的服务器为x

目录一、前置知识TCP/IP四层模型TCP协议特点网络套接字二、套接字实现服务端客户端三、面向TCP的服务端TCPServer类一、前置知识TCP/IP四层模型应用层：主要包括HTTP、FTP协议，它解决数据与应用程序对接的问题传输层：主要包括TCP、UDP协议，它解决数据在端到端传输的可靠性问题网络层：主要包括IP协议，它解决数据包在单一网络中传输的问题网络接口层：主要包括物理设备、以太网等，它解决数据包从一个设备的网络层到另一个设备的网络层的问题TCP协议特点面向连接：双方需要经过

目录一、MySQL二、MongoDB三、Redis四、JDK五、Tomcat一、MySQL通过yum下载RPM软件包若要安装MySQL8.0，请执行：yum localinstall https://repo.mysql.com/mysql80-community-release-el7-3.noarch.rpm若要安装MySQL5.7，请执行：yum localinstall https://repo.mysql.com/mysql57-community-release-el7-11.

适配原理：1rem = font-sizefont-size = 视口宽 / 系数init-scale = 1 / 设备像素比根据(function () { // 使用严格模式 "use strict"; // 获取HTML元素、meta标签、设备像素比，设置缩放阈值 var docEl = document.documentElement, viewportEl = document.querySelector('meta[name="viewport"]'),

1. 设置常量可以根据需要设置一些常量// 常量export const HTTP_GET = 'GET';export const CONTENT_TYPE_FORM_URLENCODED = 'application/x-www-form-urlencoded';export const CONTENT_TYPE_JSON = 'application/json';2. 封装工具类主要用于数据的转换及URL处理// 将数组序列化成URLEncoded格式的字符串const seria

1. 设置Cookie的函数：因为名值对可能出现非英文字符，所以使用encodeURIComponent函数进行编码const set = (name, value, { maxAge, domain, path, secure } = {}) => { let cookieText = `${encodeURIComponent(name)} = ${encodeURIComponent(value)}`; if (typeof maxAge === 'number') {

一、环境搭建原则功能测试：轻数据，重覆盖，数据要真实性能测试：大量的数据，实际的硬件二、基本架构研发环境：用于研发自测、集成测试测试环境：用于日常单系统或两两微服务间的测试联测环境：完备环境，用于大型联测外联环境：稳定版本环境，用于外部商户联调灰度/沙箱环境：用于生产数据测试，仿真测试...

一、软件的十大特性无形的复杂的智力产品尚未自动化不存在完全没有缺陷的产品软件复制简单，但成本有限软件的管理更加独特对计算机系统环境高度依赖软件的维护在于升级、优化和功能更新，甚至重构...

现象：HTML等静态资源本身的编码是没有问题的，但在开启SpringMVC的编码过滤器后，页面反而出现了莫名其妙的乱码。原先的web.xml配置如下：<filter> <filter-name>CharacterEncodingFilter</filter-name> <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class&

思路：通过正则表达式获取URL中name=xxx的部分，然后将其中的十六进制转义序列转换成正常的字符function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r != null) { return decodeUR

可以使用Filter过滤器将所有的请求与相应设置为相应的编码。Filter类：public class EncodingFilter implements Filter { private String encoding = "UTF-8"; // 默认编码UTF-8 @Override public void init(FilterConfig filterConfig) throws ServletException { // 如果用户配置了编码，则将en

一、Mybatis简介MyBatis是支持定制化SQL、存储过程以及高级映射的持久层ORM框架，它通过XML配置文件的方式进行数据交互，避免了传统JDBC硬编码的种种缺陷。二、...

一、MVC设计模式二、Spring MVC组件组件名作用DispatcherServlet前置控制器Handler完成具体业务逻辑的处理器HandlerMapping将请求映射到HandlerHandlerInterceptor处理器拦截器HandlerExecutionChain处理器执行链HandlerAdapter处理器适...