vue.js前端react 第67页

【Vue】Vue3.0 （十二）、watchEffect 和watch的区别及使用

上篇文章：【Vue】Vue3.0（十二）、watch对ref定义的基本类型、对象类型；reactive定义的对象类型的监视使用作者主页：点击！Vue专栏：点击！

执键行天涯、·2025-05-21 23:05

Vue3.0组合式API：computed计算属性、watch监听器、watchEffect高级监听器

Vue3.0组合式API系列文章：《Vue3.0组合式API：setup()函数》《Vue3.0组合式API：使用reactive()、ref()创建响应式代理对象》《Vue3.0组合式API：computed

pan_junbiao·2025-05-21 23:05

Vue3.0—Watch监视ref定义的数据

watch函数-与Vue2.x中watch配置功能一致-两个小“坑”：-监视reactive定义的响应式数据时：oldValue无法正确获取、强制开启了深度监视（deep配置失效）。

糖醋小排顾。·2025-05-21 22:03

uniapp

而‌UniApp‌作为一款基于Vue.js的跨平台前端框架，凭借“一次开发，多端发布”的特性，正在成为开发者手中的“瑞士军刀”。本文将深入探讨UniApp的核心优势

溺149·2025-05-21 22:32

【React Fiber 架构详解】

ReactFiber架构详解ReactFiber是React16引入的核心协调算法重构，旨在解决传统同步渲染的性能瓶颈，提升用户体验。

Zero101713·2025-05-21 21:53

前端加载超大图片(100M以上)实现秒开解决方案

前端加载超大图片（100M+）实现秒开的挑战与解决方案在现代Web应用中，加载超大图片（如100M+的医疗影像、高分辨率地图或艺术画作）是一个常见的挑战。

爱分享的程序员·2025-05-21 19:09

深入React组件化开发：打造支持用户自定义的倒计时器

这段代码实现了一个简单的倒计时功能，使用了dayjs库来格式化时间importReact,{Component}from'react';importdayjsfrom"dayjs";importdurationfrom'dayjs

沐土Arvin·2025-05-21 18:38

持续集成部署 - 记一次构建Nuxt.js前端项目遇到的坑

记一次构建Nuxt.js前端项目遇到的坑一、异常信息二、解决问题一、异常信息这里先贴下报错的异常信息：#npmrunbuild+>[email protected]>nuxtbuild

linmengmeng_1314·2025-05-21 18:37

推荐开源项目：Vue-Vben-Admin-ABP-VNext - 高效开发利器

：Vue-Vben-Admin-ABP-VNext-高效开发利器项目地址:https://gitcode.com/gh_mirrors/vu/vue-vben-admin-abp-vnext是一个基于Vue.js

侯深业Dorian·2025-05-21 18:37

推荐项目：ABP vNext Vue - 基于.Net Core的企业级开发框架

姚婕妹·2025-05-21 18:37

全栈项目搭建指南：Nuxt.js + Node.js + MongoDB

全栈项目搭建指南：Nuxt.js+Node.js+MongoDB一、项目概述我们将构建一个完整的全栈应用，包含：前端：Nuxt.js(SSR渲染)后端：Node.js(Express/Koa框架)数据库

爱分享的程序员·2025-05-21 18:35

JavaScript性能优化实战（14）：跨端JavaScript性能优化

目录ReactNative性能优化最佳实践Electron应用性能优化策略混合应用中JavaScript与原生代码的性能平衡小程序环境中的性能优化技巧Flutter与JavaScript性能对比

程序员查理·2025-05-21 18:01

OpenHarmony之分布式软总线discovery_service.h头文件

看完这篇你就了解了~✏️对于大前端开发来说，转鸿蒙开发究竟是福还是祸？✏️鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？

mn_xiaona666·2025-05-21 18:31

【学一点儿前端】本地或jenkins打包报错：getaddrinfo ENOTFOUND registry.nlark.com

问题今天jenkins打包一个项目，发现报错了errorAnunexpectederroroccurred:“https://registry.nlark.com/xxxxxxxxxx.tgz:getaddrinfoENOTFOUNDregistry.nlark.com”.先写解决方案把yarn.lock文件里面的registry.nlark.com替换为registry.npmmirror.co

m0_74823388·2025-05-21 18:01

SolidJS 深度解析：高性能响应式前端框架

SolidJS是一个新兴的响应式前端框架，以其极致的性能、简洁的语法和接近原生JavaScript的开发体验而闻名。

冬冬小圆帽·2025-05-21 18:01

鸿蒙5.0开发实战案例：UIAbility组件间交互（设备内）

看完这篇你就了解了~✒️对于大前端开发来说，转鸿蒙开发究竟是福还是祸？✒️鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？

niu某某·2025-05-21 18:00

【学一点儿前端】本地或jenkins打包报错：getaddrinfo ENOTFOUND registry.nlark.com.

问题今天jenkins打包一个项目，发现报错了errorAnunexpectederroroccurred:"https://registry.nlark.com/xxxxxxxxxx.tgz:getaddrinfoENOTFOUNDregistry.nlark.com".先写解决方案把yarn.lock文件里面的registry.nlark.com替换为registry.npmmirror.co

fangyuan__·2025-05-21 17:00

界面控件 Kendo UI 在各行业的应用实践：如何解决业务痛点，提升系统效能

KendoUI作为一款功能强大的前端界面控件库，以其灵活丰富的组件体系、跨平台适配能力和高效的数据处理能力，成为各行业构建专业级Web系统的重要工具。

界面开发小八哥·2025-05-21 17:59

前端CSS字体图标的性能优化

前端CSS字体图标的性能优化关键词：CSS字体图标、性能优化、Web字体、字体子集化、字体加载策略、图标系统、前端性能摘要：本文深入探讨前端开发中CSS字体图标的性能优化策略。

前端视界·2025-05-21 17:59

前端 React.js 性能优化的最佳时间点

前端React.js性能优化的最佳时间点关键词：前端开发、React.js、性能优化、最佳时间点、渲染性能摘要：本文聚焦于前端React.js性能优化的最佳时间点。

大厂前端小白菜·2025-05-21 17:59

A2A vs MCP vs AG-UI

•AG-UI作为一种新兴的开源协议，专注于解决AI代理与前端应用之间的通信问题，与现有的MCP（ModelContextProtocol）和A2A（Agent-to-Agent）协议形成互补关系，共同构建完整的

张成AI·2025-05-21 17:55

CSS新特性与变量使用：深入解析与实践

背景简介随着前端技术的飞速发展，CSS作为网页设计的核心语言，也在不断地更新和扩展。

念区·2025-05-21 16:24

基于PHP+uni-APP设计的校园圈子系统校园论坛小程序的技术难点

设计一个基于PHP和uni-APP的校园论坛系统涉及多个方面，其中包括前端开发、后端逻辑处理、数据库设计以及前后端的交互。

·2025-05-21 15:51

一次项目合并经历

最好不用开发，你们前端不都是Vue组件么？复用一下噻？刚接到需求的

咕咕鸡5·2025-05-21 14:12

js Array.filter( ) 实现前端多条件筛选

window.onload=function(){letarr=[{name:"q1121",age:12,address:"辽宁大连1"},{name:"q44",age:12,address:"辽宁大连4"},{name:"q55",age:12,address:"辽宁大连5"},{name:"q222",age:13,address:"辽宁大连2"},{name:"q332",age:12,

逍遥运德·2025-05-21 14:06

带你搞懂@Valid和@Validated的区别

在实际开发过程中，参数校验是保证程序健壮性的重要环节，前端的参数校验是为了用户体验，后端的参数校验是为了安全。

独泪了无痕·2025-05-21 13:03

使用 GitHub Pages 部署单页面应用教程

##前提条件-拥有GitHub账号-已安装Git-已安装Node.js（如果使用前端框架）##部署步骤###1.创建仓库1.登录GitHub账号2.点击右上角的"+"按钮，选择"Newrepository

weixin_47233946·2025-05-21 13:00

Webpack分包与合包深度解析

https://www.captainbed.cn/ccc引言：现代前端工程的模块化困境在单页面应用（SPA）复杂度日益增长的今天，一个未经优化的Webpack构建产物可能面临：首屏加载缓慢（超过3秒白屏

二川bro·2025-05-21 12:53

对单元测试的思考（稳定性建设）

比如一个函数、一个react、vue组件。2.为什么要写单测？

测试界晓晓·2025-05-21 11:21

挑战一篇文章通俗易懂讲清楚 React Element、React Component、JSX、Fiber 以及 Diff 算法的概念及其相互关系

不如看一下这篇文章，复习(学习）一下React中经常被提起的概念。最近在学习React源码的时候，发现好多概念，它们之间还有一些关系。总是容易忘记和弄混，打算写一篇文章记录一下，忘记了就再翻看看看。

蜗牛快跑213·2025-05-21 11:19

HTML网页规划与设计【冬季奥林匹克运动会——带报告5200字】HTML+CSS+JavaScript

IT-司马青衫·2025-05-21 11:14

HTML静态网页作业——关于我的家乡介绍安庆景点

家乡旅游景点网页作业制作网页代码运用了DIV盒子的使用方法，如盒子的嵌套、浮动、margin、border、background等属性的使用，外部大盒子设定居中，内部左中右布局，下方横向浮动排列，大学学习的前端知识点和布局方式都有运用

IT-司马青衫·2025-05-21 11:14

React第六章(实现vdom，fiber，diff)

虚拟DOM(VirtualDOM)VirtualDOM就是用JavaScript对象去描述一个DOM结构，虚拟DOM不是直接操作浏览器的真实DOM，而是首先对UI的更新在虚拟DOM中进行，再将变更高效地同步到真实DOM中。优点性能优化：直接操作真实DOM是比较昂贵的，尤其是当涉及到大量节点更新时。虚拟DOM通过减少不必要的DOM操作，显著提高了性能。跨平台性：虚拟DOM是一个与平台无关的概念，它可

露露在前端·2025-05-21 10:43

Fiber架构与Diff算法

FiberFiber是React16引入的重新实现的协调算法，目的是解决大型应用中的卡顿问题，实现增量渲染和任务调度。

鬼月残雪·2025-05-21 10:12

Python爬虫（30）Python爬虫高阶：Selenium+Scrapy+Playwright融合架构，攻克动态页面与高反爬场景

Scrapy项目集成4.Playwright增强功能示例四、总结：技术融合的优势与挑战1.优势2.挑战与应对Python爬虫相关文章（推荐）一、背景：动态页面与反爬技术的崛起在Web开发中，动态渲染页面（如React

一个天蝎座白勺程序猿·2025-05-21 10:42

Vite 之后，代码检查工具 ESLint 也接入 AI 实现代码规范管理

ESLint接入AI：前端开发的新助力在前端开发领域，代码质量的保证一直是至关重要的环节。

小焱写作·2025-05-21 10:09

前端开发——前端样式BUG调试全指南2025终极版

前端开发——前端样式BUG调试全指南2025终极版前端样式BUG调试指南（2025终极版）一、调试方法论与工具链1.问题定位三板斧(1)现象复现与特征提取(2)现代调试工具组合拳(3)三维问题定位法2.

茄子忍者烧纸尿裤·2025-05-21 10:38

提升React Native动画性能与控制流

背景简介ReactNative作为移动应用开发中广泛使用的框架，其动画性能的优化对于用户体验至关重要。本章聚焦于提升动画流畅度、减少渲染开销以及在原生代码与JavaScript之间高效通信的方法。

艾古力斯·2025-05-21 05:09

antd树形列表

importReact,{Component}from'react';import{Table,Divider,Tag,Icon,Checkbox,Tree,Button}from'antd';classindexextendsComponent

$Ni·2025-05-21 04:06

前端测试策略：单元测试到 E2E 测试

引言在现代前端开发中，测试已成为确保应用质量和可靠性的关键环节。随着前端应用复杂度的不断提高，仅依靠手动测试已经远远不够。

天天进步2015·2025-05-21 03:02

React Native组件使用与实践总结

ReactNative组件使用与实践总结ReactNative作为一种用于构建跨平台移动应用的框架，其组件化思想、状态管理和组件属性类型检查（PropTypes）是开发过程中的核心概念。

明月清风晓星·2025-05-21 03:26

jfinal入门实战全免费视频教程（持续更新中）

01jfinaldemo部署02jfinal路由控制03添加登录页面04生成实体文件05前端参数接收06数据库查询基础07enjoy模板define指令用法08用户管理列表功能实现09用户管理新增功能实现

来自星星的猫教授·2025-05-21 02:54

在 VSCode 中运行 Vue.js 项目

在VSCode中运行Vue.js项目作为一名前端开发者或者初学者，掌握如何在VSCode中运行Vue.js项目是一项非常实用的技能。这篇文章将通过非常详细的图文步骤，带你一步步完成整个过程。

Nicky.Ma·2025-05-21 02:51

前端学习总结（十四）javascript设计模式

一什么是设计模式设计模式（Designpattern）是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性。二设计原则要学会设计模式，首先要了解设计模式所依托的设计原则：（1）单一职责原则（SRP原则）：一个对象（方法）只做一件事情。运用的设计模式：代理模式，单例模式，装饰者模式等。（2）最少知识原则（LKP原则）

浩时代·2025-05-21 01:18

前端设计模式学习

后端常用的设计模式有23种，而前端常用的不到十种。所以作为前端工程师，只要掌握这几种就够了。前端常用的设计模式（*为最核心）工厂模式*单例模式*观察者模式*命令模式模

Z-Juln·2025-05-21 01:47

高级前端工程师必备的 JS 设计模式入门教程，常用设计模式案例分享

目录高级前端工程师必备的JS设计模式入门教程，常用设计模式案例分享一、什么是设计模式？为什么前端也要学？

watermelo37·2025-05-21 01:15

react+ts+openlayer如何创建一个地图

其实总体来说无任何难度，无非就是react机制的问题，我们你需要在组件销毁的时候清除掉之前的地图，不然会导致创建多个地图的情况。

webgl的乐趣·2025-05-21 01:14

学习React基本渲染数据操作（-）

importReact,{Component,Fragment}from"react";//采用类的写法，现在在版本16.8以后出现Hooks以后就几乎不用类的写法exportdefaultclassAppextendsComponent

爱吃鱼的康康·2025-05-21 01:43

RN打包APK报错：createBundleReleaseJsAndAssets\index.android.bundle.hbc: The source file doesn‘t exist解决办法

‌createBundleReleaseJsAndAssets‌是ReactNative在Android平台上打包release包时的一个步骤，主要涉及将JavaScript代码和资源打包成bundle

JiaLin_Denny·2025-05-21 01:12

react 之 openlayer地图背景

一、原理是在地图的父容器这是一张图片二、引入依赖库importReact,{Component}from'react';importMapfrom'../..

gis_SSS·2025-05-21 01:42

推荐频道

vue.js前端react