- 博客(1927)
- 收藏
- 关注
RSS订阅转载 Vue开始抛弃虚拟DOM，前端框架渲染模式正在经历一场革命
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群近年来，前端框架的渲染模式正经历一场静默的革命。以React和Vue为代表的虚拟DOM（Virtual DOM）技术曾主导了前端开发的黄金十年，但随着性能需求升级和硬件环境多样化，无虚拟DOM框架（如Svelte、SolidJS、Vue Vapor）逐渐崭露头角。本文将从技术原理、性能优化、实践挑战等角度，深度解析无虚拟DOM框架的核心设计...
2025-03-13 09:15:20
11
转载 Vue 3.6 将带来这些重磅功能，更快、更强！
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群Vue 3.6 将带来这些重磅功能，更快、更强！在不久前举办的 Vue Nation 大会上，Vue 作者尤雨溪分享了即将发布的 Vue 3.6 的新特性：① Alien Signals 1.0 的集成（p2-p3）：Vue 3.6 将 Alien Signals 1.0 移植到 v3.6 分支，重构了响应式系统，显著减少了依赖追踪的开销，...
2025-03-13 09:15:20
8
转载 老板花一万大洋让我写的艺术工作室官网？！ HeroSection 再度来袭！(Three.js)
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群引言哈喽大家好！距离我上次发文已经过去半个月了，差点又变回了那只熟悉的“老鸽子”。不行，我不能堕落！我还没有将Web3D推广到普罗大众，还没有让更多人感受到三维图形的魅力 (其实是还没有捞着米)。怀着这样的心情，我决定重新振作，继续为大家带来更多关于Three.js和Shader的进阶内容。前置条件欢迎阅读本篇文章！在深入探讨...
2025-03-12 09:15:26
11
转载 7种在 JavaScript 中分解长任务的技术
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群前言探讨了在 JavaScript 中分解长任务的多种方法，并分析了每种方法的特点和适用场景。今日文章作者 @Alex MacArthur ，关于本文译者：前端早读课文@飘飘原文：https://macarthur.me/posts/long-tasks/有意将耗时且昂贵的任务拆分到事件循环的多个周期中执行，这是非常常见的做法。但可供选择的...
2025-03-12 09:15:26
7
转载 2025 还在用 ECharts？试试字节这款很新的开源图表库，图表全，颜值高，易使用！...
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群ECharts 作为国内使用最广泛的图表库，想必众多开发者都已有所体验。不过，也有很多开发者吐槽 EChats 风格太土了。今天就来分享一个高颜值图表库：VChart。VisActor 是一个由字节跳动开源的数据可视化解决方案，它从大量的可视化场景中提炼而来。这个解决方案不仅覆盖了常规的可视化需求，还特别强调叙事可视化和智能可视化作为其发展...
2025-03-11 09:15:24
19
转载 AST、Babel、TSC - 啃着啃着就会了
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群第一段实习就接到了个工程化的需求-写插件，对我这种工程化小白来说无疑是巨大的挑战，向多位前辈请教过后，决定先从 webpack 学起，然后再到编译器+AST，一步一步把工程化理解体系搭起来。如果觉得这篇文章对你有帮助，欢迎点赞关注????一、概览Babel：将 es6+的 JavaScript 代码编译成 目标环境支持的语法环境，并且对目标环境...
2025-03-11 09:15:24
18
转载 DeepSeek创始人梁文锋个人履历
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群DeepSeek创始人——梁文锋。梁文锋，1985年出生于广东省湛江市，浙江大学毕业，拥有信息与电子工程学系本科和硕士学位。杭州幻方科技有限公司、DeepSeek创始人。2008年起，梁文锋开始带领团队使用机器学习等技术探索全自动量化交易。2013年，他与浙大同学徐进共同创立了杭州雅克比投资管理有限公司。2015年，成立了杭州幻方科技有限公...
2025-03-07 14:14:08
274
转载 写了5个vite插件后，发现其实vite插件并不难
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群前言如果你是一名纯前端开发，很少或者根本没有写过 nodejs，那么从编写 vite 插件入门 nodejs，会带给你很丝滑的体验。这篇文章将从我个人的经验总结出编写 vite 插件的入门技巧和思维，希望对大家有所帮助。如何入门 vite 插件？先有想法，再去学习。如果你遇到了一些问题，无法通过纯前端代码实现，或许这时候就可以想想，能不能用...
2025-03-06 09:15:44
22
转载 如何在前端开发中实现零停机部署
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群前言探讨了在前端开发中实现零停机部署的实用策略，帮助开发者在不影响用户体验的情况下平滑地交付更新。今日文章由 @Manav Saha 分享，前端早读课@飘飘翻译。在前端开发领域，更新期间保持无缝的用户体验至关重要。零停机部署可确保用户在新功能和改进推出时不会遇到任何中断。实现这一点能够显著提升用户体验和运营效率。在本文中，我们将探讨在前端开...
2025-03-06 09:15:44
32
转载 真卷啊......Vitest 都出 3.0 了
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群在两个月前，Vite发布了V6的版本，这不没多久，与之配套的Vitest也官宣V3版本正式发布了，这能说这些人啊，太卷了...很多同学可能并不熟悉Vitest，它其实是一个基于 Vite 的现代化测试框架，专为前端单元测试和集成测试设计的，可以理解为有点类似Jest。但是，针对 Vite 做了更好的兼容性处理。目前基...
2025-03-05 09:15:45
18
转载 项目必备点-JWT鉴权你真的弄明白了吗？
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群前言在现代 Web 开发中，用户身份验证是每个项目不可或缺的一部分。JWT（JSON Web Token）作为一种轻量级、跨语言的身份验证解决方案，因其简单易用和高效性而备受开发者青睐。然而，在实际项目中，很多人对 JWT 的使用方式以及其背后的原理并不完全理解，直接就是照搬着用，这其实是治标不治本的！JWT 是什么？首先我们需要知道的就是...
2025-03-05 09:15:45
22
转载 5大 零JavaScript Rust 框架崛起，前端瑟瑟发抖
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群前言本文主要和大家讨论全网最火的5个基于Wasm 的 Rust 框架，使得开发者不用编写一行JS代码就可以写前端应用。在年初，我也确实使用 WebAssembly 将客户端应用成功移植到了 Web，这也是为什么我一直对 WebAssembly 充满好奇的原因。正如大家所看到的，当我们还在迟疑是否要在日常开发中引入 WebAssembly 的...
2025-03-03 09:15:46
27
转载 分享一些不错的JS/TS代码片段
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群整理笔记的时候发现之前存的一些写得还不错的代码片段，分享出来参考参考方法顺序执行，不论同步还是异步以下代码实现方法顺序执行，不论同步还是异步，letresult;for(constfof[func1, func2, func3]) { result =awaitf(result);}/* use last resul...
2025-02-28 09:15:31
16
转载 大厂都在做的前端稳定性到底是啥呢？
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群引言在一次公司的前端无法访问的事故复盘后，我们调查了关于应用稳定性前端可以做些什么。对于前端稳定性其实在整个用户访问到页面到请求都需要全链路的监控与追踪，每一个环节都值得我们深入探究一下。本文就从应用服务器、静态资源、页面渲染、接口请求4大方面来各个击破，看看前端稳定性到底需要如何建设。应用服务器应用服务器在整个链路的最上游，从用户在地址栏...
2025-02-28 09:15:31
21
转载 23张PPT搞懂DeepSeek核心技术！
DeepSeek 核心技术大揭秘，以 “PPT 式风格” 更好地展现核心技术点，多视角剖析不同版本技术亮点以及发展历程，探索 DeepSeek V1~R1 卓越之处，为技术爱好者、专业人士和从业者提供使用指引，同时启发更多关于人工智能创新发展的思考与探索。公众号后台回复关键词DS，获取本文高清 PDF 下载链接。本文内容由腾讯工程师 Tommie 制作，整理不易侵权必究。彩蛋时刻腾讯云自春...
2025-02-27 08:01:48
71
转载 DeepSeek引领AI潮，人工智能未来已来
打开各大短视频平台，不难发现，AI生成的短视频出现频率越来越高。从狂飙被爆改“乱飙”，雷总的“Are you OK？”等，各大知名影视IP纷纷沦陷。而自己想尝试拍摄或剪辑视频时，不是被‘脚本’绊住，就是被‘剪辑’难倒...今天给大家分享1个只有内行人才知道的Ai剪辑工具，将Ai转化为生产力！为自己效劳，为荷包效劳~活让Ai干，钱让自己赚！官方出品，必是精品！！！ChatGPT横空出世后，人工智能...
2025-02-27 08:01:48
30
转载 deepseek本地部署（在线、离线）、知识库搭建（个人、组织）与代码接入
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群本文主要介绍deepSeek本地化容器化部署，知识库搭建与springAI接入。因笔者工作内容原因，也会介绍内网部署方式。一、deepSeek本地化部署本地部署方式我们采用ollama，简化部署、内网迁移流程。其他部署方式与对比，可参考：7种大模型的部署方案汇总需要提高模型推理效率，可参考:KTransformers1.1 windows与...
2025-02-26 09:15:24
244
转载 史上最全！DeepSeek骚操作合集：从部署、开发到知识库搭建
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群官网繁忙，到底哪里的DeepSeek有空？AI应用构建繁杂，最快要多久？等不及了，DeepSeek啥时候能帮我干活......DeepSeek 最近火得不行，开发者们又惊又喜又担心自己用得慢被甩开差距。别着急，腾讯云早就支持部署 DeepSeek，而且还更新了一堆新产品，开发者用这些工具搞出了不少新花样。这篇指南就从模型部署、应用开发和开发...
2025-02-26 09:15:24
58
转载 leader:你知道Pnpm为何如此强大吗？说说怎么用Pnpm治理冗余重复依赖(万字精华干货)...
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群前言在现代前端开发中，高效的包管理和依赖治理对于项目的健康发展至关重要。随着项目规模的不断扩大，传统的「npm」和「yarn」在处理依赖关系时可能会遇到诸如「依赖重复安装」、「磁盘空间浪费」、「依赖版本冲突」等问题。而pnpm（performant npm）作为新一代包管理工具，不仅显著提升了安装效率，还为项目依赖治理带来了全新的...
2025-02-24 09:16:08
29
转载 一次性上传 1000 张图片, 总量 10GB 的方案设计
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群背景最近有一个上传文件方面的需求，上传图片，用户可以选择文件夹上传。文件夹里的图片可能很多，而且由于特殊的项目背景，用户选择的图片可能会比较大，10MB左右。这里就需要做一些方案上的设计了，确保整个过程的流畅和容错。方案设计这个过程中需要考虑到的细节主要是以下几点：重复图片的认定图片上传任务的控制上传失败和上传中断处理图片去重hash图片去...
2025-02-24 09:16:08
31
转载 大文件上传| React + NestJs |分片、断点续传、秒传 , 你是否知道 ???
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群前言大文件上传不能一次性将整个大文件直接上传，因为这可能会导致内存占用过高、网络传输不稳定等问题所以通常的做法是把大文件分割成一个个小块，分别上传这些小块，最后在服务器端将这些小块合并成完整的文件。同时，为了支持秒传和断点续传功能，还需要对文件进行哈希计算，通过哈希值来判断文件是否已经上传过，以及哪些小块已经上传。「项目地址」: 大文件上传...
2025-02-19 09:15:25
24
转载 前端监控SDK：从基础到实践 （1. 性能监控）
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群前言在现代前端开发中，随着应用复杂度的提高和用户体验的精细化要求，「前端监控」已经成为开发者不可或缺的一项技能。从性能优化到错误跟踪，再到用户行为分析，构建一个完整的前端监控平台不仅能帮助团队快速发现问题，还能为业务决策提供可靠的数据支撑。作为一名前端开发者，我是在实习过程中接触到的监控平台，一是感觉这相比业务开发来说更有技术含量一点，二是...
2025-02-18 09:15:16
43
转载 React+AI 技术栈（2025 版）
原文链接：React + AI Stack for 2025[1]，2025年1月3日，by Vishwas Gopinath点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群React 问世已有一段时间，如今依旧表现强劲。然而科技领域瞬息万变，AI（人工智能）正给行业带来翻天覆地的变革。本文我们来探讨一下 2025 年的 React+AI 技术栈会是什么样。如果你正在规划新项目，或是考虑...
2025-02-18 09:15:16
82
转载 React 首次推出原生的动画支持！
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群React 一直是前端开发者最受欢迎的框架之一。但是 React 的动画支持似乎一直是个短板。虽然 Vue 和 Svelte 等其他框架相继推出了便于实现动画的 API ，React 开发者长期以来不得不依赖于第三方库，如 Motion for React 和 React Spring 来补足这一缺陷。最近，这种情况终于迎来了转机。Re...
2025-02-17 09:21:26
40
转载 14.1K Star的Deepseek实用集成（官方出品），涉及14类近100种应用
DeepSeek自2025年初以来，凭借其卓越的技术实力和创新的产品，迅速成为科技界的焦点。无论是官方媒体，还是小红书、抖音、视频号、公众号等平台，都在积极宣传其成就，然而Deepseek只是基座，其在产品中得到使用才能爆发出更大的力量，为满足这个需求，Deepseek官方发布了Deepseek实用集成，涉及14大类近100种应用，还在不断扩展中，刚发布一周就在github上斩获14.1k Sta...
2025-02-17 09:21:26
40
转载 智能界面：前端与AI的融合之美---智能识别图片
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群前言当人工智能与前端技术融合时，可以创造出许多令人惊叹的应用和体验。在这样的融合中，前端技术负责用户界面的设计和交互，而人工智能则负责数据处理、分析和智能决策。以下是一些融合了AI和前端技术的介绍：智能推荐系统：利用前端技术构建用户友好的界面，与后端的智能推荐算法结合，为用户提供个性化的推荐内容，如商品、音乐、视频等。语音助手：通过前端技术...
2025-02-10 09:15:27
119
转载 2025 Vue核心升级方向概览
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群无论是性能优化、服务端渲染革新，还是工具链的全面升级，Vue团队正在为开发者打造更高效、更强大的开发体验。一文速览核心升级方向，提前布局技术红利！???? 一、Vapor模式：告别虚拟DOM，性能飙升！划重点：Vue团队正在研发一项颠覆性技术——Vapor模式，直接操作真实DOM，彻底消除虚拟DOM的运行时开销！无需魔改代码：现有组件可无缝升级，...
2025-02-10 09:15:27
53
转载 你为什么用不好TypeScript
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群前言本文章是我在团队日常开发中发现的一些问题的总结，有不对的地方欢迎大家指出，互相学习、共同进步~~类型不会复用在日常开发中，一般我们对于每个接口都要定义好请求参数的类型和返回参数的类型。而对于一些比较常见的功能，我们一般会有固定的参数和一些固定的返回字段。例如列表接口，我们一定会带上page和rows,这个时候我们就可以先写一个基础的...
2025-01-22 09:20:57
29
转载 带你一步一步手写Promise（保姆级讲解，你看你也会写）
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群前言今天我们要来实现一个手写的Promise。如果你对JavaScript的Promise还不是很熟悉，或者想深入了解它的内部机制，那么这篇文章非常适合你，跟着我从零开始，一步步构建Promise吧！正文1.初始结构创建类let promise=new Promise((resolve,reject)=>{})我们通常用Promise...
2025-01-20 09:15:50
98
转载 什么,你还不会调试线上 vue 组件?
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群前言彦祖们,在日常开发中,不知道你们是否遇到过这样的场景在本地测试开发 vue 组件的时候非常顺畅一上生产环境,客户说数据展示错误,样式不对...但是你在本地测试了几次,都难以复现定位方向这时候作为老 vuer,自然就想到了 vue devtools但是新问题又来了,线上环境我们如何开启 vue devtools 呢?案例演示让我们以 el...
2025-01-20 09:15:50
79
转载 前端实现画中画超简单，让网页飞出浏览器
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群Document Picture-in-Picture 介绍今天，我来介绍一个非常酷的前端功能：文档画中画 (Document Picture-in-Picture, 本文简称 PiP)。你有没有想过，网页上的任何内容能悬浮在桌面上？???????? 视频流媒体的画中画功能你可能已经在视频平台（如腾讯视频、哔哩哔哩等网页）见过这种效果：视频播放时，可以...
2025-01-17 09:16:01
118
转载 微服务常见限流方案及TSF限流原理
????目录1 限流前考虑什么2 如何进行限流3 关于 TSF 的限流在微服务高并发的一些场景下，微服务之间的调用量不断增加，大流量因素很可能会引起服务雪崩，微服务的稳定性对业务系统的影响也比较大。一般微服务容错组件都提供了限流的方式来保护我们的系统，本文主要介绍微服务限流的几种主流方案与适应的场景。关注腾讯云开发者，一手技术干货提前解锁????01限流前考虑什么1.1 限流的目的是什么珍稀之物如星辰般...
2025-01-16 09:20:39
39
转载 网页疯狂自动刷新，发生了什么？业务：我传了一张两亿像素的图片而已
作者：杨鹏一、背景在一个普通的工作日，BUG反馈群突然发来一个视频。视频中显示，我们的H5应用在打开某个下发的资料时，加载图片的过程中陷入了不断刷新的死循环。这个问题直接影响了用户体验，也引发了我们的深入调查。二、问题分析收到反馈后，我立即在浏览器中打开该资料进行测试。虽然网页没有出现无限刷新的现象，但加载速度明显变慢，操作也非常卡顿。查看控制台和网络请求后，并未发现任何错误提示。然而，在对比加...
2025-01-16 09:20:39
63
转载 成为 JavaScript 生成器的专家，掌握 JavaScript Generators：5 个实用案例
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群它们不仅仅是一个花哨的功能，我们将探索它们的多种强大用例，包括创建引人入胜的动画、通过互联网流式传输视频、节省内存等。如果你从未听说过它们，可能会错过很多有趣的东西。什么是 Generators？Generators 是一种神奇的函数，它们可以在任意时刻暂停和恢复执行，而不是连续执行。使用星号 * 标记函数为生成器，yield 在 .nex...
2025-01-15 09:16:01
21
转载 pnpm 的崛起：如何降维打击 npm 和 yarn
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群前言今天研究了一下 pnpm 的机制，发现它确实很强大，甚至可以说对 yarn 和 npm 形成了降维打击我们从包管理工具的发展历史，一起看下到底好在哪里？npm2在 npm 3.0 版本之前，项目的 node_modules 会呈现出嵌套结构，也就是说，我安装的依赖、依赖的依赖、依赖的依赖的依赖...，都是递归嵌套的node_module...
2025-01-15 09:16:01
41
转载 基于web-see的前端监控方案实现
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群1、需求背景最近在研究前端项目的监控，找到了web-see这个工具，jake/web-see[1]，还有使用demo，github.com/xy-sea/web-…[2]。这个工具提供了上报错误、定位错误源码、记录用户行为等功能。2、实现方案参考web-see-demo，运行node服务，提供接口：错误上报、错误列表查询、获取源码等该...
2025-01-13 09:15:31
31
转载 用了这些 Vite 配置技巧，同事都以为我开挂了！(5000 字干货，建议收藏)
写在前面如官网所说，Vite 是一种新型前端构建工具，能够显著提升前端开发体验，它主要由两部分组成：一个开发服务器，它基于原生 ES 模块提供了丰富的内建功能，如速度快到惊人的模块热替换（HMR）。一套构建指令，它使用 Rollup 打包你的代码，并且它是预配置的，可输出用于生产环境的高度优化过的静态资源。首先第一步，推荐先通篇阅读一遍 Vite 的文档：传送门主要了解 Vite 在项目中...
2025-01-13 09:15:31
68
转载 什么是源代码映射？
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群源映射的必要性早期的 Web 应用的复杂性较低。开发者直接将 HTML、CSS 和 JavaScript 文件部署到 Web 上。在开发工作流中，更现代、更复杂的 Web 应用可能需要使用各种工具。例如：1.模板语言和 HTML 预处理器：Pug、Nunjucks、Markdown。2.CSS 预处理器：SCSS、LESS、Post...
2025-01-10 09:15:28
62
转载 放弃 React，微软 Edge 团队改用 Web 组件减少对 JavaScript 的依赖
前端Q我是winty，专注分享前端知识和各类前端资源，乐于分享各种有趣的事，关注我，一起做个有趣的人～公众号点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群转自：InfoQ 作者丨 Richard MacManus译者丨明知山5 月份，微软的 Edge 浏览器团队推出了 WebUI 2.0，旨在通过采用原生 Web 组件取代 React 组件来提升浏览器的响应速度。其核心策略是通过“标...
2025-01-10 09:15:28
32
转载 React19:不是哥们，我useEffect用的正爽，难道会被淘汰吗？
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群先打个保护壳：以下结论纯本菜????意淫，认为不正确大佬的看个乐呵就行了。????就在前三天，本大二的苦逼学生的团队在给老外做项目的时候，因为他要求使用shadcn,作为团队唯一一个前端切图仔，只能去熬夜修炼。但是在我安装的时候，让我惊讶的并非shadcn的特性，而是哦里shit，这是什么？React19！????????所以我直接放弃学习shadcn(其实大一的...
2025-01-09 09:15:15
61
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人