- 博客(444)
- 收藏
- 关注
原创 准实时前端监控探索
实时数据能立即反映线上业务情况,对业务来说能很快看到业务变化带来的实时影响,对技术人员来说能实时观察线上出现的一些波动,有利于及时发现线上问题。数据埋点上报经过数据部门处理后,有两个离线表,天表和小时表,天表是第二天才能看到前一天的数据,小时表是可以看到当天过去的时间内的数据,为了更早看到数据效果,尝试采用小时表来进行数据监控。流程基本如下:unsetunset过程介绍unsetunset架设服务...
2024-03-26 09:12:51 423
原创 转转前端周刊第105期: 来自 rust 生态的强烈冲击?谈谈 Leptos 在语法设计上的精妙之处...
转转前端周刊本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、来自 rust 生态的强烈冲击?谈谈 Leptos 在语法设计上的精妙之处过去很长一段时间,前端框架们都在往响应式的方向发展。大家都在基于 signal 实现自己的底层...
2024-03-25 09:00:09 153
原创 这Proxy能干啥?
提到 proxy,貌似很多人的印象是这东西是实现 vue3 的核心,但好像除此以外就没有什么关于 proxy 实际应用的场景了。今天就重新在了解一下 proxy,并在文章最后会给出几个 proxy 的实际应用案例,扩展下对 proxy 使用的场景。让大家写出逼格更高,更有深度的代码。首先我们要先复习下 proxy 的基本知识。Proxy 基础proxy 是个啥?在 JavaScript 中,Pro...
2024-03-19 09:00:38 914
原创 转转前端周刊第104期: 还学的动吗?号称最快的 JS 运行时 WinterJS 发布!
转转前端周刊本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、还学的动吗?号称最快的 JS 运行时 WinterJS 发布!速度对标 Bun、支持 RSC...WinterJS 是一个使用 Rust 编写的、与 WinterCG ...
2024-03-18 09:00:15 334
转载 转转fe增量代码覆盖率统计实现方案
1. 背景代码覆盖率是衡量测试用例对代码的覆盖程度的指标,可以帮助开发人员和测试人员优化测试用例、提高代码质量。此外,代码覆盖率也可以帮助领导和项目经理评估开发进度和质量,以便及时调整计划和资源分配。总之,代码覆盖率功能对于保证软件质量、提高开发效率和降低维护成本都具有重要意义。转转公司内部已经成功实现了针对Java项目的增量代码覆盖率,但是前端项目的覆盖率并没有得到有效的监测和管理。为此我们开发...
2024-03-15 09:00:13 13
原创 前端视角解读新媒体投放
前言身为前端,虽然我们是技术岗位,但我们存在的意义本质还是“用技术能力去服务业务,帮助业务成功”。身在业务线,与其说我们是开发者,不如说我们其实是“技术服务提供者”。为了更好的服务,需要主动关注业务:理解业务目标和需求,学习业务知识,参与业务规划和决策,掌握用户需求,进而持续学习和提升。这篇文章则是从前端视角解读新媒体投放,为实现业务增长目标,主动了解新媒体投放,通过技术手段,为产品提供决策,发挥...
2024-03-12 09:00:30 997
原创 转转前端周刊第103期
转转前端周刊本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、WebRTC拍摄在车主认证中的实现车主认证主体是以H5形式存在的,目前投放在多端,包括:哈啰App、车主App、货运车主App、支付宝小程序、微信小程序、H5外投页面,...
2024-03-11 09:00:37 300
转载 实现vue3响应式系统核心-MVP 模型
实现vue3响应式系统核心-MVP 模型简介2023 年 12 月 31 日,vue2 已经停止维护了。你还不会 Vue3 的源码么?手把手带你实现一个 vue3 响应式系统,你将获得:Vue3 的响应式的数据结构是什么样?为什么是这样?如何形成的?Proxy 为什么要配合 Reflect 使用?如果不配合会有什么问题?Map 与 WeakMap的区别响应式数据以及副作用函数响应式系统基本实现依...
2024-03-05 09:00:23 17
原创 转转前端周刊第102期
转转前端周刊本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、FFmpeg前端视频合成实践本文介绍的是一种基于FFmpeg + WebAssembly开发的视频合成能力,与社区既有的方案相比,此方案通过JSON来描述视频合成过程,...
2024-03-04 09:00:45 362
原创 前端视角对Rust的浅析
概述本文将从 Rust 的历史,前端的使用场景和业界使用案例一步步带你走进 Rust的世界。并且通过一些简单的例子,了解 Rust 如何应用到前端,提高前端的生产效率。Rust简史2006年,软件开发者Graydon Hoare在Mozilla工作期间,开始了Rust作为一个个人项目。根据他在麻省理工技术评论的一次采访,Rust的灵感来自于Hoare公寓楼里一个坏掉的电梯。电梯操作系统的软件崩溃了...
2024-02-27 09:58:21 773
原创 转转前端周刊第101期
转转前端周刊本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、亿级流量高并发春晚互动前端技术揭秘互动H5在用户参与抽奖、领券等活动时需要提供有趣且流畅的动画或玩法,并且需要即时反馈权益到账信息。又值春晚,服务器和资损舆情风险双高。...
2024-02-26 09:01:04 419
原创 解决前端跨团队统一的隐性拦路虎
前言春节刚归来,我们不搞那么烧脑,先来一篇浅显易懂的文章,期望给大家带来一些新的解题思路。背景过去多年无论是一款插件推广,还是组件库统一,无论是一次机制流程制定,还是前端工程化体系建设,相信很多同学与我一样,在跨团队方案推广统一过程中,前期无论做好多详实的准备,最终都会有一种未竟全功的感觉。推广过程中,总会有人摆出历史包袱过重这一拦路虎“说服”我们,比如”我这项目不维护了,无需升级“,”我这项目框...
2024-02-21 09:00:47 428
原创 Docker-现代化应用部署的利器
一、容器部署的发展今天我们来说说容器部署。我们知道容器部署的发展大致分三个阶段,下面来介绍一下不同阶段的部署方式的优缺点物理机部署优点是可以提供更高的性能、资源控制,也可以提供更好的数据隔离和安全性,因为不同的应用程序运行在独立的物理服务器上,拥有彼此之间的资源和数据都相互隔离等优点。缺点是采用物理机部署这种方式通常不能充分的利用好硬件资源,如果应用程序的负载较轻,会浪费一定的资源。但是如果我们要...
2024-02-06 11:02:01 1147
原创 转转前端周刊第100期
转转前端周刊本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、2024 AI & 前端:回首展望,光芒未至,破晓之前!回望 2023 年,ChatGPT 的突然爆火,让 AI 无疑成为最为值得注目的新兴领域之一,我们也一起...
2024-02-05 09:01:08 263
原创 转转前端周刊第九十九期
转转前端周刊本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、WebAssembly 和 JavaScript 该怎么选?JavaScript 已经长久以来并且目前依然是浏览器运行时的主流开发语言,然而近年来,WebAssembl...
2024-01-29 09:00:44 300
原创 转转前端周刊第九十八期
转转前端周刊本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、穿越时空:2023年前端技术盘点与2024年技术展望在过去的时间里,前端技术稳步前行,2023 虽然没有出现革命性的技术,但在语言与标准、主流框架完善、WASM、音视频...
2024-01-22 09:01:00 389
原创 转转VOC实践之路-前端篇
作者:王红艳、职荣豪前言业务背景现状目标技术方案整体架构图核心设计与实现一. 多级分类树排序展示/交互设计二. 树形设计与 tag 交互三. 分页器/卡片设计项目价值前言为了有效了解用户需求、提升用户体验并获取宝贵的洞察,积极倾听客户的反馈,并基于这些反馈进行产品的运营和调整。这种以市场为导向的方法被称为"客户之声",即 Voice of Customer(VOC)。因此开发了 VOC 用户洞察平...
2024-01-19 17:00:16 961
转载 2023转转技术年货发布啦
在这个信息爆炸的时代,技术的进步变得前所未有的快速和多样化,技术已然成为驱动社会进步的重要动力之一。作为技术从业者或者对技术感兴趣的读者,我们需要不断学习和掌握最新的技术趋势和解决方案,以应对不断变化的挑战。技术年货的目标就是为大家提供一个汇聚各类优秀技术文章的平台,让大家能够方便地获取到有价值的信息和经验。在过去的这⼀年⾥,转转研发中⼼三个公众号《转转技术》、《⼤转转FE》和《转转QA》共计发表...
2024-01-16 09:00:25 56
原创 转转前端周刊第九十七期
转转前端周刊本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、2024 年前端预测对于前端来说,这是不平凡的一年。我们见证了对服务器端渲染(SSR)市场的争夺和创新的热潮;人工智能的不断渗透;网络渲染器和 JS 引擎的迅猛发展;一...
2024-01-15 09:00:53 366
原创 转转前端周刊第九十六期
转转前端周刊本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、前端APM指标采集大冒险随着公司业务的发展,原有的 APM 系统逐渐显露出一些痛点。这些问题包括性能统计不尽如人意、分析维度单一、频繁的调用链丢失、告警配置不够灵活、告...
2024-01-08 09:02:19 364
原创 转转前端周刊第九十五期
转转前端周刊本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、网易云音乐设计协同演进之路前端和设计师一直以来都在致力于为用户提供出色的人机交互体验。在这个过程中,如何为双方提供高效的协同产品,降低设计师与前端的沟通成本,以及提升双...
2024-01-02 09:00:11 357
原创 如何为Electron应用开发原生模块
前序Electron 是目前流行的一种跨平台桌面应用开发框架。它结合了Chromium和Node.js,让前端开发者能够使用前端技术构建功能强大的桌面应用程序。大家都知道JavaScript无论是在浏览器中运行、还是在Node.js中运行都是单线程运行的,所以并不适合在处理一些CPU密集型任务。但是Node.js允许开发者使用C、C++等语言开发像普通的Node.js模块一样通过require()...
2023-12-26 10:00:09 832
原创 转转前端周刊第九十四期
转转前端周刊本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、Vue 2 即将停止更新随着2024年即将到来,我们借此机会提醒Vue社区,Vue 2将于2023年12月31日终止更新(EOL)。2、前端DevOps平台的探索及设计...
2023-12-25 09:02:31 368
原创 移动端如何做好数据防护
截至2022年底,移动互联网用户数接入数达14.6亿户,当年移动互联网接入流量达2617.6亿GB,比上年增长18.1%。流量的背后,是海量的数据,而数据又逐渐成为各个企业的核心资产。做好数据的防护工作,是每一个互联网企业需要认真对待的一件事情。一、数据防护范围的界定现在绝大多数的App都强依赖网络,客户端所展示的内容都是通过接口从服务器上获取,同时客户端也会向服务器上传数据,在两端通信的过程中,...
2023-12-19 10:00:57 730
原创 转转前端周刊第九十三期
转转前端周刊本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、2023 年 CSS 新特性大盘点2023年,CSS 迎来了一系列令人兴奋的新特性,这些特性不仅增强了样式和布局的能力,还提升了开发者的效率和用户体验。本文将盘点并深入...
2023-12-18 09:00:46 368
原创 React Hooks学习指北
一、前言在当今的前端开发环境中,越来越多的开发者认可了 Hooks 的强大能力,并纷纷加入到 Hooks 的使用大军中:2019 年 2 月,React 正式发布 v16.8 版本,引入 Hooks 能力(最新的 v18 中,还新增了 5 个 Hooks API);2019 年 6 月,尤雨溪提出了 Vue3 Composition API 的提案,使 Vue3 中也能够使用 Hooks;诸如 A...
2023-12-12 10:00:44 956 1
原创 转转前端周刊第九十二期
转转前端周刊本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、盘点2023年前端大事件2023 年即将过去,这一年前端生态圈快速发展,发生了许多令人瞩目的事件和变化。从新技术的涌现到老技术的更新,前端技术正在经历着一次全面的变革。...
2023-12-11 09:02:37 398
原创 浏览器如何运行一段JavaScript代码
开篇JavaScript在我们日常开发中扮演着至关重要的角色,大部分时间都与它打交道,因此对这门语言的了解再多也不为过。虽然有很多关于JavaScript的书籍和资料,但绝大多数都从JavaScript语言本身的角度去分析其语法和语义,很少有与JavaScript具体执行过程相关的分析资料。因此,我邀请大家一起从浏览器的角度来看一下一段JavaScript代码到底是如何执行的。以 Google 浏...
2023-12-05 10:01:14 802
原创 转转前端周刊第九十一期
转转前端周刊本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、爱奇艺H5专题页打造原生体验优化实践H5专题及活动页面一直是公司大剧热综宣传、App拉新促活的重要承载方式,其在各个业务领域中扮演着至关重要的角色。与此同时,也存在着一...
2023-12-04 09:00:51 429
原创 拉流端直播xgplayer使用经验
一、背景介绍为了强化官方验的心智,平台要做一版新的质检直播间,将我们的质检车间全方位透明的展现给用户。按照产品的设计来实现的话,其实就是将各个镜头的内容同时在一个页面内进行播放,除了工作时间的直播,还有休息时间的录播播放。不过直播和录播的生成都是在后端实现,前端只负责视频资源的播放。二、前期调研对于简单的直播场景,我们需要关注的主要是「编解码格式」和「直播协议」,因为这两点直接决定直播能否播放。「...
2023-11-29 09:00:56 1081
原创 转转前端周刊第九十期
转转前端周刊本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、用 Addon 增强 Node.js 和 Electron 应用的原生能力Node.js Addon 是 Node.js 中为 JavaScript 环境提供 C/C+...
2023-11-27 09:02:05 381
原创 一文读懂转转通用筛选组件
前言由于历史原因,转转/找靓机双卖场各场景(频道页、主搜、首页推荐)、各筛选组件(品牌墙、快筛、抽屉筛、机型筛选)前端展现样式、交互、筛选内容不一致。双卖场筛选数据源不一致,“筛选配置诉求产生”——“配置筛选线上生效”需要多方介入,流程复杂,运营无法闭环。因此,需要统一双卖场各场景筛选的前端表达、后台配置等,对配置流程、运营进行提效。需求背景1. 后台可配置转转内部有一个筛选项配置管理后台(如下图...
2023-11-24 09:00:23 856
原创 转转前端周刊第八十九期
转转前端周刊本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、Vite 5.0 正式发布11 月 16 日,Vite 5.0 正式发布,这是 Vite 道路上的又一个重要里程碑!Vite 现在使用 Rollup 4,这已经代表了构...
2023-11-20 09:01:46 38
原创 转转前端周刊第八十八期
转转前端周刊本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、新一代前端发展的困境与破局侑夕在重庆前端交流会的一个分享,导出图片形式,期待给大家带来一些启发。2、一文搞懂得物前端监控得物的服务端监控是比较全面和有效的,除了上报原始...
2023-11-13 09:00:31 36
原创 微前端时代:打造高效、灵活的前端开发体系
❝本篇文章全文约 1.5 万字,目的是系统化地介绍微前端及其核心技术,并介绍了什么是微前端以及为什么我们需要它。我们还讨论了在众多微前端框架中如何选择适合自己系统的框架,并分享了一些业界使用微前端的实践案例。最后,我们提到了微前端目前存在的一些局限性和争议点。总之,希望这篇文章能为大家提供有用的信息。❞1 引言1.1 前端开发的演变历程「初期的静态网页阶段」在早期的前端开发中,网页主要由 HTML...
2023-11-10 10:36:39 260
原创 转转前端周刊第八十七期
转转前端周刊本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、云音乐 CMS 平台 AIGC 实践与新特性实现总结现如今随着 LLM 在实际业务生产中的不断尝试和实践落地,在中后台场景下以 ChatUI 为主要交互方式的智能助手,...
2023-11-06 09:00:34 48
原创 转转Flutter实践之路
前言跨端技术一直是移动端开发领域的热门话题,Flutter 作为一种领先的移动跨端技术之一,凭借其快速的渲染引擎、丰富的UI组件库和强大的开发工具,成为了开发人员的首选之一。从 Flutter 诞生之初,我们就一直关注着它的发展,Flutter 早期版本变更较为频繁,并且经常伴随着 Breaking Change,另外可用的三方插件较少且不稳定。直到2019年,Flutter 的热度暴涨,国内不少...
2023-10-31 09:00:36 58
原创 转转前端周刊第八十六期
转转前端周刊本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、Nicholas C. Zakas:对代码深度探索的思考把理解代码的过程比喻为 “探索”, 提出了一些具体策略如从简入难、试验改动代码等来推进理解。2、将 JavaSc...
2023-10-30 09:00:14 113
原创 转转前端周刊第八十五期
转转前端周刊本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、Visual Copilot 一键生成:用AI 将Figma 设计稿直接生成可维护的代码本文介绍了 Builder Velocity 公司最新发布的 Visual Co...
2023-10-23 09:02:42 50
原创 转转Hybrid体系建设历程-客户端视角
前言H5 在转转 App 中有着较高的比重,承载了 B2C,C2B,C2C 多个业务的巨大流量,转转在前端技术这块,考虑到业务架构和人员结构的情况,没有采用 ReactNative,Weex,小程序等技术,一直在 Hybrid 领域进行深耕。从 App 诞生之初直到现在,转转的 Hybrid 体系经历了一些迭代和演进。之前公众号历史文章曾经发布过《转转Hybrid体系建设》,这篇文章是站在前端视角...
2023-10-18 09:33:44 82
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人