qq_63176997的博客

原创 什么是mixin,mixin该如何使用,清晰明了,一篇文章给你搞定

在前端开发中，尤其是在使用像 Vue.js 这样的框架时，“mixin”（混入）是一种重要的代码复用技术。

原创 什么是CI/CD,以及有哪些工具可以实现CI/CD

CI/CD 是一种软件开发实践，它通过自动化构建、测试和部署应用程序，实现了更频繁、更可靠的软件交付。简单来说，它就像一个自动化的流水线，让软件开发过程更加高效。实现 CI/CD 的工具非常多，根据不同的需求和场景，可以选择不同的工具组合。

原创 为什么在预处理器中:hover要添加&符号

符号在 CSS 预处理器中代表“父选择器”。这在处理伪类、伪元素以及其他需要与父选择器关联的情况时非常有用。CSS 预处理器允许你以嵌套的方式编写 CSS 规则，这使得代码更加清晰和易于维护。元素内部包含其他元素的结构，并且这些元素又具有 hover 状态。才能正确地将样式应用到当前选择器自身，而不是其后代元素。这是因为预处理器中的嵌套规则导致的。的作用是掌握 CSS 预处理器的关键之一。可以看到，嵌套的规则会被展开成后代选择器。，预处理器会将其解释为当前选择器的。，而不是当前选择器自身的状态。

原创 简单的nginx配置

原创 vue超好用的语法糖useVModel()

用于定义组件接收的 props，提高代码可读性和类型安全性。defineEmit用于定义组件可以触发的事件，方便组件之间通信。两者共同构成了 Vue 3 组件的输入输出接口，使组件之间的数据流动更加清晰和可控。

原创 在vue中,ref和reactive定义响应式数据的区别,以及在什么情况下reactive定义的数据会失去响应性

尽管ref可以用于创建响应式对象，但reactive在某些场景下提供了更直观和方便的方式来处理响应式数据，特别是在处理复杂对象时。以下是使用reactive而不是ref直接性。

原创 一分钟教你配置hosts

配置hosts文件是一种修改计算机系统文件以控制网络请求的方法。hosts文件通常用于将域名映射到IP地址，这样可以在不通过DNS服务器的情况下直接访问特定的网站。以下是一些基本的步骤，用于在不同操作系统中配置hosts。

原创 史上最全前端的选择器分类,以及他们的优先级比较

一.css选择器分类1.基础选择器(我们最常见的选择器)标签选择器：指定类型的标签，例如p、div等。 ID选择器：指定身份的标签，例如#idName。 类选择器：指定类名的标签，例如.className。 属性选择器：选择具有特定属性的元素，例如[type="text"]。 伪类选择器：选择特定状态的元素，例如:hover、:focus。 伪元素选择器：选择元素的特定部分，例如::before、::after。 通配选择器：选择所有元素，例如*。2.层次选择器

原创 简单带你了解js中判断数据类型的几种方式

这是最常见的,也是最简单的判断方式之一,但是他也存在一些弊端,例如无法判断数组的详细数据类型是什么。

原创 GET请求和POST请求的区别

总的来说，GET请求适用于请求数据，而POST请求适用于提交数据。在实际应用中，应根据具体需求选择合适的请求方法。

原创 js中this指向解析,以及改变this指向的几个方法

在JavaScript中，this的指向是一个非常重要的概念，它决定了函数中的this关键字引用哪个对象。this的指向取决于函数的调用方式。以下是几种常见的情况和改变this。

原创 在vuex使用时会出现刷新页面时数据丢失该如何处理

Vuex中的数据是保存在运行内存中的，当页面刷新时，页面会重新加载Vue实例，Vuex里面的数据会被重新赋值，导致数据丢失。：由于Vue应用通常是单页面应用，刷新页面会导致整个应用的状态重置，包括Vuex中的状态。

原创 css中如何将一个父盒子中的子盒子上下左右都居中显示呢?

利用弹性盒布局在父盒子上设置display:flex效果如下:注意:这是es6新增的方式,可能在IE之前版本的浏览器无法兼容。

原创 在JavaScript中常见的循环遍历方式的区别

在JavaScript中，遍历数组或对象是常见的操作，有几种常用的方法可以实现这一点。

原创 原型原型链的理解

在JavaScript中，原型（Prototype）是一个对象，它包含了可以由另一个对象继承的属性和方法。

原创 一分钟让你简单理解let const var 的区别

let 和 const 是ES6中新增的语法,这三个关键字都是用于声明变量的,但是他们又有各自的区别。