- 博客(1266)
- 收藏
- 关注
RSS订阅转载 事件驱动的 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...
2025-01-18 10:01:12
26
原创 奇舞周刊第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...
2025-01-17 17:45:15
717
转载 使用 Dify、Meilisearch、零一万物模型实现最简单的 RAG 应用（三）：AI 电影推荐...
这篇文章，我们继续聊聊，如何折腾 AI 应用，把不 AI 的东西，“AI 起来”。在不折腾复杂的检索系统的前提下，快速完成轻量的 RAG 实践。写在前面连续忙了两周后，脸皮终于架不住几位朋友的“提醒”，接下来先写两篇简单的实践：聊聊如何快速完成一个 AI 时代的 RAG 应用。为了“拔掉之前承诺朋友的 Flags”，本文将展开聊聊以下内容：•快速将已有数据库、数据接口内容，通过 AI 的方式来进行...
2025-01-15 18:01:10
48
转载 Build System 视角：重新认识前端打包工具的设计哲学
最近在调研 Rspack 的 incremental 实现，很多其他编译器实现增量构建的资料中都有提到一篇论文：Build Systems à la Carte: Theory and Practice[1]，所以抽空学习了下发现挺有意思的，和 bundler 也有一些相关性。本文会简单介绍这篇论文的内容，并尝试从 build system 的角度来概括 bundlers。à la carte：菜...
2025-01-14 18:00:34
15
转载 2024 年最受欢迎的前端项目
本文译者为360奇舞团前端开发工程师原文标题：2024 JavaScript Rising Stars原文作者：Michael Rambeau原文地址：https://risingstars.js.org/2024/en带你了解 2024 年 JS 生态系统的主要发展趋势和项目。最受欢迎的项目排名shadcn/ui 又一次获得了总冠军 ????和去年一样，shadcn-ui 是今年最热门...
2025-01-13 18:01:28
39
原创 小样本分类的精准利刃 - 支持向量机（SVM）
本文作者为 360 奇舞团前端开发工程师在机器学习领域，数据量对算法性能影响重大。支持向量机（SVM）在小样本分类上表现亮眼，它依据结构风险最小化原则，平衡模型复杂程度与拟合精准度，防止小样本带来的过拟合问题。同时，SVM 重点关注决定分类结果的关键支持向量，以此扩大类别间隔，精准提炼小样本的关键特征，凭借这些优势，在图像识别、生物医疗等诸多领域都发挥了出色作用。1. 二元分类问题二元分类问题是一...
2025-01-09 18:34:58
639
转载 Vue 推出了新特性 useId，能提高多少开发体验？
前言大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心~在Vue3.5这个版本中，新增了useId这一个 API，它的功能是用来生成一个唯一的ID，为什么说它生成的 ID 是唯一的呢？我们可以来看看useID的源码，你就知道了其实原理很简单，就是调用getCurrentInstance这个，这个 API 会返回当前 Vue 实例的信息对象，...
2025-01-08 18:06:00
50
转载 Vue 官方教学：提升 Vue3 开发幸福感的 8 个小技巧
前言最近Vue School发布了在Vue开发中，能让开发者提高幸福感的十个技巧，让我们大家来看看吧~1、Composition API + script setup用过Vue3 Composition API的朋友想必都知道有多么方便，相比于Vue2 Option API，开发体验简直是提升得不止一点，如果再加上script setup的话，那你写起 Vue 来会更加快捷2、...
2025-01-07 19:15:35
54
原创 探索ESLint V8 到 V9
新版本在今年4月份全新推出，正式将 Flat Config 合并到了 Release 版本，到现在经过了 9 个月的时间，不知道小伙伴们有没有做一次正式的迁移。话说回来，如果近期有想要迁移到最新版本的小伙伴，官方推出 @eslint/migrate-config CLI 工具将旧配置转换为扁平配置 一个配置项来协助开发者们进行迁移，建议可以从一些简单的项目迁移，虽然说V9在大部分场景都已经支持，但...
2025-01-06 18:30:32
995
转载 Cursor 深度评测：革命性提效工具还是过誉的玩具？
最近 Cursor 很火，火到我身边的程序员们已经不聊河北彩花，LOL，黑猴等，而是在各种场合讨论这个 Cursor 的辅助编程能力。各类内容平台也在以惊人的速度，迭代出了许多相关教学视频：我试用了一段时间，第一感觉确实很惊艳，能帮我解决很多基础问题，实打实地提升开发效率，印象比较深的，包括：Codebase Indexing、@symbol 等功能带来的更强的上下文索引能力，而这极大提升最终 L...
2025-01-02 18:01:39
256
原创 webpack构建优化：优化 CDN 上传 篇
本文作者为360奇舞团前端开发工程师在现代 Web 开发中，将静态资源上传到 CDN（内容分发网络）是一种常见的优化手段，可以显著提升资源加载速度。CDN 通过将资源分发到离用户更近的服务器，减少了网络延迟，从而提高了用户体验。然而，随着项目规模的扩大，静态资源的数量和体积也在不断增加，这使得每次构建时都需要上传所有静态资源变得非常耗时。为了解决这个问题，我们可以实现一个 Webpack 插件...
2024-12-31 18:00:58
568
原创 利用 Merkle Tree 高效检测数据变更
本文作者为360奇舞团前端开发工程师在当今数字世界中，如何高效地验证大量数据的完整性是一个重要挑战。无论是云存储同步、区块链交易验证，还是 P2P 文件分享，都需要一个可靠且高效的方案。这就是我们今天要介绍的主角 —— Merkle Tree（默克尔树）。从哈希函数说起我们都知道哈希函数可以接受任何输入，不管是单一文本还是一整个文件，都能生成一个唯一的输出，这个输出我们称之为「哈希值」或者「摘...
2024-12-30 18:00:52
754
原创 奇舞周刊第546期：AI智能编码的发展（文末有抽奖）
奇舞推荐■■■软件开发领域变革前夕-AI智能编码的发展AI智能编码产品正重塑软件开发流程，提升研发效率。文章探讨了AI编码产品的发展、技术进步、实践案例及未来趋势，预测IDE将转变为代码查看工具，研发流程将更依赖AI，团队结构和大模型发展也将随之变化。携程从零构建多端一致的设计研发体系实践携程技术团队构建了一套多品牌、多终端的企业级设计系统，通过模块化设计、跨平台组件库和自动化流程，实现了设计...
2024-12-27 15:37:33
660
原创 Console.trace：JavaScript调试的利器
console.trace() 是一种非常实用的调试工具，能够清晰地展示调用堆栈信息，帮助开发者快速追踪代码的执行路径和函数的调用链。在实际业务场景中，console.trace() 的使用主要集中于问题排查和调试工作中，以下是一些典型的实际业务使用场景，以及其在这些场景中的作用和用法。实际业务使用场景1. 追踪函数的调用路径在复杂的代码中，某个函数可能会被多个地方调用。当你需要确定某个函数是从哪...
2024-12-26 18:27:58
1023
原创 一文回顾 OpenAI 12天发布会
本文作者系360奇舞团前端开发工程师OpenAI 在12月5日正式宣布将举行为期12天的系列发布活动，期间每天发布一个产品或样品，活动将包括备受期待的AI视频生成工具 Sora 和新的推理模型，本文将简单总结介绍为期12天的发布会每日的内容第一天完全体的 o1从能力上看，o1 比 Preview 版本有了比较大的提升1、在国际数学奥林匹克预选赛题目（AIME 2024）、编程能力测试（CodeFo...
2024-12-25 18:02:18
1065
转载 只花了 2 小时，我快速打造并上线了一款 AI 小程序！
大家好，我是 ConardLi。最近刷到一篇文章有点小受震撼，登顶 AppStore 付费榜 Top1 的 APP 居然是一个不懂代码的产品经理，花了 1 个小时基于 AI 开发出来的。时至今日，这款 APP 还没有在 AppStore 付费榜上掉落前十，因此突发感想：AI 的出现大大降低了软件开发的门槛，一个之前完全不懂编程技术的小白，都可以借助 AI 快速实现一款应用，那有点编程经验的程序员，...
2024-12-24 18:04:21
350
转载 知名前端库 Vant 和 Rspack 遭恶意代码投毒，大家注意升级！
大家好，我是 ConardLi。今天，前端社区又爆发了一起严重的供应链投毒事件。知名开源组件库 Vant 和构建工具 Rspack 遭遇恶意代码注入。事件的开端源于 Vant 的维护者 landluck （应该是被攻击者恶意窃取了 Token）将带有恶意脚本的版本发布到了 npm 仓库。攻击者在 package.json 中添加了 "postinstall": "node lib/utils/su...
2024-12-23 18:01:30
160
转载 小型 Vue 项目，该不该用 Pinia 、Vuex呢？
前言说到 Vue3 的状态管理，我们会第一时间想到Pinia、Vuex，但是经过很长一段时间的 Vue3 项目开发，我逐渐发现，我们真的有必要用Pinia、Vuex这类的状态管理工具吗？带着这样的疑惑，我首先是想知道一下Pinia、Vuex的优点到底是什么，企图说服自己去使用它们来做状态管理~优点？非他不可？看看上面所说的优点，其实我们仔细想一下，这些优点貌似也不是那么的非他不可吧？集中...
2024-12-20 18:30:56
96
转载 大模型应用之RAG详解
大模型应用之RAG详解1.RAG背景与简介1.1 背景RAG（Retrieval Augmented Generation，检索增强生成）技术最初源于2020年Facebook的一篇论文——《Retrieval-Augmented Generation for Knowledge-Intensive NLP Tasks》。是的，2020年就已经提出了这项技术。截屏2024-08-02 15.42....
2024-12-17 19:40:42
111
转载 利用 Speech-AI-Forge 优化语音编辑器的实现
image.png在上一篇中，我们基于浏览器原生的SpeechSynthesisAPI 构建了一个基础语音编辑器。本篇将通过引入开源项目 Speech-AI-Forge，实现对 TTS 生成的全面优化，增强语音编辑器的功能和用户体验。Speech-AI-Forge 简介Speech-AI-Forge是一个开源的 TTS 生成工具，支持自定义语音角色、语气风格、以及基于 SSML 的文本格式化...
2024-12-16 18:32:50
99
原创 构建更高效的 React 应用：react-scan 的使用与原理探究
本文作者为360奇舞团前端开发工程师当我们使用 React 等框架构建复杂、交互频繁的应用时，组件的频繁重渲染可能会给用户体验带来显著的性能损耗。开发者往往需要投入相当的精力来分析状态管理、组件拆分、组件缓存以及减少不必要的渲染次数。为了解决这一系列问题，诞生了许多性能优化工具和方法，其中便包括了最近热度很高的 react-scan，一个致力于对 React 状态变化进行精细化“扫描”的库。一...
2024-12-12 18:05:32
1189
转载 两个新的 JavaScript 提案，助你解决 ES 模块加载性能瓶颈！
大家好，我是 ConardLi。太长不看版（以后的文章我都会加入这个部分，基于 AI 总结，方便没空了解细节的同学快速阅读。）：本文介绍了两个 JavaScript 提案：Import Sync 提案和 Defer Import Eval 提案。Import Sync 提案建议引入一个同步导入函数 import.sync，用于在模块已加载的情况下同步导入模块。Defer Import Eval 提...
2024-12-11 18:08:02
126
转载 为什么组件库打包用 Rollup 而不是 Webpack?
Rolup 是一个打包工具，类似 Webpack。组件库打包基本都是用 Rollup。那 Webpack 和 Rollup 有什么区别呢？为什么组件库打包都用 Rollup 呢？我们来试一下：mkdirrollup-testcdrollup-testnpminit-y我们创建两个模块：src/index.jsimport{add}from'./utils';functio...
2024-12-10 18:01:05
152
原创 解析 React 渲染原理
本文作者为360奇舞团前端开发工程师简介当我们使用React框架编写代码时，无论是组件的更新、状态的改变，还是父子组件之间的交互，都会涉及到 React 的渲染流程。你可能会有以下疑问：组件渲染的具体流程是什么？引起组件重新渲染的因素有哪些？React.memo、useMemo和useCallback等优化手段的原理是什么？如何合理使用它们？带着这些疑问，让我们开始探索React的渲染过程吧。...
2024-12-09 18:05:09
909
原创 奇舞周刊第545期：React 19 正式发布
奇舞推荐■■■React 19 正式发布React 19发布，引入了Actions、useActionState、useOptimistic等新特性，增强了服务器组件支持，改进了错误处理和资源预加载，同时优化了对自定义元素和文档元数据的管理，提升了开发效率和应用性能。WASM 助力 WebCodecs：填补解封装能力的空白文章讨论了B站如何利用WebAssembly（WASM）和WebCode...
2024-12-06 18:27:29
1411
原创 现学现用之Docker镜像构建速度优化
本文作者系360奇舞团前端开发工程师背景在最近临时支持的项目中，发现项目的构建流程耗时比较长，严重的影响了开发的进度。参照文档要发测试环境的时候，发现10分钟过去了还没有发布完成。项目是通过Docker来构建镜像部署的，所以想看看有没有什么方案，可以对Docker镜像构建进行优化。现状Dockerfile是长这样子的：Dockfile文件分析以下主要分析Dockerfile构建过程中主要执行的操作...
2024-12-05 18:03:26
1058
原创 Corepack新一代Node.js包管理器
本文作者系360奇舞团前端开发工程师包管理器的演变在现代前端开发中，包管理器已经成为开发流程的核心工具。随着 JavaScript 生态系统的飞速发展，项目中的依赖管理变得愈加复杂，因此，开发者亟需高效、稳定且易于使用的工具来管理项目依赖。近年来，npm、Yarn 和 pnpm 等包管理器相继问世，各自针对不同的需求与痛点提供了解决方案，逐步改变了开发者的工作方式。npm：npm 是 Node.j...
2024-12-04 18:01:45
890
转载 Rust赋能前端：写一个 Excel 生成引擎
❝年关将至，你今年成长了吗？大家好，我是柒八九。一个专注于前端开发技术/Rust及AI应用知识分享的Coder❝此篇文章所涉及到的技术有RustWebAssemblyExcel引擎xmlRust解析JSONRust操作内存缓冲区使用 zip::ZipWriter 创建 ZIP 文件因为，行文字数所限，有些概念可能会一带而过亦或者提供对应的学习资料。请大家酌情观看。前言在上一篇Rust 赋能前端： ...
2024-12-02 18:30:53
129
转载 从设计到研发全链路 AI 工程化体系 | 新程序员
从设计到研发全链路AI工程化体系杨龙辉360前端工程化方向技术负责人，主要负责360前端工程基建相关工作；主导一站式PaaS平台开发建设并提供了从设计、开发到APM全链路标准化协作流程和数据监控体系，积累了丰富的工程建设与推广落地实施经验；目前专注于：AI IDE、中后台研发效能、设计协同领域。导读将大模型技术产品化和工程化已成为业界各大公司在研发AI大模型之后的重点发力方向。这一转变促使AI工...
2024-11-28 18:30:47
128
原创 Windsurf：超越 Cursor 的下一代 AI 编辑器
在 AI 编程领域，不管是IDE编辑器还是IDE插件，出了很多的产品，比如全球爆火的 Cursor，微软的 Copilot，还有国产的 豆包MarsCode 等等，效果都很不错。今天向大家推荐一款可以平替Cursor的AI编辑器Windsurf。Windsurf是由Codeium团队开发的一款新型AI编程助手，旨在通过深度集成AI技术提升开发者的编码效率。它不仅在上下文理解、工具链...
2024-11-25 18:42:37
3307
转载 前端工程师的 AI DAY 来啦！
移动互联网到来的时候，改变了我们的开发方式，给我们带来了新的机遇！AI来啦！我们的开发方式也将改变，同样也给我们带来了新的机遇！此时此刻，前端工程师的 AI DAY 应运而生！FEDAY 2024 目前已经确定 9 个分享主题，除了语言框架、工程与调试外，有 6 个分享主题都与 AI 相关，AI 相关主题占 66% 以上。我们一起抓住此次机会，12 月 7 日，相约厦门，和来自 Hugging ...
2024-11-21 10:49:21
144
转载 答粉丝问：前端未来会如何发展？
大家好，我卡颂。今年陆续有很多粉丝向我咨询类似「前端未来会如何发展」的问题。本文将就我长期的行业观察，对以上问题做出自己的判断。需求侧要讨论「前端工程师作为一种职业，未来的前景如何」，需要从需求侧、供给侧分别讨论。国内软件行业的需求主要来自三方面：2G：政府采购，比如智慧城市、政务系统、公共服务平台...2B：企业服务，比如传统企业数字化转型、产业互联网平台...2C：老百姓衣食住行，比如消费互联...
2024-11-20 18:02:09
121
原创 vercel是如何做微前端迁移的
本文译者为 360 奇舞团前端开发工程师原文标题：How Vercel adopted microfrontends原文作者：Mark Knichel、 Dan Fein、Brian Emerick原文地址：https://vercel.com/blog/how-vercel-adopted-microfrontends了解 Vercel 如何通过微前端缩短构建时间并提高开发者的效率，同时保持良好...
2024-11-18 18:02:11
826
原创 奇舞周刊第544期：代码复用率99%，携程市场洞察平台Donut跨多端高性能技术实践...
奇舞推荐■■■代码复用率99%，携程市场洞察平台Donut跨多端高性能技术实践携程市场洞察平台采用Donut技术实现跨多端高性能移动端应用，实现了99%的代码复用率，打造了移动端、小程序、Web端、微信公众号和API服务的全方位产品矩阵，提升了研发效率和用户体验。高德地图+Three.js实现飞线、运动边界和炫酷标牌文章介绍了如何结合高德地图和Three.js技术，实现地图上的飞线效果、运动边...
2024-11-15 17:05:23
626
转载 蓝牙耳机丢了，我花几分钟写了一个小程序，找到了！
前言你是否曾经经历过蓝牙耳机不知道丢到哪里去的困扰？特别是忙碌的早晨，准备出门时才发现耳机不见了，整个心情都被影响。幸运的是，随着技术的进步，我们可以利用一些简单的小程序和蓝牙技术轻松找到丢失的耳机。今天，我要分享的是我如何通过一个自制的小程序，利用蓝牙发现功能，成功定位自己的耳机。这不仅是一次有趣的技术尝试，更是对日常生活中类似问题的一个智能化解决方案。蓝牙耳机丢失的困扰现代生活中，蓝牙耳机几乎...
2024-11-14 17:42:16
166
转载 2024 你还在用 CSS 框架吗？
在如今的前端世界，曾经非常火爆的 CSS 框架是否依然保持着昔日的辉煌？又有哪些新的 CSS 框架正在崭露头角，引领着前端开发的潮流呢？本文将带你一起探索目前最热门的 CSS 框架，看看它们都有哪些优缺点。实用优先实用优先的 CSS 框架旨在通过提供一系列预定义的、可组合的样式类，使开发者能够以最少的自定义CSS来快速构建现代和响应式的用户界面。这里面最具代表性的就是 Tailwind CSS 和...
2024-11-13 18:45:25
122
转载 聊个前端很少接触的概念：行级安全策略
作为前端工程师，行级安全策略（RLS）这个概念可能大家会有点陌生，不过没关系，一般情况下，大家估计也用不到。但是，如果你要开始思考开发一款完整的应用。了解他就显得很有必要了。如果我们想要快速开发一个个人产品，但是又不想花太多的精力去配置数据库、管理身份校验、维护后端服务等等，那么 BaaS 平台就是非常适合我们的选择之一。BaaS，Backend as a Service，后端及服务。Supaba...
2024-11-12 18:34:20
116
原创 聊聊vue2和vue3的响应系统
概述Vue 2 和 Vue 3 在实现响应性的目标相同即在数据变化时自动更新视图，但他们的实现方式不一样，它们使用了不同的技术栈和方法。Vue 2 使用的是 Object.defineProperty 来实现响应式数据的代理，Vue 3 使用的是 Proxy 来实现响应式数据的代理。下面先简单聊聊Object.defineProperty和ProxyObject.defineProperty和pr...
2024-11-11 18:40:58
653
转载 用iframe必定遇到过这六种“坑”之一（以vue为示例）
点击关注公众号，“技术干货”及时达！前言如果你是做web前端，那么不可避免早晚都会用到iframe的。其实博主很久前用过，但最近又要有项目用了，由于年代久远对iframe的注意事项都有点忘记了，然后想着总结一下比较需要注意的几个重点事项，除了便于高效工作还能分享给有需要用到iframe的小伙伴。iframe基于父窗口大小自适应宽高「简述：」这是iframe最常见的需求了，有时候我们用ifram...
2024-11-07 18:02:22
536
原创 浅谈SOLID原则在前端的使用
本文作者系360奇舞团前端开发工程师简介SOLID 原则是由 Robert C. Martin 在 2000 年提出的一套软件开发准则，最初用于面向对象编程（OOP），旨在解决软件开发中的复杂性和维护问题。随着时间推移，它不仅在传统 OOP 语言中广泛应用，也被引入到 JavaScript 和 TypeScript 等现代编程语言和框架中，如 React 和 Angular。SOLID 原则包括以...
2024-11-06 19:52:08
917
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人