qq_43158726的博客

原创 全网最详细的JavaScript 常用方法及其使用说明

getHours()、getMinutes()、getSeconds()、getMilliseconds(): 返回小时、分钟、秒、毫秒。setHours()、setMinutes()、setSeconds()、setMilliseconds(): 设置小时、分钟、秒、毫秒。Math.log()、Math.log10() 和 Math.log2()includes()、endsWith() 和 startsWith()Math.pow()、Math.sqrt() 和 Math.cbrt()

原创 vue3相比于vue2有哪些新特性？

新的生命周期钩子，如 onBeforeMount、onMounted、onBeforeUpdate、onUpdated、onBeforeUnmount 和 onUnmounted，提供了更细粒度的控制。Vue 3 使用了 Proxy 代替 Vue 2 中的 Object.defineProperty，提供了更好的性能和更少的限制。Vue 3 从一开始就设计为更好地支持 TypeScript，提供了更好的类型推断和类型检查。emits 选项明确列出了组件可以触发的事件，有助于事件的类型检查。

原创 Ubuntu上卸载Nginx步骤操作

这条命令会删除Nginx的配置文件和目录。如果以后要重新安装Nginx，并希望保留以前的配置，可以跳过这一步。这会删除Nginx安装时可能安装的依赖项，但不再需要的软件包。这会清理所有已下载但不再需要的软件包缓存。这条命令会删除Nginx及其配置文件。

原创 服务器部署 tomcat mysql nginx配置安装

这个命令会提示你进行一些配置，包括设置 MySQL 根用户的密码、删除匿名用户、禁止远程根登录、删除测试数据库以及重新加载权限表。通过这些步骤，你应该能够成功为 root@localhost 用户设置密码，并确保无法无密码登录。通过这些步骤，你应该能够成功配置 Nginx 作为反向代理，将请求转发到 Tomcat。将 newuser 替换为你的新用户名，将 password 替换为你的新密码。通过这些步骤，你应该能够在 Ubuntu 上成功安装并配置 MySQL 数据库。确保 Nginx 已安装并运行。

原创 postman接口工具的详细使用教程

侧边栏 Collections: 管理你的集合，可以创建、编辑、删除和导出集合。选择你的操作系统（Windows、macOS、Linux），下载相应的安装包。点击“Run”按钮，Postman 会按顺序执行集合中的所有请求，并显示每个请求的执行结果。History: 查看你发送的请求历史记录，可以快速重新发送请求。HTTP 方法: 选择请求的方法，如 GET、POST、PUT、DELETE 等。Body: 显示响应主体，可以选择多种格式查看（如 JSON、HTML、Text、XML 等）。

原创 小程序的生命周期使用方法和应用场景

每个页面都有自己的生命周期函数，用于管理页面的加载、渲染、显示、隐藏等状态。console.error(“小程序出错：”, msg);console.log(“页面加载”, options);console.log(“页面初次渲染完成”);console.log(“小程序进入前台”);console.log(“小程序进入后台”);console.log(“小程序启动”);console.log(“页面显示”);console.log(“页面隐藏”);console.log(“页面卸载”);

原创 在Java中map的使用与说明

Java 中的 Map 接口有多个实现类，如 HashMap、TreeMap 和 LinkedHashMap，每个实现都有其特定的性能特点和用途。Map 接口和其实现类是 Java 集合框架中非常重要的部分，适用于不同的应用场景和需求。熟练掌握 Map 的使用技巧，可以大大提高代码的效率和灵活性。在实际开发中，根据具体的需求选择合适的 Map 实现，可以有效地解决各种复杂的数据存储和处理问题。Map 是一个接口，定义了一组用于操作键值对的方法，包括插入、删除、查找和遍历等操作。常用的 Map 实现。

原创 远程连接mysql数据库的详细配置

完成上述步骤后，您可以尝试从远程主机使用 MySQL 客户端工具（如 MySQL Workbench 或命令行工具）连接到您的 MySQL 数据库。确保您的服务器防火墙允许 MySQL 的连接端口（默认为 3306）的流量通过。通过上述步骤，您可以使已有的 MySQL 数据库支持从远程主机进行连接。确保为远程连接创建一个允许从远程主机连接到数据库的 MySQL 用户。/etc/mysql/mysql.conf.d/mysqld.cnf 或者 /etc/mysql/my.cnf。示例：使用命令行工具连接。

原创 Linux系统中管理文件和目录权限的详细说明，部署服务器遇到文件权限的问题，就想着记录一下

通过熟练使用这些命令，你可以在Linux系统中有效地管理文件和目录的权限。这对于保护系统安全，控制访问权限，以及确保不同用户和进程的隔离至关重要。这些概念和命令的使用，可以帮助你在实际操作中更好地管理和维护系统。

原创 Ubuntu 服务器上安装和配置 Apache Web 服务器详细的步骤

虚拟主机允许你管理多个站点的配置，而 Let’s Encrypt 提供免费的 SSL 证书，确保你的网站通过 HTTPS 安全访问。总结 通过上述步骤，你可以在 Ubuntu 服务器上安装和配置 Apache，并配置一个用于存储和访问音频文件的目录。按照提示输入你的电子邮件地址并同意服务条款，Certbot 将自动获取证书并配置 Apache。在 Ubuntu 服务器上安装和配置 Apache Web 服务器。如果一切正常，你应该会看到 Apache 运行中的信息。创建虚拟主机配置文件。

原创 分享记录在使用ubuntu部署项目（api接口项目）的步骤+自己踩过的坑（亲身经历，坑挺多的）

然后在你本地电脑通过ip来访问，如：http://192.168.1.100:8080如果访问到说明tomcat已经部署成功。分配适当的内存（至少2GB）。在上面的输出中，inet 192.168.1.100/24 表示你的IP地址是 192.168.1.100。这块没什么坑，安装也比较傻瓜式安装，所以就粗略过，有没安装过虚拟机的小伙伴不熟悉这块遇到什么问题可以留言。费用：Workstation Player是免费的，但功能有限。要修改.bashrc文件的权限问题，你需要确保当前用户对其具有写权限。

原创 前端调用api发请求常用的请求头content- type的类型和常用场景

• 典型应用: 发送或接收结构化的XML数据，常用于旧版的API通信。• 典型应用: 发送或接收结构化的JSON数据，常用于API通信。• 典型应用: 发送JavaScript文件，用于网页中的脚本。• 典型应用: 发送简单的文本内容，通常用于调试或测试。• 典型应用: 发送任意的二进制数据，通常用于文件下载。• 典型应用: 发送或接收JPEG格式的图片文件。• 典型应用: 发送或接收PNG格式的图片文件。• 典型应用: 发送或接收MP3格式的音频文件。• 典型应用: 发送或接收MP4格式的视频文件。

原创 关于http协议中的各种请求头、请求类型的作用以及用途

在HTTP协议中，请求头（HTTP Headers）用于在客户端（如浏览器或其他HTTP客户端）和服务器之间传递附加的信息。不同的请求头有不同的作用和用途，它们在HTTP请求的不同类型（如GET、POST、PUT等）中的使用方式和意义也有所不同。• 用于条件请求，只有在指定的时间之后资源被修改过，服务器才会返回资源。下面将详细介绍常见的HTTP请求类型和一些重要的请求头的作用和区别。• 请求数据包含在请求体中，仅修改资源的部分内容。• 请求数据包含在请求体中，用于替换目标资源。

原创 要在服务器上部署SSM（Spring, Spring MVC, MyBatis的组合

通过以上步骤，你应该能够成功在服务器上下载、安装Ubuntu，并准备好部署SSM项目。如果你有任何具体的问题或需要进一步的帮助，请随时提问。如果你使用的是云服务器（如AWS, Azure, Google Cloud）或者本地虚拟机，可以直接使用提供的Ubuntu镜像。如果你要在物理服务器上安装Ubuntu，需要将ISO文件刻录到USB驱动器或DVD，并通过它来启动服务器。在服务器上安装Ubuntu后，你可以开始部署SSM。首先需要一台运行Ubuntu的服务器。四、部署SSM到Ubuntu服务器。

原创 数据库的增删改查操作语句及一些常用的进阶语句

在关系数据库管理系统（RDBMS）中，增删改查（CRUD）操作是最基本的数据库操作。以下是这些操作的详细介绍以及其他常用的数据库操作语句。

原创 索引、键（Key）、主键（Primary Key）等概念介绍

*在数据库系统中，索引、键（Key）、主键（Primary Key）等概念对于数据管理和查询优化至关重要。以下是这些概念的详细介绍，以及其他一些相关的数据库知识。

原创 mac浏览器关闭同源策略的方法 浏览器关闭跨域 解决跨域问题

1.新建一个文件夹 命名Chrome2.进入浏览器，在终端打开3.在终端执行命令，创建一个文件touch chrome-debug.command 4.打开文件并添加下面内容打开文件 vim chrome-debug.command添加内容保存open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/用户名/Downloads/Chrome5.双

原创 安装nvm报错：fatal: unable to access ‘https://github.com/.../‘: LibreSSL SSL_connect: SSL_ERROR_SY

mac终端执行如下两条语句：git config --global --unset http.proxygit config --global --unset https.proxy

原创 package.json项目或者模块包的描述~和^的区别

插入符号和波浪号：有什么区别？插入符号和波浪号都允许指定最低版本，并允许在实际安装哪个版本方面具有一定的灵活性。不同的主要版本不会满足这两个范围- semver 中的信号，表明版本之间存在重大变化。插入符号和波浪号捕获的版本之间有两个主要区别： 围绕次要版本更改的灵活性和以下版本1.0.0（即“幻零”版本）的行为。波浪号：灵活的补丁对于波浪号范围，主要和次要版本必须与指定的版本匹配，但任何大于或等于指定版本的补丁版本都是有效的。例如，~1.2.3允许版本1.2.3最多但不包括下一个次要版本1.3.

原创 node-sass下载容易失败问题巧妙解决

##. node-sass下载失败问题原因是node-sass以前只有一个库地址，也就是说只有一个地方下载，后来node-sass单独有一个下载地址，所以就导致很容易下载失败。解决方法就是：给node-sass单独配置一个下载地址。配置node-sass 的二进制包镜像地址yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g安装node-sassyarn add node-sass...

原创 Vue父、子组件数据的双向绑定.sync

//父组件<div> <hello-world :name.sync="value"> </hello-world> <h1>父组件</h1> <input type="text" v-model="value"> </div><script>import HelloWorld from './components/HelloWorld.vue';export def

原创 vue项目搜索框搜索功能

原创 隐藏滚动条

.div_out{width: 100%;height: 100%;overflow: hidden;position: relative;}.div_in {padding-top: 30px;overflow-x:hidden;overflow-y:scroll;position: absolute; /不能使用relative和fixed定位/top:0;bottom:0; /相当于height:100%时的高度/left: 0;right:-17px; /*图层宽

原创 canvas验证码

//captcha.js//验证码// 接收外界传入的参数对象params{}，更改验证码的样式function Captcha(params = {}) { let middleParams = Object.assign({ lineWidth: 0.5, lineNum: 5, dotR: 1, dotNum: 50, preGroundColor: [10, 80], backGround

原创 数组排序的三大方案，冒泡、插入、快速排序。

1.冒泡排序：拿到数组的第一项，然后再和后面的其他项比较，将比较后大的放后面。2.插入排序：首先在数组中拿到一个项，然后再拿一个和手上的比，将大的放右边，小的放左边，后面的也是一样，一个个拿出来，比较，再插入。3.快速排序： 首先拿到数组的中间项，然后再分别拿出数组的数据，大的统一放这个数的右边，小的统一放这个数的左边。/*冒泡排序*/function bubble(ary){ for(let i=0;i<ary.length-1;i++){ for(let j=0;j<ary.

原创 Javascript 面向对象编程（一）：封装

学习Javascript，最难的地方是什么？我觉得，Object（对象）最难。因为Javascript的Object模型很独特，和其他语言都不一样，初学者不容易掌握。Javascript 面向对象编程（一）：封装Javascript是一种基于对象（object-based）的语言，你遇到的所有东西几乎都是对象。但是，它又不是一种真正的面向对象编程（OOP）语言，因为它的语法中没有class（类）。那么，如果我们要把"属性"（property）和"方法"（method），封装成一个对象，甚至要从原型对

原创 js编程面试题总结。

第一题：实现(5).add(3).minus(2)输出结果6~function fn(){ //可以添加一个方法检测是否为有效数据 //function check(n){ // n = Number(n)//可以强制转换为数字类型，非数字为NaN // return n // }; function add(n){ return this + n; }; function minus(n){ return this - n; }; ["add", 'minus

原创 Javascript 的 this 用法详解（指向问题及如何改变）

关于this的指向问题。1.纯粹的函数调用，this指向全局，windowvar a = 1; function fn(){ console.log(this)//Window console.log(this.a)//1 }; fn()；2.作为对象方法被调用，这时this指向这个上级对象。var a = 1; function fn(){ console.log(this)//this指向obj console.log(this.a)//undefin

原创 es6 中Promise的使用

0.Promise的介绍1.Promise 是什么是一种异步解决的方案 对比es5传统的解决异步的方案（回调函数，会产生回调地狱问题）1.第一中使用方法，实现类似抛硬币正反面。var p= function(){ return new Promise((res, rej)=>{ if (Math.random() < 0.5) { res() } rej() }) } p().then(res=

原创 深入了解防抖debounce和节流throttle的区别和使用场景。

简单来说防抖和节流都是为了减少函数的频繁调用，但是防抖动和节流本质是不一样的。防抖动是将多次执行变为最后一次执行，节流是将多次执行变成每隔一段时间执行。1.使用场景。在调用window.onscroll方法时候，或者在搜索输入框上经常需要用到。2.封装防抖函数。防抖 触发高频事件后delay秒内函数只会执行一次，如果delay秒内高频事件再次被触发，则重新计算时间。function debounse(callback, delay = 300){//delay=300 设置一个默认值 va

原创 前端基本面试题1.0

1.你了解三次握手吗？客户端与服务器之间数据的发送和返回的过程当中需要创建TCP；TCP不存在连接的概念，只存在请求和响应，请求和响应都是数据包，它们之间都是经过由TCP创建的一个从客户端发起，服务器接收的类似连接的通道，这个连接可以一直保持，http请求是在这个连接的基础上发送的；在一个TCP连接上是可以发送多个http请求的所谓的三次握手即TCP连接的建立。这个连接必须是一方主动打开，另一方被动打开的。首先客户端向服务器端发送一段TCP报文。服务器端接收到来自客户端的TCP报文之后，结束LI

原创 Vuex常见使用场景和Vuex中数据缓存的使用

Vuex异步请求使用场景一般是在两个列表中重复请求数据，可以将数据存储在store中，在用户频繁请求时，可以不必要多次的使用ajax请求获取数据，而是直接在store中拿已经缓存的数据（store中的数据是缓存在内存中的，只要网页一刷新或者关闭，缓存的数据就会丢失。）Vuex状态管理 功能、使用场景。1.状态管理（给父子组件之间的通信）2.数据快照（数据的缓存）3.方便管理和调试。下面是Vuex数据缓存的使用。1.在组件中判断是否有缓存的数据，如果没用，就发ajax请求，如果有就直接从store

原创 Vuex状态管理机制的基本使用

安装vuex，创建一个store文件夹index.js文件npm install vuex2.在index.js文件中导入vue和vuex，并全局使用vueximport Vue from "vue"import Vuex from 'vuex'Vue.use(Vuex)//全局使用Vuex//new 一个Vuex.Store({)}仓库export default new Vuex.Store({ //自定义共享状态 state: { isShow: true, .

原创 vue-slot 插槽的使用以及居民插槽

一般在swiper 轮播子组件上使用。父组件apptest-slot> <h3 slot="aaa">aaa插槽的使用</h3>//具名插槽 <h3 slot="bbb">bbb插槽的使用</h3></test-slot>子组件testSlot<div> <h2>slot插槽的使用 具名插槽</h2> <slot></slot>//插槽的使

原创 vue -非父子通信 事件总线 bus 在简单的场景下使用，复杂时候用vuex

有时候两个组件也需要通信（非父子关系）。当然Vue2.0提供了Vuex，但在简单的场景下，可以使用一个空的Vue实例作为中央事件总线。使用var Bus = new Vue（）实例化Bus.$on(“busName”){} 监听Bus.$emit(“busName”) 触发/可以设一个点击事件触发或者使用mounted（）声明周期挂载 在组件加载完后触发。1.实际运用的时候一般把bus抽离出来；Bus.jsimport Vue from 'vue'const Bus = new Vue()

原创 vue中的ref之间的通信

vue文档对ref的官方解释是：ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例：<!-- `vm.$refs.p` will be the DOM node --><p ref="p">hello</p><!-- `vm.$refs.child` will be the child component instan

原创 vue反向代理 vue 中使用axios请求数据解决跨域问题

在使用vue cli3.x之后创建vue项目，项目结构发生了较大的改变，不在存在vue.config.js配置文件，需要手动创建该文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。你也可以使用 package.json 中的 vue 字段，但是注意这种写法需要你严格遵照 JSON 的格式来写。决解方法：以请求百度为例 https://www.baidu.com在vue.config.js文件创建，添加 dev

原创 mongoose

1.安装mongoosenpm install mongoose --save2.引入mongoose 并连接数据库const mongoose = require('mongoose')mongoose.connect('mongodb://lacalhost/test')//如果有账户密码需要采用下面连接方式：mongoose.connect('mongodb://eggadmin:123456@localhost:27017/eggcms')3.定义Schema在数据库中的Sche

原创 less的函数/关键字。

1.判断类型的lsnumber(): 判断是否位数字；lscolor(): 判断是否是颜色；lsurl(): 判断是否是路径；2.颜色saturate: 增加一定数值的颜色饱和度；lighten: 增加一定数值的颜色亮度；darken: 降低一定数值的颜色亮度；fade: 给颜色设置一定数值的透明度；mix: 根据比例混合两种颜色；3.数学函数ceilfloorroundsqrtabspow...

原创 less css预处理语言 less介绍

1.关于less它是一门CSS预处理，扩充了CSS语言，增加了变量、Mixin混合、函数特性等，使css更容易维护和扩展。它不是一种直接使用的语言，而是生成css的语言。less可以运行在node或者浏览器端。（常见的css预编译器有三种：less、sass、stylus）less中的注释以//开头的注释，不会被编译到css文件中。以/**/包裹的注释会被编译到css文件中。less中的变量使用@来声明一个变量：@pink： pink；作为普通变量属性值来使用：直接使用@pink@pi