qq_42425551的博客

原创 [JS高级]JS中常用但是很容易记混的API

js中常用但是容易记混的api

原创 [JS高级]ESModule和commonJS的原理和执行过程

ESModule和commonJS的原理和执行过程

原创 JS的类型转化

一图弄懂js的类型转化机制

原创 a元素颜色不能继承父元素的原因

a元素颜色不能继承父元素的原因

原创 微服务了解

https://www.kuangstudy.com/bbs/1374644434515275777

原创 【数据库系统概论】SQL语句总结

目录：一、SQL的基本概念二、SQL的基本语法DDL2.1 SQL的数据类型2.2 模式定义&删除2.3 表的定义&删除&修改2.4 索引的建立&修改&删除三、SQL的基本语法DQL3.1 查询所有&查询部分列3.2 给列改名3.3 结果去重3.4 查询结果加条件3.5 聚集函数使用3.6 分组查询3.7 连接3.7.1 等值连接3.7.2 自身连接3.7.3 外连接3.7.8 多表查询3.7.9 嵌套查询3.7.10 带有any all的子查询3.7.11

原创 【数据库系统概论】数据库基础知识

目录：一、数据库的四个基本概念二、数据模型2.1概念模型2.2逻辑模型和物理模型三、数据库系统的结构3.1 三级模式结构3.2 二层映像四、 关系数据库4.1关系模式（了解）4.2关系操作（下一章详解）4.3 关系语言的分类4.4 关系代数语⾔一、数据库的四个基本概念数据：描述事物的符号记录。（比如某学生的年龄）数据库：数据库是⻓期储存在计算机内、有组织的、可共享的⼤量数据的集合。数据库中的数据按⼀定的数据模型组织、描述和储存，具有较⼩的冗余度、较⾼的数据独⽴性和易扩展性，并可为各种⽤户共享。

原创 【vue】组件化知识补充

目录：一、动态组件1.1. v-if显示不同组件1.2. 动态组件的实现1.3. 动态组件的传值1.4. keep-alive使用1.4.1. 认识keep-alive1.4.2. keep-alive属性二、异步组件2.1. webpack的代码分包2.2. vue中实现异步组件2.3. 异步组件和Suspense三. 模块引用3.1. $refs3.2. $parent四. 生命周期4.1. 生命周期图片4.2. 生命周期演练五. 组件的v-model5.1. 组件的v-model5.2. comput

原创 【vue】高阶js函数

目录：一、使用场景介绍二、高阶函数介绍2.1命令式编程实现2.2函数式编程实现三、使用函数式编程对（一）中的场景代码替换一、使用场景介绍在书籍购物车案例中，计算总价格时，传统的方法是使用for循环进行计算，这样虽然好理解，但是代码量大，可读性不高。代码如下：totalprice(){ let totalPrice = 0; //1.最普通的for循环 for(let i =0;i<this.books.length;i++

原创 【vue】非父子组件通信和插槽使用

目录：一.非父子组件之间通信1.1. Provide/Inject1.1.1. 基本使用1.1.2. 函数写法1.1.3. 处理响应式1.2. 全局事件总线二. 插槽的使用2.1. 认识插槽slot2.2. 插槽的使用2.2.1. 插槽的基本使用2.2.2. 插槽的默认内容2.2.3. 具名插槽的使用三. 作用域插槽3.1. 渲染作用域3.2. 作用域插槽3.3. 独占默认插槽一.非父子组件之间通信在开发中，我们构建了组件树之后，除了父子组件之间的通信之外，还会有非父子组件之间的通信。这里我们主要讲两

原创 【vue】前端的this指针指向问题总结

一、this指针指向问题this会在执行上下文中绑定一个对象，但是是根据什么条件绑定的呢？在不同的执行条件下会绑定不同的对象，这也是让人捉摸不定的地方。这一次，我们一起来彻底搞定this到底是如何绑定的吧：1.1默认绑定：函数直接被调用，并没有进行任何的对象关联。在真正函数调用的位置，并没有进行任何的对象绑定，只是一个独立函数的调用；简单一点理解就是找不到调用这个函数的对象，这样的一般都是默认绑定，绑定的是window1.2隐式绑定function foo() { console.log(

原创 【vue】组件以及父子组件通信

目录：一. 认识组件化1.1. 什么是组件化？1.2. Vue的组件化二. 注册一个组件2.1. 注册全局组件2.2. 组件的名称2.3. 注册局部组件三. Vue的开发模式3.1. Vue的开发模式3.2. 如何支持SFC3.3 css作用域污染问题四. 认识组件的嵌套4.1. App单独开发4.2. 组件的拆分4.3. 组件的通信五. 父子组件的相互通信5.1. 父组件传递给子组件5.1.1. props的数组用法5.1.2. props的对象用法5.1.3. 非Prop的Attribute5.2. 子

原创 【vue】babel的介绍以及编写vue文件

目录：一、Bable介绍二、webpack与bable结合三、webpack打包vue文件3.1、vue(.runtime).global(.prod).js3.2、vue(.runtime).esm-browser(.prod).js3.3、vue(.runtime).esm-bundler.js3.4、vue.cjs(.prod).js四、vscode对sfc文件的支持五、编写vue文件一、Bable介绍是一个单独的工具，与webpack独立，但是可以和webpack一起使用作用：es6或者 ty

原创 【vue】vue脚手架以及vite介绍

vue第八天学习内容一、VUECLI二、关于cli的原理三、vite四、使用vite五、vite处理css、less、postcss、ts六、vite对vue的支持：七、预打包介绍：八、关于vite打包九、真实项目中不会一直使用npx的十、ESBuild十一、vite脚手架，一、VUECLI先安装这个工具：npm install @vue/cli -g 全局安装，这样在哪个文件夹下都能使用cli工具升级的话npm update @vue/cli -g通过vue命令创建项目：vue create 项

原创 【vue】devserver及其配置

一、devserver背景介绍每次改代码都需要重新部署,或者只改变修改代码行的效果所以出现了devserver本地服务为了完成自动编译，webpack提供了几种可选的模式方式一：webpack watch mode实现方法一： 在导出的配置中，添加watch:true实现方法二： 在启动webpack的命令中，添加–watch的标识方式二：webpack-dev-server(常用)二、webpack-dev-server上面的方式可以监听到文件的变化，但是事实上它本身没有自动刷新浏

原创 【vue】初识vue

vue第一天学习内容一、vue3的前言1.1 渐进式框架1.2 相比于vue2的变化源码上性能上新的API二、课程大纲：三、第一天内容3.1 如何使用vue呢3.2 vue引入方法：3.2.1 方式一：在页面中通过CDN(内容分发网络)的方式引入3.2.2 方式二：下载vue的javascript文件，并且自己手动引入3.2.3 方式三：通过npm包管理工具安装使用它（webpack在讲）3.2.4 方式四：直接通过vue CLI创建项目，并且使用它3.3 计数器案例（原生js代码vs vue代码）3.4

原创 【vue】webpack的使用

node环境–>>npm–>>webpack–>>cli一、npmnpm install就有了package.json和node_module文件夹（npm得以运行的条件）package.json记录了需要安装的依赖（如果package.json记录了一些依赖，那么就直接npm install就行）npm install webpack webpack cli -D就有了module和package.lock.json就可以局部webpack了，有三种方法一

原创 【vue】模块化的演变

一：模块化雏形：//小明编写的js.js:;var modulea=（function(){var flag=true;return flag;}）()//小明编写的js2.jsif(modulea.flag==true){xxxx;}二、出现了模块化规范因为模块化雏形比较复杂，所以出现了模块化规范比如commonjs,amd,cmd,es6三、commonjs://小明编写的js.js:module.export{flag,xxx}//小明编写的js2.js:let

原创 【408计算机网络】数据链路层

文章目录一、数据链路层的功能二、组帧2.1为什么组帧呢？直接传送比特流不好么2.2为什么组帧既要加首部，又要加尾部呢，而报文切割成分组只需要加首部？2.3四种组帧方法2.3.1字符计数法2.3.2字节填充的首尾界符法2.3.3比特填充的首尾标志法2.3.4物理编码违例法三、差错控制3.1检错编码3.1.1奇偶校验码3.1.2 CRC循环冗余码3.2纠错编码四、流量控制与可靠传输机制4.1流量控制4.2可靠传输机制4.3滑动窗口机制4.4停止等待协议4.5后退N帧协议4.6选择重传协议4.7发送缓存与接收缓存

原创 【vue】VUE基础语法(二)

vue第二天学习内容一、上节课遗留问题：二、VScode添加代码片段方法三、vue3基本指令3.1 Mustache双大括号语法：3.2 v-once语法：3.3 v-text语法：3.4 v-html语法：3.5 v-pre语法：3.6 v-cloak语法：四、v-bind4.1 v-bind的基本使用4.2 v-bind绑定class-对象语法4.3 v-bind绑定class-数组语法4.4 v-bind绑定style-对象语法4.5 v-bind绑定style-数组语法4.6 v-bind动态绑定属

原创 【vue】VUE基础语法(一)

vue第一天学习内容一、vue3的前言1.1 渐进式框架1.2 相比于vue2的变化源码上性能上新的API二、课程大纲：三、第一天内容3.1 如何使用vue呢3.2 vue引入方法：3.2.1 方式一：在页面中通过CDN(内容分发网络)的方式引入3.2.2 方式二：下载vue的javascript文件，并且自己手动引入3.2.3 方式三：通过npm包管理工具安装使用它（webpack在讲）3.2.4 方式四：直接通过vue CLI创建项目，并且使用它3.3 计数器案例（原生js代码vs vue代码）3.4

原创 【运维知识】war包发起过程

第一步、 准备好发包工具SecureFX（压缩包解压即用）和要发的tsp的war包（SecureFX工具用于连接服务器，能显示本地和服务器上的文件信息，并且可以在本地和服务器之间上传/下载文件；另外该工具中集成了命令行窗口，输入linux命令可以对服务器进行操作）第二步、 打开SecureFXPortable.exe，若第一次连接该服务器，点击左上角的“快速连接”，主机名填写要连接的服务器的ip地址，端口默认22，用户名，密码第一次连接成功后，再次链接该服务器时直接点击左上角“连接”即可第三步、

原创 【vue】认识vue-router

作用：vue-router是基于路由和组件的，用于设定访问路径，将路径和组件映射起来安装和使用步骤：安装：npm install vue-router --save在模块化工程中使用它：第一步：导入路由对象，并且调用vue.use(VueRouter)第二步：创建路由实例，并且传入路由映射配第三步：在vue实例中挂载创建的路由实例使用vue-router的步骤第一步：创建路由组件 （这里是home.vue和about.vue）第二步：配置路由映射：组件和路径映射关系第

原创 【vue】浅谈前后端渲染（网页的发展历程）

后端渲染阶段优点：因为不需要加载任何的js和css，所以对SEO优化要好一点缺点：整个页面的模块由后端人员来编写和维护的，前端开发人员如果要开发页面，需要通过java等语言来编写页面代码，html代码和数据以及对应的逻辑会混在一起，编写和维护都是很糟糕的事情大体过程：在浏览器输入url后，url传到后端服务器，服务器收到这个url，使用例如jsp技术将这个url对应的html+css+java代码（用处：从数据库获取数据，然后动态的展示到页面上），然后服务器将html+css传到浏览器，也就是说服务

原创 【java】工厂解耦

原创 【java】mybatis的环境搭建

提前准备：在数据库中创建一张User表第一步：创建maven工程，导入坐标在pom.xml中导入重要的依赖：第二步：创建实体类和dao的接口实体类要实现Serializable的接口，位于java下的main下的com.xxx.domain下。接口位于java下的main下的com.xxx.dao下。第三步：创建Mybatis的主配置文件（跟数据库相关的）在resources文件夹下创建一个SqlMapConfig.xml，写入如下代码<?xml version="1.0" enco

原创 【java】多线程的实现方式

方式一：继承Threadpublic class MyThread1 extends Thread{ //这是一个线程，它的任务是实现打印0到50 @Override public void run() { for(int i=0;i<=50;i++){ System.out.println(i); } }}定义一个类去继承Thread类，将线程的执行体重写入父类的run()方法，然后在主线程（main

原创 【java】对进程、线程的简单理解以及java实现多线程

问：进程、线程的基本概念？答：进程、线程都是操作系统的一些基本概念。进程是指计算机中已运行的程序，是系统进行资源分配和调度的基本单位，是操作系统结构的基础。线程是操作系统能够进行运算调度的最小单位，它被包涵在进程之中，是行程中的实际运作单位。问：概念太抽象，能举个例子么？？答：概念总是抽象的。不妨直接举个简单的例子，上图：可以简单的认为电脑管家是一个进程，清理垃圾、扫描病毒、电脑加速等这些都是线程。这些都是IE浏览器的线程，一个进程对应一个或多个线程。问：每个线程都是平等地被cpu调度么？

原创 【java】加快maven骨架创建速度的方法二

在学习完maven以后，想体验一下maven强大的整合功能，可万万没想到启动项目光加载完骨架就用了三十分钟。。maven加载信息如下（会卡在红色框所示加载缓慢，这行英语的意思是正在生成项目ing）。话不多说，直接上方法：第一步：下载archetype-catalog.xml用IE浏览器打开https://repo1.maven.org/maven2/第二步：将archetype-catalog.xml放入指定位置将第一步下载的文件放到如下路径（注意maven仓库地址每个人设置的都不一样）第三

原创 【java】加快maven骨架创建速度的方法

在学习完maven以后，想体验一下maven强大的整合功能，可万万没想到启动项目时光加载完骨架就用了三十分钟。。在搜集了很多资料后得知：原因是每次创建maven项目，都需要在网络上远程下载骨架，需要访问国外的网络，所以下载速度非常慢。在借鉴了很多前辈的优秀文章后，总结了两个方法，其中第一个是更改骨架远程下载地址；其二是将远程的骨架给下载到本地。今天主要介绍第一种方法，明天介绍第二种方法（我觉得第一种更简单23333）。话不多说，上代码： <mirror> <id&g