2025 年值得关注的前端趋势 随着框架、工具和方法论的创新,2025年的Web开发正在以前所未有的速度进步。开发者正在见证现代应用构建方式的转变,性能、可扩展性和用户体验成为关注的焦点。React Server Components、Next.js和TypeScript等技术引领着潮流,而Svelte和Vue等框架则在提高效率和简化开发方面不断突破。随着这些技术的发展,想要在这个快速变化的领域中保持领先,必须拥抱这些前沿工具和...
Windsurf:面向未来的 AI编程工具详解 我是范文杰,一个专注于 AI 辅助编程与前端工程化领域的切图仔,近期有不少 HC,感兴趣的同学可联系我内推!欢迎关注:来自内部同学 黄健 的技术分享1. Windsurf 简介近期随着 Cursor 的爆火,AI 编程领域再次聚焦了诸多开发者的目光,当许多人认为这就是 AI 编程的终极产品时,Windsurf 的横空出世让这个赛道变得更加生动和多元化,随着这些创新产品的持续涌现,我们相信未来 AI...
初探海报编辑器 本文作者系360奇舞团前端开发工程师最近在调研海报编辑器 想要做到对一张图片进行添加文本 图片之类的操作 我就去调研了一些开源的海报编辑器。其实在web上关于图片的编辑器还是很多的,种类也很丰富,比如 miniPaint基本复刻了 ps,基于 farbic.js的 Pintura.和 tui.image-editor,基于 Konva的 polotno等等。那我们的现阶段是实现一个轻量级图文编辑器...
在 Chrome 浏览器里获取用户真实硬件信息的方法 本文作者系360奇舞团前端开发工程师在前端开发中,有时我们需要获取用户设备的硬件信息,比如 CPU 等,这有助于我们更好地优化应用性能,提供更适配的用户体验。下面介绍在 Chrome 浏览器中获取用户真实 CPU 和其他硬件信息的多种方式。一、通过 navigator.hardwareConcurrency 属性获取逻辑 CPU 核心数navigator.hardwareConcurrency 是...
事件驱动的 AI:使用 Kafka 和 Flink 构建研究助手 本文译者为 360 奇舞团前端开发工程师原文标题:Event-Driven AI: Building a Research Assistant with Kafka and Flink原文作者:Sean Falconer原文地址:https://seanfalconer.medium.com/event-driven-ai-building-a-research-assistant-with...
奇舞周刊第547期:2025 年的 React + AI 技术栈 奇舞推荐■■■2025 年的 React + AI 技术栈本文介绍了2025年React与AI结合的技术栈,包括核心的React+TypeScript、Next.js作为元框架、Tailwind CSS+shadcn/ui用于样式、Zustand和TanStack Query分别用于客户端和服务器状态管理、Motion处理动画、Vitest等工具用于测试、Supabase作为数据库、React...
使用 Dify、Meilisearch、零一万物模型实现最简单的 RAG 应用(三):AI 电影推荐... 这篇文章,我们继续聊聊,如何折腾 AI 应用,把不 AI 的东西,“AI 起来”。在不折腾复杂的检索系统的前提下,快速完成轻量的 RAG 实践。写在前面连续忙了两周后,脸皮终于架不住几位朋友的“提醒”,接下来先写两篇简单的实践:聊聊如何快速完成一个 AI 时代的 RAG 应用。为了“拔掉之前承诺朋友的 Flags”,本文将展开聊聊以下内容:•快速将已有数据库、数据接口内容,通过 AI 的方式来进行...
Build System 视角:重新认识前端打包工具的设计哲学 最近在调研 Rspack 的 incremental 实现,很多其他编译器实现增量构建的资料中都有提到一篇论文:Build Systems à la Carte: Theory and Practice[1],所以抽空学习了下发现挺有意思的,和 bundler 也有一些相关性。本文会简单介绍这篇论文的内容,并尝试从 build system 的角度来概括 bundlers。à la carte:菜...
2024 年最受欢迎的前端项目 本文译者为360奇舞团前端开发工程师原文标题:2024 JavaScript Rising Stars原文作者:Michael Rambeau原文地址:https://risingstars.js.org/2024/en带你了解 2024 年 JS 生态系统的主要发展趋势和项目。最受欢迎的项目排名shadcn/ui 又一次获得了总冠军 ????和去年一样,shadcn-ui 是今年最热门...
小样本分类的精准利刃 - 支持向量机(SVM) 本文作者为 360 奇舞团前端开发工程师在机器学习领域,数据量对算法性能影响重大。支持向量机(SVM)在小样本分类上表现亮眼,它依据结构风险最小化原则,平衡模型复杂程度与拟合精准度,防止小样本带来的过拟合问题。同时,SVM 重点关注决定分类结果的关键支持向量,以此扩大类别间隔,精准提炼小样本的关键特征,凭借这些优势,在图像识别、生物医疗等诸多领域都发挥了出色作用。1. 二元分类问题二元分类问题是一...
Vue 推出了新特性 useId,能提高多少开发体验? 前言大家好,我是林三心,用最通俗易懂的话讲最难的知识点是我的座右铭,基础是进阶的前提是我的初心~在Vue3.5这个版本中,新增了useId这一个 API,它的功能是用来生成一个唯一的ID,为什么说它生成的 ID 是唯一的呢?我们可以来看看useID的源码,你就知道了其实原理很简单,就是调用getCurrentInstance这个,这个 API 会返回当前 Vue 实例的信息对象,...
Vue 官方教学:提升 Vue3 开发幸福感的 8 个小技巧 前言最近Vue School发布了在Vue开发中,能让开发者提高幸福感的十个技巧,让我们大家来看看吧~1、Composition API + script setup用过Vue3 Composition API的朋友想必都知道有多么方便,相比于Vue2 Option API,开发体验简直是提升得不止一点,如果再加上script setup的话,那你写起 Vue 来会更加快捷2、...
探索ESLint V8 到 V9 新版本在今年4月份全新推出,正式将 Flat Config 合并到了 Release 版本,到现在经过了 9 个月的时间,不知道小伙伴们有没有做一次正式的迁移。话说回来,如果近期有想要迁移到最新版本的小伙伴,官方推出 @eslint/migrate-config CLI 工具将旧配置转换为扁平配置 一个配置项来协助开发者们进行迁移,建议可以从一些简单的项目迁移,虽然说V9在大部分场景都已经支持,但...
Cursor 深度评测:革命性提效工具还是过誉的玩具? 最近 Cursor 很火,火到我身边的程序员们已经不聊河北彩花,LOL,黑猴等,而是在各种场合讨论这个 Cursor 的辅助编程能力。各类内容平台也在以惊人的速度,迭代出了许多相关教学视频:我试用了一段时间,第一感觉确实很惊艳,能帮我解决很多基础问题,实打实地提升开发效率,印象比较深的,包括:Codebase Indexing、@symbol 等功能带来的更强的上下文索引能力,而这极大提升最终 L...
webpack构建优化:优化 CDN 上传 篇 本文作者为360奇舞团前端开发工程师在现代 Web 开发中,将静态资源上传到 CDN(内容分发网络)是一种常见的优化手段,可以显著提升资源加载速度。CDN 通过将资源分发到离用户更近的服务器,减少了网络延迟,从而提高了用户体验。然而,随着项目规模的扩大,静态资源的数量和体积也在不断增加,这使得每次构建时都需要上传所有静态资源变得非常耗时。为了解决这个问题,我们可以实现一个 Webpack 插件...
利用 Merkle Tree 高效检测数据变更 本文作者为360奇舞团前端开发工程师在当今数字世界中,如何高效地验证大量数据的完整性是一个重要挑战。无论是云存储同步、区块链交易验证,还是 P2P 文件分享,都需要一个可靠且高效的方案。这就是我们今天要介绍的主角 —— Merkle Tree(默克尔树)。从哈希函数说起我们都知道哈希函数可以接受任何输入,不管是单一文本还是一整个文件,都能生成一个唯一的输出,这个输出我们称之为「哈希值」或者「摘...
奇舞周刊第546期:AI智能编码的发展(文末有抽奖) 奇舞推荐■■■软件开发领域变革前夕-AI智能编码的发展AI智能编码产品正重塑软件开发流程,提升研发效率。文章探讨了AI编码产品的发展、技术进步、实践案例及未来趋势,预测IDE将转变为代码查看工具,研发流程将更依赖AI,团队结构和大模型发展也将随之变化。携程从零构建多端一致的设计研发体系实践携程技术团队构建了一套多品牌、多终端的企业级设计系统,通过模块化设计、跨平台组件库和自动化流程,实现了设计...
Console.trace:JavaScript调试的利器 console.trace() 是一种非常实用的调试工具,能够清晰地展示调用堆栈信息,帮助开发者快速追踪代码的执行路径和函数的调用链。在实际业务场景中,console.trace() 的使用主要集中于问题排查和调试工作中,以下是一些典型的实际业务使用场景,以及其在这些场景中的作用和用法。实际业务使用场景1. 追踪函数的调用路径在复杂的代码中,某个函数可能会被多个地方调用。当你需要确定某个函数是从哪...
一文回顾 OpenAI 12天发布会 本文作者系360奇舞团前端开发工程师OpenAI 在12月5日正式宣布将举行为期12天的系列发布活动,期间每天发布一个产品或样品,活动将包括备受期待的AI视频生成工具 Sora 和新的推理模型,本文将简单总结介绍为期12天的发布会每日的内容第一天完全体的 o1从能力上看,o1 比 Preview 版本有了比较大的提升1、在国际数学奥林匹克预选赛题目(AIME 2024)、编程能力测试(CodeFo...
只花了 2 小时,我快速打造并上线了一款 AI 小程序! 大家好,我是 ConardLi。最近刷到一篇文章有点小受震撼,登顶 AppStore 付费榜 Top1 的 APP 居然是一个不懂代码的产品经理,花了 1 个小时基于 AI 开发出来的。时至今日,这款 APP 还没有在 AppStore 付费榜上掉落前十,因此突发感想:AI 的出现大大降低了软件开发的门槛,一个之前完全不懂编程技术的小白,都可以借助 AI 快速实现一款应用,那有点编程经验的程序员,...