Live your life

你值得这世间，所有的美好

React和Vue的优劣对比

React和Vue的各自的优劣对比

React和Vue的优劣 Vue 的响应式系统 和 React 的 Virtual DOM diff 模型 各有优缺点，背后代表了两种不同的哲学与设计取向。下面我们来详细对比一下它们的优劣势。 🟢 Vue 的响应式系统：“数据驱动视图” + 自动依赖追踪 ✅ 优势： 优势点 说明 🎯 精准更新 只会更新真正依赖了变化数据的 DOM，性能非常高，尤其在小型更新场景中效果明显......

Posted by Starrynight on 2025-01-06

React Vue

React和Vue的底层区别

React和Vue的区别

React和Vue的区别 Vue 和 React 最核心的不同点之一：底层实现机制的差异。 这确实是理解两者本质区别的关键，虽然它们都用组件来构建 UI，但内部工作方式完全不同。下面详细解释一下： 🔍 React：Virtual DOM + Diff 算法 👉 原理 React 本质上是「状态驱动 UI 的声明式框架」，当组件的 state 或 props 发生变化时，React 会：......

Posted by Starrynight on 2025-01-04

React Vue

React常用

React 18 详细语法与方法

React 18 详细语法与方法 1. React 基础 （1）JSX 语法 JSX（JavaScript XML）是一种 类似 HTML 的 JavaScript 语法，用于描述 UI 结构。 1const element = <h1>Hello, React!</h1>; 📌 JSX 规则 必须返回一个单一根元素（可以使用 <></>......

Posted by Starrynight on 2024-10-03

React

Vue状态管理

Vue状态管理方法解析

Vue状态管理 在 Vue 3 中，状态管理主要有两种方式： 组合式 API (Composition API) + reactive() / ref()（适用于小型应用） Pinia（推荐替代 Vuex，适用于中大型应用） 1. 组合式 API 的状态管理 Vue 3 自带的 reactive() 和 ref() 使得我们可以在组件间共享状态，适用于 小型应用或简单的状态管理。 （1......

Posted by Starrynight on 2024-07-12

Vue

HTML本地存储

HTML本地存储

HTML本地存储 1.Cookie Cookie 是浏览器存储的一小段文本数据，通常用于保存用户会话信息、偏好设置、跟踪用户行为等。它由服务器或客户端 JavaScript 设置，并在后续请求中自动携带到服务器，以维持状态或提供个性化体验。 Cookie 的特点 存储数据量小（通常最大约 4KB）。 可由服务器或 JavaScript 进行读写。 会在同一域名下的请求中自动携带（......

Posted by Starrynight on 2024-07-07

html

ECharts使用

图表库ECharts使用

📚 ECharts 基础 + 进阶用法详解 ✅ 一、基本结构回顾 1234const chartDom = document.getElementById('main');const myChart = echarts.init(chartDom);const option = { /* 图表配置 */ };myChart.setOption(op......

Posted by Starrynight on 2024-07-03

javascript

Axios用法

Axios用法详解

🚀 Axios 用法详解（含常用库 + 实例） ✅ 一、Axios 是什么？ Axios 是一个基于 Promise 的 浏览器和 Node.js 的 HTTP 请求库，可以替代原生的 fetch 和 XMLHttpRequest，更强大、更易用，支持请求拦截、响应拦截、取消请求、超时设置等功能。 安装： 12345# npm 安装npm install axios# 或 yarnyar......

Posted by Starrynight on 2024-06-27

javascript

github和gitee的ssh配置以及仓库使用的git指令

ssh配置以及仓库使用的git指令

github和gitee的ssh配置以及仓库使用的git指令 1.清除 git 的全局设置（针对已安装 git）新安装 git 跳过。 若之前对 git 设置过全局的 user.name 和 user.email。(用 git config --global --list 进行查看你是否设 置)必须删除该设置 123git config --global --unset user.name ......

Posted by Starrynight on 2024-06-23

git

Vue Router

Vue Router用法解析

Vue Router 详细解析（基于 Vue 3） Vue Router 是 Vue.js 官方的前端路由管理工具，适用于单页面应用（SPA）。在 Vue 3 中，Vue Router 进行了优化，使其更好地支持 Composition API。 1. 安装 Vue Router 如果你的项目还没有 Vue Router，可以使用以下命令安装： 123yarn add vue-router......

Posted by Starrynight on 2024-06-13

Vue

Vue3常用

Vue3常用语法和方法

Vue3常用语法和方法 Vue 3 主要引入了 Composition API，相比 Vue 2 更加灵活和高效。以下是 Vue 3 的 常用语法和方法，涵盖基本功能、生命周期、组件、路由、状态管理等核心内容。 1. Vue 3 项目初始化 （1）使用 Vue CLI 1vue create my-vue3-app （2）使用 Vite（推荐） 1yarn create vite my-v......

Posted by Starrynight on 2024-06-10

Vue
来访者
Viewed Times
Visitors In Total
特色标签
javascript Hexo-Theme-LiveMyLife css html React Vue git
关于自己
avatar_pic

The future belongs to those who believe in the beauty of their dreams.

最近博文
链友
archives
categories
ESC