React更新机制 React 更新流程如下： React 在 props 或 state 发生改变时，会调用 React 的 render 方法，会创建不同的 DOM 树 React 需要基于这两棵不同的树之间的差别来判断如何有效的更新 U...

为何使用setState React 中不能直接修改 state 的值来让界面发生更新，因为 React 并没有实现类似 Vue2 中的 Object.defineProperty，或是 Vue3 中的 Proxy 的方式进行数据劫持，监听数据变化 R...

美味值：????? 口味：橙橙冰萃美式 食堂技术周刊仓库地址：https://github.com/Geekhyt/weekly 大家好，我是童欧巴。欢迎来到前端食堂技术周刊，我们先来看下上周的技术资讯。 技术资讯 Deno 八...

前言 在《微信小程序云开发快速入门（2/4）》分享中，我们已经将列表的查询和分页全部搞定了，可以说对于备忘录来说已经非常好用了，此时此刻码仔在脑海中已经开始幻想自己走上了人生的巅峰场景...

Hello World！大家好，我是大家的林语冰（挨踢版）~ 粉丝质疑 之前肝了一期《Vue 为什么禁用 undefined》的水文，不幸的是，惨遭道友先质疑、再质疑。 那这里我就简单讲两句： 任何编程语言中，...

前言 从 reactive 响应式函数入手，探究 Vue3 响应式原理实现。首先从官方文档的基本使用开始，然后解读 reactive 函数源码，理解它的功能是怎么实现，知其然到知其所以然。最后是源码调试，同...

4.1 响应式数据和副作用函数 副作用函数是指那些产生副作用的函数： function effect() { document.body.innerText = 'hello vue3' } 执行 effect 函数时，它会设置 body 的文本内容，这种更改...

vite 热更新的主要作用是为了实现局部刷新的效果，这样之前操作的状态都能够保存 vite 热更新的基本实现方式如下 基于一套完整的 ESM HMR 规范，在文件发生改变时 vite 会检测到相应 ESM 模块变...

生命周期概念 生命周期的概念： 事物从创建到销毁的过程，React 生命周期是抽象的概念，是描述组件从被渲染到被销毁的整个过程 React 将生命周期分为三个阶段： 装载阶段(Mount)： 组件首次在 D...

React简介 React 基本介绍 概念： React 是将数据渲染为 HTML 视图的 JavaScript 库，用于构建用户界面，由组件组成，拥有自己的逻辑和外观 (官方简介：用于构建 Web 和原生交互界面的库) 作者...

JSX简介  let element = <h1>Hello，React</h1> 右侧赋值的标签并不是字符串，而是一段 JSX 的语法 JSX 是什么？ JSX 是一种 JavaScript 的语法扩展，也称之为 JavaScript XML，因...

一、认识Cloud Studio：云端开发的新境界 1.1、什么是云IDE？ 在软件开发的道路上，相信很多开发者都曾因为配置环境、解决兼容性等问题而感到厌烦。经常梦想有一个只要打开浏览器就可以开工的开...

这篇文章旨在为大家提供一种系统的方法来创建、部署和维护一个使用 TypeScript 编写的开源项目。 全文详细讲述了从环境准备、通过 pnpm 和 create-vite 配置和初始化项目、编写和测试代码、设置...

最近我在给 AirCode 写写代码，调研了很多 Serverless/FaaS 的产品和社区，重新思考了一下 Node.js 服务端框架的发展。 众所周知，现在前端框架如雨后春笋，前有react、vue，后有 svelte、solid...

小编前言 追忆往昔，穿越前朝，CSS也是当年前端三剑客之一，风光的很，随着前端跳跃式的变革，CSS在现代前端开发中似乎有点默默无闻起来。 不得不说当看到UnoCSS之前，我甚至都还没听过原子化CS...

Web Component 已经被浏览器广泛支持，不再是新鲜玩意了，它有很多使用场景，比如编写跨框架的组件库、微前端，完全用它开发复杂的应用也没问题。 而今天我要介绍的是 Web component 如何扮演框...

这一章来实现插槽，插槽主要分以下几种：默认插槽，具名插槽，作用域插槽，下面就一步一步实现，可能内容会比较多 slot 默认插槽 首先就是实现默认插槽，新建了个componentSlot文件夹用来测试 A...