自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(1293)
  • 收藏
  • 关注

转载 React 首次推出原生的动画支持!

React 一直是前端开发者最受欢迎的框架之一。但是 React 的动画支持似乎一直是个短板。虽然 Vue 和 Svelte 等其他框架相继推出了便于实现动画的 API ,React 开发者长期以来不得不依赖于第三方库,如 Motion for React 和 React Spring 来补足这一缺陷。最近,这种情况终于迎来了转机。React 团队即将推出了一个名为 <ViewTransit...

2025-02-17 23:32:23 2

转载 Create React App被官方弃用!该如何搭建新的 React 项目?

在前端技术日新月异的今天,React 社区已经不再将 create-react-app 作为创建新项目的首选工具,而是推荐使用社区中流行的由 React 驱动的框架来创建新项目。本文就来探讨在 2025 年创建 React 项目的方式及其优缺点!Create React App 有什么问题?Create React App(CRA)于 2016 年 7 月首次发布,是一个方便快捷的 React 项...

2025-02-13 13:26:51 32

转载 DeepSeek启示录!

腾讯云近日推出了 HAI 上的一键部署、3分钟可用的 DeepSeek -R1 实例,由于过于火爆,排队等待之余,写一写我对 DeepSeek 的思考。对于大语言模型 AI 的应用,我属于比较乐观的人群,在2022年9月就在信通院的可信数字化公号里写了一篇对未来应用的预言,2023年5月又在信通院的低无代码峰会上,随着腾讯和百度工程师现场演示的自然语言+大语言模型+低代码三位一体的开发方式,我感慨...

2025-02-10 10:02:11 22

转载 5大 零JavaScript Rust 框架崛起,前端瑟瑟发抖

前言本文主要和大家讨论全网最火的5个基于Wasm 的 Rust 框架,使得开发者不用编写一行JS代码就可以写前端应用。在年初,我也确实使用 WebAssembly 将客户端应用成功移植到了 Web,这也是为什么我一直对 WebAssembly 充满好奇的原因。正如大家所看到的,当我们还在迟疑是否要在日常开发中引入 WebAssembly 的时候,很多优秀的应用、工具已经开始吃 WebAssembl...

2025-02-09 21:01:06 29

转载 2025 React核心升级方向概览

本文由前端技术江湖整理~2025年,React技术栈迎来了一系列重大升级,从性能优化到开发体验提升,再到生态系统的全面拓展,为开发者提供了更强大的工具链和更灵活的开发范式。本文将基于最新技术动态,解析React在2025年的核心升级方向及其实践价值。一、React 19:编译器革新与性能飞跃React 19引入了革命性编译器,将React代码转换为高度优化的JavaScript,自动处理useMe...

2025-02-07 23:23:20 84

转载 2025 Vue核心升级方向概览

无论是性能优化、服务端渲染革新,还是工具链的全面升级,Vue团队正在为开发者打造更高效、更强大的开发体验。一文速览核心升级方向,提前布局技术红利!???? 一、Vapor模式:告别虚拟DOM,性能飙升!划重点:Vue团队正在研发一项颠覆性技术——Vapor模式,直接操作真实DOM,彻底消除虚拟DOM的运行时开销!无需魔改代码:现有组件可无缝升级,但需使用Composition API语法。极致性能:高频...

2025-02-05 22:31:57 34

转载 奥特曼率队深夜血战DeepSeek,o3-mini急上线!价格骨折免费用,ChatGPT被挤爆

新智元报道编辑:编辑部 HYZ【导读】眼看DeepSeek风头尽显,被逼急的OpenAI果然紧急发布了o3-mni。不光免费用户都能用,每百万输入和输出token价格更是疯狂跳水打骨折价!o3-mini,真的来了。刚刚,OpenAI官宣o3-mini和o3-mini-high两大版本正式在ChatGPT上线。诚如奥特曼所言,免费用户直接打开「Reason」即可体验,Plus用户每天会有更多...

2025-02-02 09:02:35 34

转载 真卷啊......Vitest 都出 3.0 了

在两个月前,Vite 发布了 V6 的版本,这不没多久,与之配套的 Vitest 也官宣 V3 版本正式发布了,这能说这些人啊,太卷了...很多同学可能并不熟悉 Vitest,它其实是一个 基于 Vite 的现代化测试框架,专为 前端单元测试和集成测试 设计的,可以理解为有点类似 Jest。但是,针对 Vite 做了更好的兼容性处理。目前基于 Vite 的单元测试,大部分都推荐使用Vitest 了...

2025-01-23 12:39:52 24

转载 dagger.js实战案例:是牛是马拉出来溜溜啊

大家好,我是非主流前端框架dagger.js的作者王多余。在这篇文章中,我将通过一个实际的TODO List开发案例,展示如何使用dagger.js、React 和 Vue 3 构建功能完全相同的单页应用,深入对比这三种框架在设计和使用上的细节差异。本示例涵盖了现代前端项目中常见的功能模块,包括模板和指令语法、路由配置、数据状态管理、双向数据绑定、事件处理以及组件设计等。为了便于横向对比,我们将项...

2025-01-19 13:59:47 32

转载 支付宝出现重大P0事故!马上要过年,绩效咋办?

1月16日晚,话题#疑似支付宝出现重大bug#冲上热搜。所有订单减免20%网友曝支付宝出现重大事故1月16日下午,多名网友在社交平台上反映支付宝出现bug,所有订单优惠20%,包括个人转账、购票、还信用卡、缴纳房租等。据网友晒出的截图,他们在下午14:40—14:45时间段内,通过支付宝支付时,均被提示“政府补贴”,减免优惠20%。社交媒体截图网友热议:“我刷到的是不是有点晚了”“目测晚上退单率可...

2025-01-17 09:10:30 15

转载 写单测,能提早下班?

单元测试的首要作用是提升开发体验——减少开发过程中的打断,缩短调试时间,从而自然地提高项目的整体质量。那么,单元测试为什么能够减少打断并缩短开发时间呢?关键在于它提供了更短的开发-验证循环。01提高开发体验的核心:更短的反馈链路单测能够提升开发体验的核心在于它提供了更短的开发-验证的反馈循环。在传统开发流程中,从修改代码到验证结果通常需要经过以下步骤:尤其是在 UI 开发中,随着热更新技术的广泛应...

2025-01-17 09:10:30 53

转载 图解Nestjs - 入门指南

转自:https://b-sirius.github.io/posts/learn-nestjs-with-diagram笔者入门Nest的时候属实是迷糊了一阵,本文将从初学者的视角出发,试图为大家解释Nestjs到底是如何运作的。如有错误欢迎指出,谢谢~假设我们来做这样一个服务:宝可梦大全提供四个接口:获取完整的宝可梦列表根据宝可梦编号获取某一只宝可梦的信息获取完整的技能列表根据某个技能获取可以...

2025-01-13 12:51:57 34

转载 用了这些 Vite 配置技巧,同事都以为我开挂了!

写在前面如官网所说,Vite 是一种新型前端构建工具,能够显著提升前端开发体验,它主要由两部分组成:一个开发服务器,它基于原生 ES 模块提供了丰富的内建功能,如速度快到惊人的模块热替换(HMR)。一套构建指令,它使用Rollup打包你的代码,并且它是预配置的,可输出用于生产环境的高度优化过的静态资源。首先第一步,推荐先通篇阅读一遍 Vite 的文档:传送门主要了解 Vite 在项目中...

2025-01-10 13:02:02 106

转载 什么是源代码映射?

源映射的必要性早期的 Web 应用的复杂性较低。开发者直接将 HTML、CSS 和 JavaScript 文件部署到 Web 上。在开发工作流中,更现代、更复杂的 Web 应用可能需要使用各种工具。例如:1.模板语言和 HTML 预处理器:Pug、Nunjucks、Markdown。2.CSS 预处理器:SCSS、LESS、PostCSS。3.JavaScript 框架:Angular、React...

2025-01-09 23:16:49 25

转载 太顶了!面试率超高的前端八股文

前天加完班,回家路上翻了下粉丝群。发现群里最近在疯传一份叫《前端offer收割机养成指南》的资料。本来感觉这个title看起来有点离谱,结果没想到仔细一看,这份资料竟然真的有点东西。内容收纳的很全,而且融合了很多今年的新玩意。据我所知有人靠它拿下了45k+的offer…后来我辗转找到了这份资料的整理人,果然是位大佬!他是现任阿里前端Leader,在前端行业深耕近十年,见证了互联网的飞速发展,也见证...

2025-01-08 09:31:44 49

转载 放弃 React,微软 Edge 团队改用 Web 组件减少对 JavaScript 的依赖

转自:InfoQ 作者丨 Richard MacManus译者丨明知山5 月份,微软的 Edge 浏览器团队推出了 WebUI 2.0,旨在通过采用原生 Web 组件取代 React 组件来提升浏览器的响应速度。其核心策略是通过“标记优先的架构”来减少对 JavaScript 的依赖,这意味着客户端需要处理的代码量将减少,从而为用户带来更加流畅的体验。为了了解 WebUI 2.0 项目的进展情况...

2025-01-04 23:48:57 31

转载 2024 结束了,总结下前端现状!

最近,TSH 发布了一年一度的前端状态调查结果,本文将探讨 2024 年前端的现状。前端框架过去一年使用过的前端框架:过去一年使用过的渲染框架:当前前端框架现状:React与Next.js的主导地位:React凭借其强大的社区支持和生态系统,在前端开发中持续占据主导地位。同时,Next.js作为React应用的全栈框架,因其服务端渲染、高效的路由以及对React 19新特性的早期采用,而备受开发者...

2025-01-03 23:58:20 162

转载 突破项目瓶颈:2024 年 Monorepo 工具选择和实践

前言在当今飞速发展的软件开发领域,面对日益复杂的项目结构和不断增长的开发挑战,各团队需要不断调整其开发工作流程,以适应变化中的需求。随着项目的发展,我们发现传统的单一代码库在应对多项目、多库和多服务的情况下显得力不从心。正是在这个背景下,Monorepo(单一仓库)的理念崭露头角。Monorepo 不再是抽象的概念,而是成为了解决日益复杂软件开发挑战的切实有效的工具之一。通过将多个项目、库或服务统...

2024-12-30 23:48:01 143

转载 优秀前端人都知道的H5 移动端调试全攻略

来源:http://jartto.wang/2018/11/01/mobile-debug/作者:jartto随着移动设备的高速发展,H5 开发也成为了 F2E 不可或缺的能力。而移动开发的重中之重就是掌握调试技巧,修 Bug 于无形。一、概要因为移动端操作系统分为 iOS 和 Android 两派,所以本文的调试技巧也会按照不同的系统来区分。寻找最合适高效的方式,才能让你事半功倍。文章会列举目前...

2024-12-28 20:18:48 88

转载 React19: 不是哥们,我useEffect用的正爽,难道会被淘汰吗?

先打个保护壳:以下结论纯本菜????意淫,认为不正确大佬的看个乐呵就行了。????就在前三天,本大二的苦逼学生的团队在给老外做项目的时候,因为他要求使用shadcn,作为团队唯一一个前端切图仔,只能去熬夜修炼。但是在我安装的时候,让我惊讶的并非shadcn的特性,而是哦里shit,这是什么?React19!????????所以我直接放弃学习shadcn(其实大一的时候就用过了),转头就去了解React19新特性。useE...

2024-12-26 23:02:22 45

转载 今年这情况,我劝各位别轻易离职。。。

正文前段时间,掘金热帖《放心,前端死不了》在前端圈疯传。百度前端大佬表明:“前端技术是依托于互联网行业的,只要行业还在,它就会有用武之地,就会有价值。”总的来说,技能跟上发展,前端就不会死。谁掌握得更深、应用得更好,谁就更容易脱颖而出。为此,我特意与几位大厂前端技术专家,一起整理出了一套非常实用的——《2024前端开发进阶秘籍》,其中包含了前端必备八股文、超火Vue3面试题、前端卷王算法题和大厂高...

2024-12-24 09:31:47 76

转载 轻松部署与管理应用:从 Docker 到 Kubernetes 的最佳实践

❝摘要:本文重点对目前容器化技术关键组件的Docker 和 Kubernetes(K8s)的原理进行讲解和分析,以帮助开发者更好的理解两个组件在容器化应用程序的开发、部署和管理过程中重要作用。此外,文中笔者会着重介绍一款插件和开发工具以降低我们学习k8s的难度。❞前言相信对于每一个开发者而言一定都有过配置开发环境的痛苦经历。笔者仍然记得上学那会因为学校开设数据库相关课程,需要安装sql Serve...

2024-12-23 22:42:55 81

转载 “应该禁止所有新项目使用 React!”微软资深工程师犀利 diss:“React 是行业标准”简直胡说!...

转自:InfoQ 作者:Alex Russell译者:核子可乐“框架主义终究无法实现。正确的答案不是再搞出新的工具,而在于具备大刀阔斧进行工程设计的勇气。”有着十多年经验的软件工程师 Alex Russell 在他最近《React 不行,那到底什么行》的博客中提到。他在文中直接了当地表示,“如今任何人都不该用 React 构建新项目。”这篇博客迅速引起了开发者们的关注,并展开了一场围绕 Reac...

2024-12-22 13:14:53 19

转载 使用 Service Worker 让首页秒开

我们可以用 Stale-While-Revalidate 加速页面访问,策略分 3 步在收到页面请求时首先检查缓存,如果命中缓存就直接从缓存中返回给用户将缓存返回用户的同时,在后台异步发起网络请求,尝试获取资源的最新版本获取成功后更新缓存,下次使用而这一切的幕后功臣便是 Service Worker,作为一个后台代理在网络与缓存之间搭建桥梁,提供了丰富的缓存管理和资源控制能力,从而实现这一高效策略...

2024-12-17 08:01:24 54

转载 前端要想学好 NodeJs,这些性能监控指标可不能不会!!!

原文链接: https://juejin.cn/post/7436218509947469876作者:moment最近一直在用 NestJs 开发一个企业级的商业化项目,对于要上线的项目,那必然就少不了性能监控了。了解这些指标对我们开发调优的时候至关重要。服务器的性能瓶颈通常为以下几个:CPU 使用率CPU 负载(load)内存磁盘I/O吞吐量 (Throughput)每秒查询率 QPS(Quer...

2024-12-11 23:15:15 69

转载 Rspack、Vite争先支持的模块联盟(MF)究竟是啥?

前言image.png什么是模块联盟(Module Federation)?让 JavaScript 应用间共享代码更加简单,团队协作更加高效。类似于服务端的微服务,Module Federation是一种支持前端应用分治的架构模式,它允许你在多个应用或微前端应用之间共享功能级代码,这种方案的好处是:减少代码重复;提升代码可维护性;降低应用程序的整体大小;提高应用程序的性能;什么是Module F...

2024-12-10 22:58:52 71

转载 开发中必备的10 个前端库

前端开发中,总有一些重复性的工作让我们疲于奔命。为了提高开发效率,我们精心挑选了10个功能强大、易于使用的前端库。这些库涵盖了从日期处理到动画制作等多个方面,能帮助你快速构建出高质量的Web应用。radash 一个实用的实用程序库,与 lodash 相比更现代。它提供了 tryit 和 retry 等新功能。源码可读性强,大部分函数可以直接复制使用,无需安装 — (https://g...

2024-12-08 10:21:08 66

转载 代码千行不如架构图一张!论契约平台的设计与思考

01开发的窘境我有两个朋友:小明和小红,一天他们在一起做项目,遇到了一些问题...1.1 假文档?1.2 变更了、我怎么不知道?经过了一段时间反反复复的验证,小红和小明的代码终于上线了,可是上线后没多久就出了故障...1.3 错误码是啥意思啊?在服务上线后的第二天半夜二点三十五,小明在梦中被告警电话吵醒,打眼一看报错信息,下游返回失败,收到了如下信息:{ "code": ...

2024-12-05 09:01:44 61

转载 利用Chrome浏览器使用Overrides调试线上代码,真是太方便啦!

利用Chrome开发者工具断点调试功能调试修改代码,一刷新就什么都没有了,且只能调试JS代码,太尴尬了。想刷新后,原来修改调试的的代码还在,且JSP、JS、CSS等能调试,那赶快试试下面这种方法吧。第一步:在浏览器开发者工具中打开下面的面板sources-->overrides!第二步:打开Select folder for overrides,选择要存放代码的文件夹第三步:点击允许访问文件...

2024-12-04 23:19:03 143

转载 如何使用流式渲染技术提升用户体验

什么是流式渲染?流式渲染主要思想是将HTML文档分块(chunk)并逐块发送到客户端,而不是等待整个页面完全生成后再发送。流式渲染不是什么新鲜的技术。早在90年代,网页浏览器就已经开始使用这种方式来处理HTML文档。在 SPA (单页应用)流行的时代,由于 SPA 的核心是客户端动态地渲染内容,流式渲染没有得到太多关注。如今,随着服务端渲染相关技术的成熟,流式渲染成为可以显著提升首屏加载性能的利器...

2024-12-01 14:29:07 26

转载 Node.js 23 发布,大家用上了没!

Node.js 23 现已推出,带来了新功能、性能改进和更好的开发者体验。此次版本提升了兼容性和稳定性,提供了更多工具来构建高效的应用程序。此外,Node.js 22 将在 10 月 29 日当周被提升为长期支持 (LTS) 版本,进入长期维护阶段,以确保稳定和安全的更新。Node.js 23 的亮点:支持使用 require() 加载原生 ES 模块——在 v23.0.0 之前,该功能是通过 -...

2024-11-30 10:31:15 38

原创 一招搞定!Cursor神器无限免费续杯

相信很多小伙伴已经在工作中使用Cursor来辅助写代码了,但是免费版只能使用14天,在这段时间内可以享受全部权限的功能,并拥有500次高级模型的快速请求。那怎样才能持续免费使用呢?这里分享一个方法,相信官方是知道这个口子的,不知道什么时候就关闭了。我已经续杯好多次了,用起来完全没问题。第一步:在cursor内退出登录第二步:在cursor官网上注销账号第三步:重新使用之前的账号注册,再登录curs...

2024-11-27 19:35:05 6794 1

转载 是时候抛弃VsCode啦,这个神器了不得!

Cursor 是什么?Cursor 是一款集成了 AI 技术的强化型代码编辑器,作为 VS Code 的一个衍生版本,它在继承 VS Code 优势的基础上,全面融入了 AI 功能,从而极大地简化了开发工作流,让编程更加便捷高效!Cursor 的主要特点:深度融入编码工作流程:Cursor 不仅仅局限于提供代码建议或处理重复性任务,它实际上能够深入理解项目。它了解你的编码风格,熟悉你的项目结构,甚...

2024-11-26 12:38:50 368

转载 富文本选型太难了,谁来帮帮我!

前言在管理平台中,富文本编辑器是「信息输入」和「内容编辑」的重要工具,几乎是必不可少的功能模块。它不仅「能帮助用户轻松创建和格式化文档、邮件、模版等内容,还支持多样化的输入方式」,提升了内容管理的便捷性和效率。❝遇事不决扔个富文本,随心所欲不逾矩❞富文本编辑器的实现虽然为用户提供了极大的便利,但其背后的技术复杂度也不容小觑。实现一个全面且高效的富文本编辑器,「涉及到跨浏览器兼容性、复杂的格式化操作...

2024-11-24 10:00:37 87

转载 yyds的开源神器:一个集成 React18+TS+Vite+Antd5 的全能中后台模板

South Admingithub: https://github.com/southliu/react-admin技术栈:react18 + ts + antd5 + vite 在线体验:https://southliu.github.io我大致看了一下源码,相对简单些,有很多值得学习的。✨ 简介使用React18,Typescript,Vite,Antd5.0等主流技术开发的开箱即用的中后台...

2024-11-23 19:28:55 91

转载 老婆:去给我做一个刷题工具!(Node 实现)

今天为大家分享一篇比较有意思的文章,看看无所不能的程序员是如何满足老婆的'刁钻'需求的。^_^以下是正文:背景老婆:难道你不能将机构的pdf的试卷,转换成驾考宝典一样的刷题程序吗?我:女人你成功引起了我的注意,安排!巴啦啦能量,nodejs给我力量!今年考公、考编的人真的多。我的老婆也报名了社工(哈哈哈也算是个岸吧)。报了机构最后都有很多份考前密卷,但是这些密卷基本上都是pdf。习惯了用类似驾考宝...

2024-11-21 23:31:28 37

转载 如何实现图片阅后即焚功能的全面指南

引言“阅后即焚”(Snapchat-like feature)是指一种社交媒体或信息传递功能,用户在阅读某条信息或查看某张图片后,该信息或图片会自动销毁,无法再次查看。这种功能的主要目的是保护用户的隐私和信息安全,防止敏感信息被未经授权的人获取。一、背景与需求分析信息安全和隐私保护愈发受到重视。随着社交媒体和即时通讯工具的普及,很多用户希望能够分享临时信息而不留下痕迹。图片阅后即焚功能正是在这样的...

2024-11-19 11:00:48 123

转载 接口一异常你的前端页面就直接崩溃了?

前言在 JavaScript 开发中,细节处理不当往往会导致意想不到的运行时错误,甚至让应用崩溃。可能你昨天上完线还没问题,第二天突然一大堆人艾特你,你就说你慌不慌。来吧,咱们来捋一下怎么做才能让你的代码更健壮,即使后端数据出问题了咱前端也能稳得一批。解构失败报错不做任何处理直接将后端接口数据进行解构consthandleData=(data)=>{const{user}...

2024-11-19 11:00:48 47

转载 前端接口防止重复请求实现方案

作者:沽汣https://juejin.cn/post/7341840038964363283前言前段时间老板心血来潮,要我们前端组对整个的项目都做一下接口防止重复请求的处理(似乎是有用户通过一些快速点击薅到了一些优惠券啥的)。。。听到这个需求,第一反应就是,防止薅羊毛最保险的方案不还是在服务端加限制吗?前端加限制能够拦截的毕竟有限。可老板就是执意要前端搞一下子,行吧,搞就搞吧,you happ...

2024-11-18 22:52:51 46

转载 聊聊前端构建工具该怎么选?

前端 Bundler,即前端打包工具,用于处理和优化前端资源(JavaScript、CSS、HTML、图片、字体等)的工具。它将这些资源组合并捆绑成一个或多个文件,以减少加载时间和提高应用性能为什么需要 bundler随着现代前端开发的复杂度不断增加,Bundler 作为构建过程的重要组成部分,帮助开发者管理复杂的依赖关系、进行代码拆分、实现模块化开发,并优化构建输出,已经成为开发流程中不可或缺的...

2024-11-15 23:25:17 64

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除