qq_41736540的博客

原创 vue3+vite+pdfjs

在vite而非webpack下构建下使用pdfjs，初步应用

原创 盒子模型简述

box-sizing: border-box;width = content+ 2*margin + 2*border-width在div没有设置width/height时(盒子模型的width默认是父元素的width)，padding不会影响div的width/height

原创 js深拷贝

<script type="text/javascript"> function deepClone(obj){ let cloneObj // 是否是object类型 if(typeof obj == 'object'){ // 初始化cloneObj []或{} cloneObj = (obj instanceof Array) ? [] : {} ...

原创 如何在子元素浮动时，撑开父元素的高度

1.给父元素设置高度（不推荐）2.在父元素的最后添加一个子元素，设置子元素clear: both3.父元素设置overflow: hidden;

原创 箭头函数的this指向

箭头函数中的this默认指向在定义它时,它所处的对象,而不是执行时的对象例子：function Person(){ this.speak = function(){ console.log(this) } this.study = () => console.log(this)}cosnt p1 = new Person()p1.speak()p1.study()const speak_1 = p1.speak //Perso

原创 原型链图解

原创 js堆排序简解

<script type="text/javascript"> function swap(arr,i,j){ var temp = arr[i]; arr[i] = arr[j]; arr[j] = temp; } /** * 堆排序原理： * 构造大顶堆是为了找出当前长度为len的数组中最大的值并放置到根节点 * 然后通过将根节点中的最大值放到最后一个节点中，此时数组长度变为len-1（即忽略最大值）， * 重复上..

原创 Spring MVC常用注解

Spring MVC常用注解@Controller负责注册一个bean到spring上下文中。@RequestMapping注解为控制器指定可以处理哪些URL请求。@ResponseBody该注解用于将Controller的方法返回的对象，通过适当的HttpMessageConverter转换为指定格式后，写入到Response对象的body数据区。@Autowired为Spring提供注解，需要导入包org.springframework.beans.fact

原创 学习spring——maven配置

1. 在maven安装目录下找到conf文件夹2. 在conf文件夹下面找到setting.xml3. 在setting.xml文件中找到并配置如下： <mirrors> <!-- mirror | Specifies a repository mirror site to use instead of a given repository. The repository that | this mirror serves has an ID that

原创 SQL语句类别划分

SQL语句类别划分DDL(Data DefinitionLanguage，数据库定义语言)：定义不同的数据库、数据库表、列、索引等数据库对象的定义。例：create(创建表)、drop/truncate(删除表)、alter(修改表)和show(查询表)DML(Data Manipulation Language，数据库操控语言)：用于添加、删除、变更和查询数据库记录。例：insert(添加数据)、delete(删除数据)、update(更新数据)DCL(Data Control Langua

原创 JAVA学习笔记——杂记

上转型，父类引用指向子类对象下转型，子类引用指向子类对象

原创 html模板创建者

import java.io.BufferedOutputStream;import java.io.File;import java.io.FileNotFoundException;import java.io.FileOutputStream;import java.io.FileWriter;import java.io.IOException;import java.util.Scanner;import java.util.regex.Pattern;public class

原创 vue.js生命周期

created实例创建完成后调用，此阶段完成了数据的观测等，但尚未挂载，$el还不可用，需要初始化处理一些数据时会比较有用。mountedel挂载到实例上后调用，一般我们的第一个业务逻辑会在这里开始。beforeDestroy实例销毁之前调用，主要解绑一些使用addEventListener监听的事件等。...

原创 Vue.js学习收藏网址

https://www.cnblogs.com/lgx5/p/10732016.htmlhttps://www.cnblogs.com/hellman/p/10985377.htmlhttps://blog.csdn.net/qq_36996271/article/details/82527256

原创 css块级元素垂直居中

css块级元素水平居中该元素style属性设置为：margin:auto;

原创 AJAX声明/监听/打开/发送

<script> function loadXMLDoc() { var xmlhttp; if (window.XMLHttpRequest) { // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码 xmlhttp = new XMLHttpRequest(); } else { ...

原创 学习text-align、vertical-align和line-height

text-align和vertical-aligntext-aligntext-align属性指定元素文本的水平对齐方式。vertical-alignvertical-align设置一个元素的垂直对齐方式。line-height使用百分比设置行高。

原创 学习Ajax发送请求

Ajax发送请求Ajax可以通过XMLHttpRequest对象实现采用异步方式在后台发送请求。两种请求方式：GET和POST需要经过四个步骤：初始化XMLHttpRequest对象。为了提高程序的兼容性，需要创建一个跨浏览器的XMLHttpRequest对象，并且判断XMLHttpRequest对象的实例是否成功，如果不成功，则给予提示。http_request = false;if(window.XMLHttpRequest){ http_request = new XMLHttpRe

原创 学习HTTP状态码

HTTP状态码值意义200表示成功202表示请求被接受，但尚未成功400错误的请求404文件未找到500内部服务器错误––

原创 学习初始化XMLHttpRequest对象

初始化XMLHttpRequest对象IE浏览器IE浏览器把XMLHttpRequest实例化为一个ActiveX对象。具体方法如下：var http_request = new ActiveXObject("Msxml2.XMLHTTP");或者var http_request = new ActiveXObject("Microsoft.XMLHTTP");在上面的语法中，Msxml2.XMLHTTP和Microsoft.XMLHTTP是针对IE浏览器的不同版本而进行设计的，目前常用的就

原创 学习JSTL标准标签库

JSTL标准标签库，实际上是由5个功能不同的标签库组成：核心标签库：<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>格式标签库：<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>SQL标签库：<%@ taglib prefix="sql" uri="http://java.sun.com/jsp/jstl/sql

原创 学习JDBC数据库连接

JDBC数据库连接import java.sql.Connection;import java.sql.DriverManager;import java.sql.SQLException; /** * 获取数据库连接 * @return Connection对象 */public Connection getConnection() { Connection conn = null; //数据库连接 try { Class.forName(

原创 学习EL的隐含对象

EL的隐含对象页面上下文对象访问作用域范围的隐含对象访问环境信息的隐含对象一、页面上下文对象pageContext用于访问JSP内置对象和servletContext能获取的JSP内置对象有request、response、out、session、exception、page，但不能获取application、config、pageContext在获取到这些内置对象后，即可以获取其属性值例如：获取内置对象request：${pageContext.request}获取request的

原创 学习JSP指令标识

jsp指令标识的语法格式如下：<%@ 指令 属性1=“属性值1” 属性2=“属性值2”......%>例如：<%@ page language=“java” contentType=“text/html;charset=GB18030” pageEncoding="GB18030"%>参数说明：指令名：用于指定指令名称，在jsp中包含page、include和taglib3条指令。属性：用于指令属性名称，不同的指令包含不同的属性。在一个指令中，可以设置多个属性，各属性之

原创 解决fConfig.getInitParameter()返回值包含null问题

web.xml使用时，把filter里面的@WebFilter(“xxx”)删除即可