大转转FE-CSDN博客

原创转转前端周刊第126期: B站前端错误监控实践

转转前端周刊本刊意在将整理业界精华文章给大家，期望大家一起打开视野如果你有发现一些精华文章想和更多人分享，可以点击我们的公众号名称，将文章链接和你的解读文案发给我们！我们会对内容进行筛选和审核，保留你的推荐人署名，分享给更多的人1、B站前端错误监控实践从23年开始，我们团队开始前端错误监控方向的开发。经历了一些列的迭代和发展，从监控SDK、上报、数据治理、看板集成、APM自研可视化初步完成了一条完...

2024-09-23 09:01:53 259

原创揭秘海报生成技术

1 引言随着裂变营销策略的兴起，定制化海报分享的需求不断增加。作为开发者，一张背景图+一个二维码的海报合成的需求便会出现在我们的工作中，如下图。本文给大家介绍海报生成相关知识以及使用中常见的问题。希望能够抛砖引玉，为遇到类似需求或问题的伙伴们提供参考。2 实现方式2.1 生成步骤在用户视角，海报生成像是“截图”，点击生成海报按钮之后，定制化海报便会呈现在屏幕上，再点击保存按钮，海报便会保存在手机...

2024-09-20 09:01:53 1129

原创《WebRTC 探索：前端视角下的实时通信解析》（下）

前言在《WebRTC 探索：前端视角下的实时通信解析（上）》中，我们从 WebRTC 的基本概念入手，探讨了其在现代 Web 应用中的关键作用。通过分析 Web 端的常用 API，我们为理解 WebRTC 的底层技术机制奠定了坚实的基础。这一篇章不仅解答了“什么是 WebRTC”的问题，还为如何利用这些 API 打造实时通信应用提供了清晰的路径。紧接着，在《WebRTC 探索：前端视角下的实时通信...

2024-09-13 09:01:56 818

原创《WebRTC 探索：前端视角下的实时通信解析》（中）

前言继《WebRTC 探索：前端视角下的实时技术解析（上）》一文之后，我们已经对 WebRTC 的基础概念和 API 有了初步的了解。在本文中，我们将进一步挖掘 WebRTC 的核心技术，探索其在前端开发中的应用潜力。随着实时通信技术的飞速发展，WebRTC 已经成为现代网络应用的关键技术之一。接下来，让我们深入探讨WebRTC 的核心技术及其实现细节。1、WebRTC 连接：核心概念与实现在 W...

2024-09-06 09:01:32 1030

原创转转前端周刊第125期: Rspack 1.0 发布了！

转转前端周刊本刊意在将整理业界精华文章给大家，期望大家一起打开视野如果你有发现一些精华文章想和更多人分享，可以点击我们的公众号名称，将文章链接和你的解读文案发给我们！我们会对内容进行筛选和审核，保留你的推荐人署名，分享给更多的人1、Rspack 1.0 发布了！Rspack 是基于 Rust 编写的下一代 JavaScript 打包工具，兼容 webpack 的 API 和生态，并提供 10 倍...

2024-09-02 09:00:10 253

原创《WebRTC 探索：前端视角下的实时通信解析》（上）

引言实时通信技术正在迅速改变我们的沟通方式，WebRTC（Web Real-Time Communications）作为这场变革的核心，为开发者和用户带来了无限可能。《WebRTC探索之旅》系列将分三篇文章带你了解 WebRTC：第一篇《WebRTC探索：前端视角下的实时通信解析（上）》将介绍 WebRTC 的基础概念和核心功能。第二篇《WebRTC探索：前端视角下的实时通信解析（中）》将探讨会话...

2024-08-30 09:00:27 1344

原创转转前端周刊第124期: 大模型训练实战经验总结

转转前端周刊本刊意在将整理业界精华文章给大家，期望大家一起打开视野如果你有发现一些精华文章想和更多人分享，可以点击我们的公众号名称，将文章链接和你的解读文案发给我们！我们会对内容进行筛选和审核，保留你的推荐人署名，分享给更多的人1、大模型训练实战经验总结在当今AI技术飞速发展的背景下，定制化大模型的自主训练已成为满足特定行业需求、保障数据安全、提升模型应用效能的关键途径。本文将深度剖析这一过程的核...

2024-08-26 09:00:23 346

原创探索第三方授权登录，领略OAuth2.0的魅力

1. 第三方授权登录1.1 简介第三方授权登录作为一种用户认证方式，允许用户通过已有的第三方账户（微信、QQ、新浪等）进行登录，无需在新的应用中手动注册新的账户。这种方式简化了用户注册和登录的流程，提高了用户体验和登录转化率。以微信授权登录为例，用户能够直接授权其他应用获取其微信账号的相关信息，例如头像、昵称等，从而迅速完成注册和登录操作。第三方授权登录具备以下优点：对于用户：操作简便、快捷，无...

2024-08-23 09:00:14 560

原创转转前端周刊第123期: 前端在线代码编辑器技术杂谈

转转前端周刊本刊意在将整理业界精华文章给大家，期望大家一起打开视野如果你有发现一些精华文章想和更多人分享，可以点击我们的公众号名称，将文章链接和你的解读文案发给我们！我们会对内容进行筛选和审核，保留你的推荐人署名，分享给更多的人1、前端在线代码编辑器技术杂谈这段时间在搞一个出码项目，出码后支持编辑代码并可以在右侧实时预览，其ui如下，在调研了几个开源（react-playground，react-...

2024-08-19 09:00:11 277

原创【AI神助攻】用"v0"，自然语言秒变网站！

引言毫无疑问，我们正处于一个AI技术蓬勃发展的时代。无论是被动体验还是主动探索，AI产品已经渗透到我们生活的方方面面。接下来，我将为大家介绍一款AI工具v0，它能够通过自然语言自动生成前端代码，大大提升开发效率。1. v0是什么？ v0是由Vercel推出的开发工具，专为快速和高效的用户界面（UI）创建而设计。通过AI模型技术生成交互页面，当前官网的交互是基于shadcn/ui和Tailwind...

2024-08-16 09:00:54 983

原创转转前端周刊第122期: Node.js v22.6.0 发布，可以直接运行 TS 了！

转转前端周刊本刊意在将整理业界精华文章给大家，期望大家一起打开视野如果你有发现一些精华文章想和更多人分享，可以点击我们的公众号名称，将文章链接和你的解读文案发给我们！我们会对内容进行筛选和审核，保留你的推荐人署名，分享给更多的人1、Node.js v22.6.0 发布，可以直接运行 TS 了！Node.js v22.6.0 近日刚发布，本次包含一个新功能：通过 --experimental-str...

2024-08-12 09:00:57 293

原创一文读懂JavaScript原型链

一文读懂JavaScript原型链前言什么是原型链每个对象（Object）都有一个私有属性指向另一个名为原型（prototype）的对象。原型对象也有一个自己的原型，层层向上直到一个对象的原型为 null。根据定义，null 没有原型，并作为这个原型链（prototype chain）中的最后一个环节。摘自：MDN - 继承与原型链说明__proto__实际为[[Prototype]]属性的访问器...

2024-08-09 09:00:51 285

原创转转前端周刊第121期: GitHub 助力 AI：免费体验，轻松部署

转转前端周刊本刊意在将整理业界精华文章给大家，期望大家一起打开视野如果你有发现一些精华文章想和更多人分享，可以点击我们的公众号名称，将文章链接和你的解读文案发给我们！我们会对内容进行筛选和审核，保留你的推荐人署名，分享给更多的人1、GitHub 助力 AI：免费体验，轻松部署近日，GitHub 宣布推出 GitHub Models[1]（Introducing GitHub Models: A n...

2024-08-05 09:00:49 420

原创那些你不知道的隐式类型转换

那些你不知道的Javascript隐式类型转换JavaScript是一种动态类型、弱类型语言，它在处理字符和字符串时表现出了独特的灵活性和复杂性。在本文中，我们将从探讨JavaScript中的一段通过隐式类型转换的看似疯狂但有效的代码片段到熟知Javascript中的隐式类型转换规则疯狂仍有效的代码JavaScript的灵活性和隐式类型转换能力使得一些看似不合理的代码片段实际上是有效的。一个典型的...

2024-08-02 09:30:20 792

原创转转前端周刊第120期: AI Code 在团队开发工作流的融合思考

转转前端周刊本刊意在将整理业界精华文章给大家，期望大家一起打开视野如果你有发现一些精华文章想和更多人分享，可以点击我们的公众号名称，将文章链接和你的解读文案发给我们！我们会对内容进行筛选和审核，保留你的推荐人署名，分享给更多的人1、AI Code 在团队开发工作流的融合思考2024 已过去大半，生成式人工智能（Generative AI）在软件工程领域中的应用已经变得越来越广泛和深入，传统的软件开...

2024-07-29 09:00:49 512

原创转转前端周刊第119期: Chrome 居然提供了可以直接调用 LLM 的 API！

转转前端周刊本刊意在将整理业界精华文章给大家，期望大家一起打开视野如果你有发现一些精华文章想和更多人分享，可以点击我们的公众号名称，将文章链接和你的解读文案发给我们！我们会对内容进行筛选和审核，保留你的推荐人署名，分享给更多的人1、Chrome 居然提供了可以直接调用 LLM 的 API！如果想要在 Web 上使用 AI 功能往往需要靠服务器来处理一些非常大的模型。这在制作一些生成内容的 AI 方...

2024-07-22 09:00:41 299

原创转转前端周刊第118期: 尤雨溪在VueConf CN 2024 分享了面向未来的Vue 和 Vite

转转前端周刊本刊意在将整理业界精华文章给大家，期望大家一起打开视野如果你有发现一些精华文章想和更多人分享，可以点击我们的公众号名称，将文章链接和你的解读文案发给我们！我们会对内容进行筛选和审核，保留你的推荐人署名，分享给更多的人1、尤雨溪在VueConf CN 2024 分享了面向未来的Vue 和 Vite尤雨溪在VueConf CN 2024 分享了面向未来的Vue 和 Vite的ppt2、前端...

2024-07-15 09:00:30 335

转载转转 APP HarmonyOS Next 开发之旅

1 序言2023 年在华为开发者大会（HDC.Together）上，除了面向消费者的 HarmonyOS4 之外，华为还推出了面向开发者的 HarmonyOS Next 开发者预览。而在今年的 6 月份华为开发者大会上，对外开启了 HarmonyOS Next Beta 版，并在年内将正式推出面向消费者的商用版本。HarmonyOS Next，是鸿蒙生态的一个重要拐点。去年的时候，转转和华为已经达...

2024-07-10 09:00:54 179

原创转转前端周刊第117期: 腾讯文档前端工程架构改造实践

转转前端周刊本刊意在将整理业界精华文章给大家，期望大家一起打开视野如果你有发现一些精华文章想和更多人分享，可以点击我们的公众号名称，将文章链接和你的解读文案发给我们！我们会对内容进行筛选和审核，保留你的推荐人署名，分享给更多的人1、腾讯文档前端工程架构改造实践腾讯基础开发中心负责维护着腾讯文档除编辑器外的大部分业务，包括 90+ npm 包与 170+ 的 CDN 组件，还有六个 applica...

2024-07-08 09:00:49 423

原创转转搭建平台-魔方数据中心实战

写在前面魔方是转转内部的可视化搭建平台，用于快速创建活动页面。然而，尽管平台相对稳定，却缺乏一个集中的数据中心来全面查看各项数据指标，给运营团队带来了一些挑战。接下来用一张图带大家走进魔方的世界：魔方搭建设计图相信通过这张图，大家已经初步领略了魔方平台的内部工作机制。当然，这只是一个序幕，魔方的数据“视界”还有更多深度和细节等待我们去发掘。现在，邀请大家继续跟随我，深入探索魔方所构建的数据“视界”...

2024-07-05 09:01:12 780

原创解密Lego:客户端日志系统的演进

引言埋点对于移动应用来说至关重要，无论是赋能业务增长，还是优化技术实现，埋点数据和技术日志都为决策和优化提供了关键依据。转转App也有着一套自研的日志采集系统（Lego），从2015年转转App上线第一个版本到现在，Lego逐步从一个单一功能架构演变为支持自动化采集、实时上报、业务与技术日志隔离的复合架构。Lego演进历程总结起来，可以分为四个阶段：从零到一建设能力；业务埋点与技术日志拆分；提高...

2024-07-02 09:02:25 655

原创转转前端周刊第116期: 前端最新趋势：JS正在向服务器端转移、开发者最爱Vue技术栈、Bun越来越受关注...

转转前端周刊本刊意在将整理业界精华文章给大家，期望大家一起打开视野如果你有发现一些精华文章想和更多人分享，可以点击我们的公众号名称，将文章链接和你的解读文案发给我们！我们会对内容进行筛选和审核，保留你的推荐人署名，分享给更多的人1、前端最新趋势：JS正在向服务器端转移、开发者最爱Vue技术栈、Bun越来越受关注「State of JavaScript 2023」调查报告已发布。2、新的构建工具来了...

2024-07-01 09:01:51 261

原创转转前端周刊第115期: React 19 差点拖慢整个互联网！核心团队紧急叫停

转转前端周刊本刊意在将整理业界精华文章给大家，期望大家一起打开视野如果你有发现一些精华文章想和更多人分享，可以点击我们的公众号名称，将文章链接和你的解读文案发给我们！我们会对内容进行筛选和审核，保留你的推荐人署名，分享给更多的人1、React 19 差点拖慢整个互联网！核心团队紧急叫停现如今，React 仍是人气最旺的前端框架，并为 Netflix、Airbnb、Discord 乃至其“生身父母”...

2024-06-24 09:00:11 175

原创转转前端周刊第114期: Web AI：下一代 Web 应用的新模型、工具、API

转转前端周刊本刊意在将整理业界精华文章给大家，期望大家一起打开视野如果你有发现一些精华文章想和更多人分享，可以点击我们的公众号名称，将文章链接和你的解读文案发给我们！我们会对内容进行筛选和审核，保留你的推荐人署名，分享给更多的人1、Web AI：下一代 Web 应用的新模型、工具、APIAI 时代，和我们前端开发结合最紧密的就是当下炒的非常火热的 Web AI 技术了。今天跟大家一起来聊聊本届 G...

2024-06-17 09:00:16 674

原创转转前端周刊第113期: 苦等三年，React Compiler 终于能用了。使用体验：很爽，但仍有瑕疵]...

转转前端周刊本刊意在将整理业界精华文章给大家，期望大家一起打开视野如果你有发现一些精华文章想和更多人分享，可以点击我们的公众号名称，将文章链接和你的解读文案发给我们！我们会对内容进行筛选和审核，保留你的推荐人署名，分享给更多的人1、苦等三年，React Compiler 终于能用了。使用体验：很爽，但仍有瑕疵React Compiler 终于开源了。自从从它第一次在 React Conf 2021...

2024-06-03 09:00:13 407

转载重新认识 TypeScript类型系统

很多开发者已经将 Typescript 加入到自己的项目里进行开发，初衷是为了项目在开发时拥有类型检查能力。 TypeScript 通过易上手且功能强大的类型系统，为 JavaScript 提供了强大的类型检查能力。在类型的帮助下，我们无需实际运行代码，就能通过类型的流转观察到变量的值是如何改变的。但往往现实的情况是，随着增加的类型越来越多，类型报错越来越多，不得已改为any类型，或者增加 // ...

2024-05-31 09:01:18 70

原创转转前端周刊第112期: 全网独家-万字长文入门前端全球化

转转前端周刊本刊意在将整理业界精华文章给大家，期望大家一起打开视野如果你有发现一些精华文章想和更多人分享，可以点击我们的公众号名称，将文章链接和你的解读文案发给我们！我们会对内容进行筛选和审核，保留你的推荐人署名，分享给更多的人1、全网独家-万字长文入门前端全球化国际化不仅仅是多语言文案适配这么简单，而是一全套的工程化解决方案。笔者觉得更重要的是「从业人员需要具备全球视野，对多元文化有包容心和敬畏...

2024-05-27 09:01:39 219

转载前端视角看上门履约：从用户下单到履约完成

上门履约服务是一种在客户指定地点提供产品或服务的业务模式。随着移动互联网技术的发展，上门服务变得越来越普遍，从家政服务、维修服务到医疗护理，各行各业都在尝试这种新的服务模式。转转上门履约服务目前支持的业务有：上门回收，上门售后，上门寄卖，上门以旧换新等业务，目前已开通200+的城市支持上门业务。为方便描述下文简称「上门履约」，上门履约人员简称「工程师」，地图均使用高德地图演示。本文将从前端开发视角...

2024-05-24 09:00:43 78

原创转转前端周刊第111期: React19 她来了，她来了，他带着礼物走来了

转转前端周刊本刊意在将整理业界精华文章给大家，期望大家一起打开视野如果你有发现一些精华文章想和更多人分享，可以点击我们的公众号名称，将文章链接和你的解读文案发给我们！我们会对内容进行筛选和审核，保留你的推荐人署名，分享给更多的人1、React19 她来了，她来了，他带着礼物走来了React19她来了，她来了，她带着????走来了。时隔2年多，React终于有了新版本了。你可知道，我们这两年是如何过来的吗...

2024-05-20 09:00:21 293

原创转转前端周刊第110期: Virtual DOM（虚拟DOM）的地位再一次被挑战！！！

转转前端周刊本刊意在将整理业界精华文章给大家，期望大家一起打开视野如果你有发现一些精华文章想和更多人分享，可以点击我们的公众号名称，将文章链接和你的解读文案发给我们！我们会对内容进行筛选和审核，保留你的推荐人署名，分享给更多的人1、Virtual DOM（虚拟DOM）的地位再一次被挑战！！！最近在前端圈有一个 Github Repo 算是蛮受关注的 - proposal-signals，这是一...

2024-05-13 09:00:28 460

原创助你效率翻倍的VS Code插件

若您是一名开发者，相信对于Visual Studio Code（VS Code）并不陌生。作为日常工作中的重要代码编辑器，VS Code提供了丰富的插件生态系统，极大地提升了我们工作效率和代码质量。那么，具有哪些插件可以让我们的编程工作变得更加得心应手呢？让我们一起探讨。提高开发效率的Visual Studio Code插件1. Turbo Console Log您是否遇到过需要快速生成日志语句的...

2024-05-08 09:01:06 715

原创转转前端周刊第109期: rust 正在全面入侵前端

转转前端周刊本刊意在将整理业界精华文章给大家，期望大家一起打开视野如果你有发现一些精华文章想和更多人分享，可以点击我们的公众号名称，将文章链接和你的解读文案发给我们！我们会对内容进行筛选和审核，保留你的推荐人署名，分享给更多的人1、rust 正在全面入侵前端最近空闲时间，把 rust 基础以及个别生态技术方案扎扎实实的，系统的学习了一下。学习他的初衷是因为 rust 可以支持鸿蒙应用的原生级别的开...

2024-04-29 09:00:51 437 4

原创 Webcodecs音视频编解码与封装技术探索

1.背景在web端处理音视频是一个复杂而又重要的课题，市场上主流的视频编辑通常采用服务端进行渲染导出，因为专用的服务器对音视频的编解码能力更强，所以服务端渲染导出的速度很不错；少数编辑器在浏览器本地对视频进行处理，一方面对服务器成本非常友好，另一方面可以不需要注册等流程，在小型视频的渲染上用户体验更好。但是浏览器本地渲染对用户设备有一定要求，对浏览器的兼容性等等也有要求。而经典的在浏览器本地处理视...

2024-04-26 09:01:09 1277

原创转转前端周刊第108期: 大模型下B端前端代码辅助生成的思考与实践

转转前端周刊本刊意在将整理业界精华文章给大家，期望大家一起打开视野如果你有发现一些精华文章想和更多人分享，可以点击我们的公众号名称，将文章链接和你的解读文案发给我们！我们会对内容进行筛选和审核，保留你的推荐人署名，分享给更多的人1、大模型下B端前端代码辅助生成的思考与实践重复工作，代码规范：B端前端代码开发过程中开发者总会面临重复开发的痛点，很多CRUD页面的元素模块基本相似，但仍需手动开发，将时...

2024-04-22 09:00:13 434

原创转转前端周刊第107期: NPM 依赖管理的复杂性

转转前端周刊本刊意在将整理业界精华文章给大家，期望大家一起打开视野如果你有发现一些精华文章想和更多人分享，可以点击我们的公众号名称，将文章链接和你的解读文案发给我们！我们会对内容进行筛选和审核，保留你的推荐人署名，分享给更多的人1、NPM 依赖管理的复杂性在开源文化盛行的现代，多数时候我们都不必从零开始搭建一套软件系统，转而可以借助诸多开放的代码片段及其他资源更快速高效开发软件应用，这算的上软件工...

2024-04-15 09:00:25 446

原创转转前端周刊第106期: 终于等到你！JS全新API支持关闭页面时安全发送网络请求...

转转前端周刊本刊意在将整理业界精华文章给大家，期望大家一起打开视野如果你有发现一些精华文章想和更多人分享，可以点击我们的公众号名称，将文章链接和你的解读文案发给我们！我们会对内容进行筛选和审核，保留你的推荐人署名，分享给更多的人1、Vite 的实现原理，确实很巧妙vite 是新兴的构建工具，它相比 webpack 最大的特点就是快。2、浅谈C端线上问题的定位体系在C端领域的同学，时常会遇到各类线上...

2024-04-01 09:00:44 320

原创准实时前端监控探索

实时数据能立即反映线上业务情况，对业务来说能很快看到业务变化带来的实时影响，对技术人员来说能实时观察线上出现的一些波动，有利于及时发现线上问题。数据埋点上报经过数据部门处理后，有两个离线表，天表和小时表，天表是第二天才能看到前一天的数据，小时表是可以看到当天过去的时间内的数据，为了更早看到数据效果，尝试采用小时表来进行数据监控。流程基本如下：unsetunset过程介绍unsetunset架设服务...

2024-03-26 09:12:51 550

原创转转前端周刊第105期: 来自 rust 生态的强烈冲击？谈谈 Leptos 在语法设计上的精妙之处...

转转前端周刊本刊意在将整理业界精华文章给大家，期望大家一起打开视野如果你有发现一些精华文章想和更多人分享，可以点击我们的公众号名称，将文章链接和你的解读文案发给我们！我们会对内容进行筛选和审核，保留你的推荐人署名，分享给更多的人1、来自 rust 生态的强烈冲击？谈谈 Leptos 在语法设计上的精妙之处过去很长一段时间，前端框架们都在往响应式的方向发展。大家都在基于 signal 实现自己的底层...

2024-03-25 09:00:09 279

原创这Proxy能干啥？

提到 proxy，貌似很多人的印象是这东西是实现 vue3 的核心，但好像除此以外就没有什么关于 proxy 实际应用的场景了。今天就重新在了解一下 proxy，并在文章最后会给出几个 proxy 的实际应用案例，扩展下对 proxy 使用的场景。让大家写出逼格更高，更有深度的代码。首先我们要先复习下 proxy 的基本知识。Proxy 基础proxy 是个啥？在 JavaScript 中，Pro...

2024-03-19 09:00:38 969

原创转转前端周刊第104期: 还学的动吗？号称最快的 JS 运行时 WinterJS 发布！

转转前端周刊本刊意在将整理业界精华文章给大家，期望大家一起打开视野如果你有发现一些精华文章想和更多人分享，可以点击我们的公众号名称，将文章链接和你的解读文案发给我们！我们会对内容进行筛选和审核，保留你的推荐人署名，分享给更多的人1、还学的动吗？号称最快的 JS 运行时 WinterJS 发布！速度对标 Bun、支持 RSC...WinterJS 是一个使用 Rust 编写的、与 WinterCG ...

2024-03-18 09:00:15 409

空空如也

空空如也