CQXXTXX-CSDN博客

原创纯css实现超炫酷的星空背景按钮

使用纯css实现一款非常炫酷的按钮

2023-03-08 10:35:46 3503 2

原创 compositionAPI和OptionsAPI

直到Vue 2，有一种方法可以在Vue中创建组件。在Vue 3中，引入了一种新的方法，叫做Composition API。现在，如果我们想在Vue中制作一个组件，我们有两种方法可以做到。你可能想知道到底有什么区别，所以让我们看看较新的Composition API与Vue 2的方法有什么不同，后者现在被称为Options API。

2023-12-23 17:20:00 569

原创说说对React refs 的理解？应用场景？

React 中的Refs提供了一种方式，允许我们访问 DOM节点或在 render方法中创建的 React元素。本质为ReactDOM.render()返回的组件实例，如果是渲染组件则返回的是组件实例，如果渲染dom则返回的是具体的dom节点。

2023-12-23 17:16:37 864

原创 css@media媒体查询

css@media媒体查询实现方式

2023-12-23 17:08:12 633

原创封装一个axios的思路

配置请求基本信息的常量:(用于基本处理)。。。。

2023-12-23 17:05:02 338

原创浅拷贝与深拷贝两者之间的差异及影响

拷贝（Copy）是一个常见的操作。它涉及将数据从一个地方复制到另一个地方。然而，根据复制的深度和方式，我们可以将拷贝分为浅拷贝和深拷贝。这两种拷贝方式在处理数据和性能上有显著的区别。

2023-12-01 09:23:00 426

vue中的data是一个对象类型，对象类型的数据是按引用传值的，这就会导致所有组件的实例都共享同一份数据，这是不对的，我们要的是每个组件实例都是独立的。为了解决对象类型数据共享的问题，我们需要将 data 定义成一个函数，每个实例需要通过调用函数生成一个独立的数据对象。vue实例中的data属性既可以是一个对象，也可以是一个函数。如果为组件data直接定义为一个对象的话就会报错。实例和组件定义data的区别。组件中定义data属性，

2023-12-01 09:20:07 530

原创 vue3新特性 compositionAPi与React.js中Hooks的异同点

React核心团队奉.上的采纳策略是不反对类组件，所以你可以升级React版本、在新组件中开始尝试 Hooks,并保持既有组件不做任何更改。应是基于proxy的，对数据直接代理观察。(这种场景下，只要任何一个更改data 的地方，相关的function或者template都会被重新计算，因此避开了React可能遇到的性能上的问题)。React中，数据更改的时候，会导致重新render,重新render又会重新把hooks重新注册一一次,所以React复杂程度会高一些。

2023-12-01 09:16:27 703

原创 v-show和v-if的区别

2、v-if 也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。1、v-if 是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。1、v-show 就简单得多——不管初始条件是什么，元素总是会被渲染，并且只是简单地基于 CSS 进行切换。1、v-if 与 v-show 都可以动态控制 DOM 元素的显示隐藏。1、v-if 有更高的切换开销，v-show 有更高的初始渲染开销。v-if和v-show的区别。

2023-12-01 09:12:56 427

原创 vue的模板语法

Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。结合响应系统，在应用状态改变时， Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。在vue中前面带v-的都是vue指令。vue提供了完全的 JS 表达式支持。

2023-12-01 09:10:14 482

原创 Uniapp

UniApp是一个基于Vue.js开发的跨平台应用开发框架，它可以帮助开发者使用Vue.js语言一次开发多个平台的应用程序，包括iOS、Android、H5等。UniApp使用了组件化的开发方式，使得开发者可以快速构建出高效、稳定的应用程序。

2023-12-01 09:04:58 788

原创新版微信小程序通过接口获取背景图和二维码（页面）

拿数据的时候是在接口里面直接去写，是因为试过了很多办法，在接口之外的话没办法拿到那个code，也许是自己方法使用不当..当然，肯定不值这一种方法，可以多尝试，这个方法也是和朋友沟通，看了他的方法才整出来的。

2023-12-01 08:59:01 539

原创 Vue3 setup语法糖

setup不能是一个async函数，因为返回值不再是return的对象，而是Promise，模板看不到return对象中的属性。setup属性，会让打包工具打包时，直接帮我们把setup函数内部声明的变量/函数 return，然后组件就可以用了。- Vue2.x配置（data，methods，computed......）中可以访问setup中的属性，方法。- 组件中所有用到的:数据、方法等等，均要配置在setup中。1、setup（）这个函数内部的变量/函数是局部的。- 如有重名，setup优先。

2023-12-01 08:54:53 605

原创 vue本地存储

通过本地存储（Local Storage），web 应用程序能够在用户浏览器中对数据进行本地的存储。

2023-11-27 08:18:53 416

原创数组转树形结构

js数组转树形结构

2023-11-27 08:16:29 373

原创写一个通用的事件侦听器函数。

通用的事件侦听器

2023-11-27 08:14:24 359

原创 super()和super(props)有什么区别？

在ES6中，通过extends关键字实现类的继承,super关键字实现调用父类，super代替的是父类的构建函数，使用super(xx)相当于调用sup.prototype.constructor.call(this.xx)，如果在子类中不使用super关键字，则会引发报错super()就是将父类中的this对象继承给子类的，没有super()子类就得不到this对象

2023-11-27 08:13:40 499