- 博客(2301)
- 收藏
- 关注
RSS订阅转载 大文件上传的终极指南：如何优雅处理GB级文件传输？
断点续传是大文件上传的关键特性，它确保即使网络中断，也能从中断处继续上传，而不是重新开始。在日常开发中，我们常常遇到这样的场景：用户需要上传一个5GB的视频文件，但传统上传方式直接导致浏览器卡死，或者上传到一半网络中断，只能无奈重新开始。就像搬家时不会把整个房子一次性搬走，而是分成多个箱子分批运输一样，大文件上传也是将文件切成多个小片段，分别上传，最后在服务器端重新组装。记住，好的技术方案不仅要解决技术问题，更要提升用户体验。A: 应该实现事务性合并，要么全部成功，要么全部回滚，避免产生损坏的文件。
2025-09-11 10:41:32
17
转载 NodeJS + LLM搭建一个属于自己的知识库
它还支持多种索引类型，包括基于LSH的索引、基于KD树的索引、基于哈希的索引等。Qdrant是一个开源的向量数据库，它可以存储和检索大量的向量，并提供高效的搜索和聚类功能。：需要使用里面的向量模型、排序模型、文本生成模型（自己本地使用Ollama安装也行）由于各个模型之间需要的参数格式不一样，这边还需要两个对查询结果格式进行转换的函数。由于数据库中没有数据，所以我们这里需要往数据库中添加一些测试数据进行测试。以上的服务端代码编写完成之后，我们还需要写一个对应的客户端代码才行，这里采用。
2025-09-10 14:38:08
25
转载 作为前端Team Leader，我是如何做技术选型、项目排期和新人培养的？
硬要上React，那我得先掂量掂量，有没有时间搞培训，大家愿不愿意学，项目等不等得起。一个冷门的技术，可能文档都找不到几篇，遇到问题，谷歌都搜不到，那真是叫天天不应。但看的目的不是为了批评他，而是借着他的代码，告诉他我们团队的编码规范是什么样的，为什么要这么写。我刚工作时就遇到过这种，一个人对着一堆过期的文档，两眼一抹黑，连个问题都不知道该问谁，那种无助感现在还记得。以前自己写代码，好坏都是自己的事，代码烂了，加班补上就行。当老板找我谈话，说想让我带前端团队的时候，说实话，我第一反应是“完了”。
2025-09-08 09:01:13
15
转载 52.2K Starred 开源超强 AI 爬虫工具来了！
这意味着你可以将抓取到的内容，直接投入到你的 AI 应用中，无需再进行复杂的手动处理。在构建 RAG、AI 代理或数据管道时，开发者们常常面临一个共同的痛点：如何从混乱的网页中提取出干净、结构化、可供大语言模型（LLM）直接使用的数据？2023年，Crawl4AI 的作者在寻找一个能将网页转为干净 Markdown 的工具时，遇到了一个许多开发者都感同身受的窘境：一个所谓的“开源”工具，不仅要注册、申请 Token，还要收费16美元，结果却差强人意。它能学习网站的布局模式，只探索和抓取那些真正重要的内容。
2025-09-07 11:17:57
29
原创 开发者值得尝试的 10 大 Chrome API
chrome.runtime 是它们之间相互通信的总线，并能处理核心事件，如扩展安装后的 onInstalled 事件。比如，你可以做一个 Live Code Scratchpad，访问 MDN 文档时可一键开启侧边面板，在不离开页面的情况下执行代码示例。— Chrome API 与其他浏览器标准兼容，你在 Chrome 上积累的技能可扩展至 Firefox、Edge、Safari 等。最近引入的 Side Panel API 允许你创建一个永久显示在网页侧边的界面，非常适合作为浏览时随时可用的工具。
2025-09-06 15:43:05
963
转载 WeaveFox：蚂蚁集团推出的 AI 智能开发平台，一站式开发部署，事半功倍
创建一个灵感收集网站，用来收集用户随时记录的灵感内容，灵感的类型为文本和链接，支持增删改查灵感，有一个酷炫的灵感列表页面。，并通过标注识别悬停、点击等隐藏交互行为。确认后，WeaveFox 会规划任务，安排“产品设计专家”、“UI/UX 视觉设计专家”和“React 生码专家”等多个 AI 角色，生成代码后，你还可以进行灵活的调整，直接通过“局部修改”功能的“元素拾取工具”选中页面上的任何元素，进行像素级别的局部调整。嗨，我是Chris，一个专注于探索各类 AI工具的博主，与大家一起发掘 AI 的潜力。
2025-09-06 09:13:11
57
转载 前端需要知道的缓存知识总结
它表示该资源的过期时间。当浏览器再次请求该资源时，会判断是否在该过期时间内，如果是则直接从缓存中获取资源，否则重新向服务器请求。注意⚡⚡：由于Expires是基于客户端时间计算的，如果客户端的时间与服务器的时间不一致，则可能会影响缓存效果。，然后刷新页面（非强制刷新），就会发现虽然我们图片更改了，但是图片并不是我们后面改名的那个图片，还是之前的图片。上述的方法可能并不一定让你相信我们使用的是缓存文件，而不是重新请求的资源文件。两种，强缓存不能缓存地址栏访问的文件，协商缓存可以缓存地址栏访问的文件。
2025-09-04 10:19:44
27
转载 大模型应用中，前端绕不开的 SSE
开头的行用于指定消息的 ID，用于区分不同的消息。客户端可以通过 eventSource.lastEventId 获取最后收到的消息 ID，当需要断线重连时，请求会自动发送 Last-Event-ID 头，服务器可以用它来续传消息。这个库，它是一个完整的实现，可以自动处理断线重连，支持自定义请求头等等，其原理和我们刚刚的示例代码差别不大。的自动重连机制实现的，这是一个非常简单的机制，在连接错误断开的情况下，浏览器会自动重新发起请求。开头的行会被当作注释，服务器可以用它发送调试信息，但客户端会忽略这些行。
2025-09-03 08:00:17
32
转载 iFlow CLI：一款强大的终端 AI 助手，个人用户永久免费开放！
开发一个灵感收集器网站,用户可以随时收集自己的灵感/网址/文本等内容,支持打标/搜索/分类,你需要分析这个需求需要用到的页面,然后进行开发.技术栈使用 Vue3+TS,组件库使用组件库://ui.shadcn.com/，官方提供了很多专家级别的智能体可以选择，使用前可以在 https://platform.iflow.cn/agents 中选择需要的智能体进行安装。如果安装过程遇到其他问题，可以查看官方详细：https://platform.iflow.cn/cli/quickstart。
2025-09-02 09:54:54
250
转载 Cursor 内部工作原理
Cursor 的桌面应用是在 VS Code 的基础上开发的 “分支版本”，这意味着它复用了 VS Code 的核心编辑器、用户界面以及插件生态系统。”Cursor 会将你的问题转为一个向量，然后在向量数据库中查找最相近的片段，可能包括多个文件中的函数调用、定义、注释等。不同于普通的聊天机器人，它能感知你当前打开的文件、光标位置以及整个项目的上下文。即便你配置了自己的 OpenAI API 密钥，请求仍会先经过 Cursor 的后端，这样系统才能添加系统指令、代码上下文以及专属格式，确保模型理解你的需求。
2025-09-01 10:21:18
35
转载 面试官：如果 100 个请求，你怎么用 Promise 去控制并发？
利用for await 可以保证for结构体下面的代码是最后await 后的微任务，而在最后一个微任务下，可以保证所有的promise已经存入promises里（如果没命中任何一个await，即限制并发数>任务数的时候，虽然不是在微任务当中，也可以保证所有的promise都在里面），最后利用allSettled，等待所有的promise状态转变后，调用回调函数。首先执行能执行的并发任务，根据并发的概念，每个任务执行完毕后，捞起下一个要执行的任务。利用race的特性可以找到 并发任务 里最快结束的请求。
2025-08-31 23:13:44
20
转载 前端内存泄漏：你的JS代码在偷偷“吃”内存！
你有没有遇到过这样的问题：你的Web应用在刚启动时运行流畅，但使用一段时间后，变得越来越卡？任务管理器一打开，浏览器占用的内存高得离谱，就像一头无底洞的野兽，吞噬着你的RAM，直到你的电脑风扇狂吼，最后页面直接崩溃。因此，养成良好的代码习惯，定期检查内存占用，才能让你的应用流畅运行，告别“卡成PPT”的尴尬局面！今天，我们不讲废话，直奔主题，带你彻底搞懂前端内存泄漏的成因、定位、解决方案，让你的代码更优雅，不再成为用户电脑的“内存杀手”！在Vue或React中，应该在组件卸载时清理事件监听器，比如。
2025-08-30 14:52:37
45
转载 面试官：如何减少页面卡顿？
通过把方法传递给_setTimeout_，也就等同于重新创建了一个新的任务，延迟了回调的执行，而且使用该方法，_即便是将delay时间设定成0，也是有效的_。使用以上一个或多个方法，就能够将应用中的任务进行管理，根据用户需要调整优先级，同时能保证相对不那么重要的工作得以继续执行，这样给创造更好的用户体验，网站响应更快，使用更令人愉悦。使用scheduler.yield的好处是不中断，也就意味着如果是在一连串任务中yield，那么从yield的时间点开始，其他编排好的任务的执行会继续。
2025-08-27 09:24:01
26
原创 Ultracite：5 秒替代 ESLint + Prettier，提速 35 倍！
它基于 Rust 构建，性能极快，能在保存时自动格式化代码并修复 lint 问题，且不干扰开发工作流。：自动生成 CODING_STYLE.md 并提供 MCP 接口，Cursor / Windsurf / Zed 实时读取。Github 地址：https://github.com/haydenbleasel/ultracite。：初始化即带 pre-commit 校验，无需额外装 husky / lint-staged。官网地址：https://www.ultracite.ai/
2025-08-26 16:25:32
210
转载 2025 年现代 Node.js 开发模式
现代的 Node.js 更加拥抱 Web 标准，减少对外部依赖的需求，并带来了更直观的开发体验。通过采用这些现代化模式，你写下的代码将不仅更具现代风格，还更容易维护、性能更优，同时与更广泛的 JavaScript 生态系统保持同步。流（Streams）一直是 Node.js 最强大的特性之一，如今它们已经演变为更加符合 Web 标准的形态，并提供了更好的互操作性。这种写法摆脱了过去到处可见的 “立即执行的异步函数（IIFE）” 模式，让你的代码更加线性、逻辑更清晰，也更容易理解。
2025-08-26 14:54:05
58
转载 Vue 3.6 重磅预览：Vapor Mode 是如何让性能起飞的？
简单来说，Vapor Mode 是一种新的编译模式，它在编译时就消除了运行时的大部分开销。Vue 3.6 就像一个能根据情况使用不同引擎的混合动力汽车，既能保留 Vue 3 强大的开发体验，又能带来媲美甚至超越原生 JS 的运行速度。它不会取代现有的 Vue 3 模式，而是作为一种强大的补充，让开发者可以根据具体需求，在易用性和极致性能之间做出最佳选择。你想换个窗帘，需要先画一张新窗帘的草图 (Virtual DOM)，然后把新旧草图比较一下，找出不同，最后再告诉工人去换。，它旨在提供极致的性能。
2025-08-24 20:15:13
46
转载 前端如何管理JS内存
在前端开发中，管理 JavaScript 内存是优化性能、减少内存泄漏、提升用户体验的重要一环。如果 JavaScript 对 DOM 元素的引用未及时清理，即使 DOM 已被移除，内存仍然会被占用。：JavaScript 引擎（如 V8）会自动回收不再使用的内存（通常基于引用计数或标记清除算法）。确保闭包引用的变量是必要的，及时清理不需要的闭包。理解 JavaScript 的内存管理机制，避免常见的内存泄漏场景。虽然垃圾回收是自动的，但开发者仍需避免不必要的内存占用和泄漏。
2025-08-23 11:30:48
36
转载 RoboNeo：美图推出的 AI 智能设计平台，让设计变得像聊天一样有趣！
3D 卡通风格，主体是穿着米色工人背带裤，黑色 T 恤的家政保洁人员卡通角色，角色头戴藏蓝色棒球帽，黑色的运动鞋，身上背着大大的蓝色背包，年龄在二十多岁。今天来聊聊美图 AI 设计工具 RoboNeo，它通过对话来完成设计，从生图到改图非常直接。还需要把背景改成在河边，有草地和河，左手拿着鱼竿，书包改成我上传的这张背包图片。，为电商、广告、教育等领域提供全流程设计方案，极大地降低了专业设计的门槛。书包改成浅蓝色的，帽子上也要换成渔夫帽。
2025-08-22 14:52:22
295
转载 7种在 JavaScript 中分解长任务的技术
动画帧回调函数实际上拥有自己的 “队列”，在渲染阶段的特定时间运行，这意味着其他任务很难插队将其挤到队列的末尾。但它的问题是，没有技术上的保证来确定它何时或是否会运行。来看一个简单的例子：我们在屏幕上有一个用于递增计数的按钮，旁边还有一个大大的循环在执行一些繁重的工作。Scheduler 接口是 Chromium 浏览器相对较新的功能，旨在成为一种一流的工具，用于以更多的控制和更高的效率来安排任务。由它安排的所有任务都会被置于任务队列的前端，防止其他任务插队并延迟执行，尤其是在以如此快速的方式排队时。
2025-08-18 09:22:06
34
转载 前端 Monorepo 实践指南：从选择到实现
仓库内的 A 包依赖 B，你要记得，monorepo 里的可是源码，它不会因为被依赖就自动 build，怎么直接依赖？是一个写 changelog 的好帮手，并且它无需额外配置直接支持 monorepo，在一个包更新时，它能帮你顺便更新它的依赖者的 changelog。，monorepo 就显得很必要，但是相反，就一个部门单干，又或者各个部门间都不会互相调用包，那么 monorepo 就很可能不适合你。选择 monorepo 是有代价的，所以没有充分的理由请不要无脑上 monorepo，哪怕这个理由是。
2025-08-16 17:09:25
40
转载 Vite7就这样悄悄发布了？传说中的Rolldown终于来了！
包来体验基于 Rolldown 的 Vite，替代默认的 vite 包。切换后可以显著减少你的构建时间，尤其是对于较大的项目而言。每当我们发布一个重大版本时，所支持的浏览器列表都会更新，以匹配与“Baseline Widely Available”特性兼容的最低浏览器版本。今天看了一下vite的仓库，突然发现正式版就发布了，前两天看还是beta版本呢，Vite7就这样悄悄发布了？—— 一个基于 Rust 的下一代打包工具（bundler），作为现代化 Vite 核心的更广泛努力的一部分。
2025-08-14 15:14:09
88
转载 Vite 插件实战: 自动打包压缩图片和转webp
因为用vite打包工具，就去社区找相关插件，可没找到一个比较符合我要求的，就打算自己工作摸鱼写一个吧👀。有人可能认为，开发环境并不需要压缩和转webp功能，其实不然，开发环境主要是为了看图片处理后的效果，是否符合预期效果，不然每次都要打包才能看，就有点麻烦了.: 还是在generateBundle中，直接copy一份图片的chunk，替换chunk的source和fileName，再添加到bundle中输出。**：这里就有点麻烦，需要考虑图片的引入方式和打包的产物，解析产物去替换了。
2025-08-13 21:38:22
51
转载 Proxy 有哪些东西是无法拦截的？
是一把极其强大的API，允许你劫持对象的读取、赋值、删除、函数调用等等。保留了原始对象操作的行为语义，确保原型链正确、上下文正确（特别是 setter / getter 中的 this）。这是一个非常冷门的行为，通常只有你在 try-catch + sandbox 时才会踩到。要改变 instanceof 的行为，只能返回一个特殊的构造器对象。，甚至有些你以为能拦的操作，背后根本就没调用 proxy。除非你拦截的是一个函数调用的属性访问阶段，否则基本无解。是静态操作，不触发运行时 hook。
2025-08-12 10:43:41
72
转载 面试官：前端批量请求失败 Toast 重复弹窗怎么解决？
"放弃第三方toast库的自动去重功能，选择自研方案以保持轻量（包体积减少30KB）"✅ 高情商表达："通过协商制定重试策略+服务降级方案，建立前后端错误处理SOP""弹窗触发率降低98%，错误分类准确率提升70%，该方案被复用到订单中心模块""输出《前端错误处理规范》，推动团队建立统一拦截器，减少重复开发量""在电商结算页的批量请求场景中，5个接口并发请求面临网络波动风险""弹窗频率从3次/秒降为0.1次/秒，错误日志上报量减少85%""需要保证多个接口失败时，用户不被重复弹窗干扰"
2025-08-11 09:38:32
42
转载 【总结】2328- 前端也需要了解的 MCP 知识
MCP 不只是提供 Tool(工具) 还可以提供 Prompt(主要是作为 AI 提示词 模板)、Resource(客户端可以读取的数据（如 API 响应或文件内容）,这里不再展开感兴趣的自行前往官网探索。就像上边的那张图片 MCP 提供一种标准的接入协议,只要是按照 MCP 开发的服务端就可以在 MCP 客户端中接入(这他么不是废话吗!这里实现两个简单的 MCP 服务一个时间时间工具 和 简单的 GitHub 搜索,把官网 MCP 服务端的两种写法都实践一些。比如今天的天气情况、今天的热点新闻等。
2025-08-08 09:23:05
31
转载 Zread：智谱 AI 推出的 Github 项目阅读神器，一键生成项目文档，理解项目更高效！
阅读起来非常方便，而且 Chris 试了其他项目，比如今天 OpenAI 开源的项目 https://github.com/openai/gpt-oss，还能自动翻译成中文，生成中文文档，太棒了。这里还有个小技巧，当浏览器已经打开 Github 仓库的主页，可直接在浏览器的地址栏，Zread 能自动解析复杂的 GitHub 仓库，生成结构化文档，帮助用户。Zread 支持在生成的文档站点中，直接进行 AI 对话，对文档进行提问等。Chris 运营的免费知识星球，汇总平常分享各类 AI 资讯内容，扫码加入～
2025-08-07 13:36:20
140
转载 就在刚刚，Ollama 终于上线对话界面啦，再也不用敲命令了！
不过就在刚刚，Ollama 0.10.1 版本正式上线可视化图形界面啦，同步支持 Mac 和 Windows 端，再也不用对着命令行工具敲命令了。在之前使用 Ollma 安装和运行本地模型时，都需要在命令行工具中使用，对于非技术人员，首次使用确实有点门槛。新版本 Ollama 中提供了全新的对话界面，不仅支持普通的对话，还支持下载模型，这就非常方便了。新版本 Ollama 支持添加代码文件，然后让大语言模型进行理解，编写新的文档。，比如 Gemma 3 等，国内模型也有，比如 Qwen2.5vl 等。
2025-07-31 18:18:16
174
转载 【CSS】2327- CSS view()：JavaScript 滚动动画的终结
虽然这种效果看起来很棒，实现起来也 “相对简单”，但也有不少棘手的问题需要解决，尤其是当页面上有大量动画元素时。我当时的做法是修改 CSS 属性，或者给需要动画的元素添加类名，让其施展了些魔法。但更麻烦的是，我还得实现动画的反向效果，整个过程既繁琐又丑陋，而且我超级讨厌这样做。可怜的浏览器在每次滚动事件时都要处理这些计算，有时我都能听到它的哀鸣。浏览器会负责所有复杂的计算，并且在合成线程（compositor thread）上运行（简单来说，就是 “超级快”）。当我第一次试验这个功能时，我真的笑出了声。
2025-04-22 08:37:03
83
转载 【总结】2326- 资源预加载可能会拖慢网站速度
因此，我们搭建了真实用户监测（Real User Monitoring，RUM），跟踪主要图片的加载时间和第一个预加载的 JavaScript 文件的完成时间。在 Firefox 的测试中，我们发现它的预加载机制更为合理 —— 预加载请求会被延迟更长时间，从而确保主要页面内容优先渲染。然而，在很多情况下，页面性能并不会受到带宽的限制，因此预加载对页面速度的影响可能并不明显。然而，在分析网站资源加载的请求瀑布图时，我们发现预加载请求往往发生得太早，导致它们与主要内容的图片争夺带宽。
2025-04-14 08:12:41
104
转载 【总结】2325- 前端异常隔离：Proxy、Web Workers 与 iframe 的深度对比
Web Workers是浏览器提供的多线程机制，插件代码运行在独立的线程中，完全隔离于主线程，无法直接访问DOM或其他主线程资源。和Proxy的主要区别在于隔离的层次：Proxy是逻辑层面的隔离，而Web Workers是物理层面的线程隔离。iframe虽然提供了浏览器级别的隔离，每个iframe有独立的渲染进程和JavaScript执行环境，但它的资源消耗较大，每个iframe需要加载完整的文档环境，对于需要频繁创建和销毁的场景不合适。：终极隔离，但成本和复杂度较高，适合完全不可信内容。
2025-04-11 08:56:12
163
转载 【总结】2324- 万字长文入门前端全球化
时间的往事--记一次与夏令时的斗智斗勇：https://jiangyixiong.top/2021/05/25/%E6%97%B6%E9%97%B4%E7%9A%84%E5%BE%80%E4%BA%8B%E2%80%94%E2%80%94%E8%AE%B0%E4%B8%80%E6%AC%A1%E4%B8%8E%E5%A4%8F%E4%BB%A4%E6%97%B6%E7%9A%84%E6%96%97%E6%99%BA%E6%96%97%E5%8B%87。了解的越多越发现这个世界的“多样性”。
2025-04-02 07:45:17
394
转载 【React】2323- 在React中，父子组件怎么通信？没有关联的组件呢？
常见的通信方式包括父组件向子组件传递数据（props）、子组件向父组件传递数据（回调函数），以及没有直接关系的组件之间的通信（Context API、全局状态管理库等）。和回调函数实现，而没有直接关系的组件之间的通信可以使用Context API、自定义Hooks或状态管理库（如Redux或Recoil）。父组件可以将一个回调函数作为prop传递给子组件，子组件在需要时调用这个回调函数，将数据传递回父组件。父组件可以将一个回调函数作为prop传递给子组件，子组件调用这个回调函数并传递数据给父组件。
2025-03-24 12:20:50
73
转载 【JS】2322- 深入解析前端插件机制：以埋点SDK与Webpack为例
最近在做前端监控的全链路项目, 刚好埋点SDK这边的架构设计需要用到插件机制, 就想着和之前学过的webpack插件机制进行一个类比, 看看有哪些共通和差异之处。在现代软件开发中，插件机制是实现系统扩展性和灵活性的核心设计模式之一。插件机制通过将核心功能与扩展功能分离，使得系统能够在不修改核心代码的情况下扩展能力。：ByteTop 的监控场景要求“永不中断”，Webpack 的构建场景允许“快速失败”。为例，深入探讨两者的插件机制设计异同，并揭示其背后的设计哲学。
2025-03-20 09:16:54
96
转载 WiseMindAI：本地 AI 知识库应用，集成 10+AI 模型，支持笔记、海报生成与AI对话等...
???? 工具名称：WiseMindAI???? 官方网址：https://wisemind-ai.com/???? 下载地址：https://wisemind-ai.com/download/???? 支持语言：简体中文、繁体中文和英文???? 支持平台：Windows 端、Mac 端WiseMindAI 是 Chris 开发的一款 AI 智能学习助手，本文会介绍比较详细，内容较多，也可以进官网查看完整介绍！视频介绍接下...
2025-03-05 08:17:21
381
转载 【总结】2321- 轻松实现同域标签页消息传递
本文转载于稀土掘金技术社区，作者：从谷底向上https://juejin.cn/post/7474962750701322277在浏览器中，两个同域的标签页（Tab）之间通信有多种实现方式，以下是常见的几种方法及其原理和代码示例：1.使用localStorage事件当修改localStorage时，会触发storage事件，其他同源页面可以监听该事件实现通信。// Tab A 发送消...
2025-03-03 07:58:35
70
转载 真心建议前端人冲一冲新兴领域，工资高前景好！
最近，Deepseek全球爆火让AI技术又一次进入了快速发展期！百度、字节、腾讯等等巨头互联网公司，纷纷接入DeepSeek，加速落地AI应用！这让「大模型应用开发工程师」一跃成为炙手可热的岗位！DeepSeeK甚至还开出154W的高薪，挖掘会大模型技术、懂落地的AI人才！作为技术人，如何不被时代抛弃，享受AI技术带来的就业红利？！????知乎知学堂特发起：行业前沿资源——「大模型应用开发工程师」????...
2025-03-01 22:01:03
77
转载 【总结】2320- 初探海报编辑器
本文作者系360奇舞团前端开发工程师最近在调研海报编辑器 想要做到对一张图片进行添加文本 图片之类的操作 我就去调研了一些开源的海报编辑器。其实在web上关于图片的编辑器还是很多的，种类也很丰富，比如 miniPaint基本复刻了 ps，基于 farbic.js的 Pintura.和 tui.image-editor，基于 Konva的 polotno等等。那我们的现阶段是实现一个轻量级图文编辑器...
2025-02-28 21:42:41
123
转载 【总结】2319- 如何在前端开发中实现零停机部署
前言探讨了在前端开发中实现零停机部署的实用策略，帮助开发者在不影响用户体验的情况下平滑地交付更新。今日文章由 @Manav Saha 分享，前端早读课@飘飘翻译。在前端开发领域，更新期间保持无缝的用户体验至关重要。零停机部署可确保用户在新功能和改进推出时不会遇到任何中断。实现这一点能够显著提升用户体验和运营效率。在本文中，我们将探讨在前端开发中实施零停机部署的实用策略，帮助你平稳地交付更新，而不影...
2025-02-27 12:25:04
93
转载 【总结】2318- 纯前端怎么实现检测版本更新，请看这篇！
背景单页应用（Single Page Application，简称SPA）是一种现代Web应用程序架构，通过动态重载页面中的部分内容来提供更流畅和更响应式的用户体验。由于SPA在客户端（用户的浏览器）运行大量的JavaScript代码，并且与传统的多页应用不同，它不会每次操作都从服务器重新加载整个页面内容，因此在性能和用户体验上有显著优势。然而这种应用也存在一定弊端，譬如当服务端更新时（接口请求体...
2025-02-23 22:44:53
85
转载 【面试】2317- 字节前端校招一面
今天带来一篇字节跳动的前端工程师一面面经，针对校招（包括实习生招聘），主要还是考察候选人常规的前端相关技能，这些知识点很多都在我们的刷题小程序里，除此之外的算法和项目经验，就得靠大家自己去积累和挖掘了。下面是正文部分。字节前端工程师一面 面试分享给大家哈喽哈喽，大家好，我是你们的金樽清酒。在一个平常的一天，我上着班，突然接到一个电话。您好，我是字节跳动的hr，我们这边是抖音电商部门，请问您还在考...
2025-02-21 07:42:20
219
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人