自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

大转转FE

定期分享一些团队对前端的想法与沉淀。

  • 博客(349)
  • 收藏
  • 关注

转载 掰掰Lottie

前言之前做运营活动的时候,写了一个比较有趣的打开盲盒的交互动画,流程如下:一个「挣扎的」未打开的盲盒,点击出现确认弹窗,确认后集齐的5张卡片会「飞入」盲盒,盲盒「开启」弹出礼品。怎么实现的呢?其中「挣扎的效果」是使用的CSS3做的一个呼吸加抖动的 Animation,「飞入的效果」是使用JS获取到盲盒的中心点坐标并设置弹窗只展示5张卡片和要改变的样式,「盲盒开启的过程」则是一个 Lottie 动画...

2023-01-17 09:00:29 5

原创 转转前端周刊第五十一期

本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、2023 年大淘宝 Web 端技术概览2022 年,大淘宝前端团队进行了调整:重新组织生产关系,按业务线拆分整合进对应的业务技术团队,同时保留了大前端虚线组织,确保研发基建的一致性...

2023-01-16 09:00:48 4

转载 多状态页面中的 mock 方案

我们有时候会遇到一个业务页面存在很多个状态,甚至子状态,比如订单详情就是其中的典型,涉及从订单创建到订单结束,以及售后等流程。维护起来每个状态对应一份数据,虽然我们 QA 提供了数据构造平台,但构造一份对应状态的数据还是需要花费不少时间,而且串行流程一旦出错的话只能重新来一遍。后期维护阶段也不容易构造对应状态的数据,导致排查页面问题比较耗时。另外一个问题就是从头熟悉业务的话成本比较高,如果有一个...

2023-01-13 09:00:39 33

转载 基于requestAnimationFrame实现高精度毫秒级正向计时器

基于requestAnimationFrame实现高精度毫秒级正向计时器背景最近做了一个周末嘉年华的活动【免费领取「王者荣耀千元账号」】,效果图如下。玩法也很简单:点击开始,计时器开始计时,点击停止,点击开始按钮后会变成停止,当计时结束时,秒表显示时间为 10:00 时,即可获取「价值千元的王者荣耀账号」!编组点我体验!!!❝若遇到活动未开始或者活动结束,可以前往转转app搜索【游戏】即可参与...

2023-01-11 09:00:41 19

原创 转转前端周刊第五十期

本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、2022 年回顾:Web 性能有哪些新变化?衡量和优化网站速度的方式一直在变化。今年又引入了新的 Web 标准(并最终得到广泛支持),开发了新的工具,并提出了新的指标。本文介绍了 ...

2023-01-09 09:00:07 15

转载 科学の套路の纸上谈兵の前端技术方案怎么写

最近我一直在谈论文档,虽然写了一篇也分享出来了。但是说实话非要自己写的时候其实大家都不愿意把这个东西落到纸面上,因为可能过于纸上谈兵了,所以我觉得可能不仅是需要一篇例子,更需要一些技巧和方法论。所以我们简单讨论一下。科学的分析方案文档的利弊猫会喵喵,狗会汪汪,鸡会什么?机会留给有准备的人。先说点虚(?)的,等我们的需求或者项目出名了、别人需要学习需要你给出一波装逼Time的时候,丢出一个图文并茂的...

2023-01-06 09:00:41 14

原创 转转前端周刊第四十九期

本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、影响成长的关键思考“谁的青春不迷茫,谁的人生不彷徨”,迷茫和彷徨可能是我们工作中经常会出现的现象,而这些现象的背后,很重要的一个关键词是“成长”:新人该如何快速落地?老人该如何持续...

2023-01-03 09:00:53 9

原创 转转前端周刊第四十八期

本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、vivo 低代码平台【后羿】的探索与实践本文主要从前后端分离的低代码方案、自研高性能渲染引擎、高效的可视化配置方案、千亿级内容投放、低代码如何与传统开发共存等五个维度vivo在低代...

2022-12-26 09:00:29 44

原创 转转前端周刊第四十七期

本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、React Streaming SSR 原理解析React 18 提供了一种新的 SSR 渲染模式:Streaming SSR。通过 Streaming SSR,我们可以实现以下两...

2022-12-19 09:00:52 53

原创 转转前端周刊第四十六期

本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、尤雨溪:Vue的进化历程12 月 10 日,第五届 Vue.js 开发者大会(VueConf 2022)由 Vue.js 官方通过在线直播的方式举办。Vue.js 作者尤雨溪发表了...

2022-12-12 09:00:25 20

原创 转转前端周刊第四十五期

本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、除了 filter 还有什么置灰网站的方式?大家都知道,当一些重大事件发生的时候,我们的网站,可能需要置灰。全站置灰是非常简单的事情,大部分前端同学都知道,仅仅需要使用一行 CSS...

2022-12-05 09:00:22 97

原创 转转前端周刊第四十四期

本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、Web开发未来会完全替代客户端开发吗?Google 启动了一个名为 Fugu 的项目,它的目标就是让开发者能够在 Web 生态中 做任何事情,包括以前只有客户端应用才能做的事情。2...

2022-11-28 09:00:44 49

原创 转转前端周刊第四十三期

本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、Ant Design 5.0 正式发布!Ant Design 5.0 正式发布!2、百度架构师:从实现原理谈谈低代码我们在低代码领域探索了很多年,从2015 开始研发低代码前端渲染...

2022-11-21 09:00:54 16

原创 基于Sentry高效治理前端异常

一个前端项目上线后的各种指标监控是极其重要的,通过各种指标数据可以知道项目存在的问题及未来优化的方向,在各种维度监控中的异常监控是必不可少的,通过异常数据可以及时发现用户遇到的问题,而异常上报中的各种数据指标可以给解决问题提供参考及方向。文章内所有异常上报及异常分析都是基于异常处理开源平台 Sentry ,其他异常处理平台或自建平台可根据实际情况参考。本文主要分为以下几个部分:异常治理的重要性前期...

2022-11-16 09:00:19 181

原创 转转前端周刊第四十二期

本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、前端框架的趋势与实践大家好,我是来自蚂蚁集团的云谦。很高兴能有这个机会来和大家来分享,我今天的分享主题是「前端框架的趋势与实践」,是我这段时间对前端框架领域的理解,分趋势和实践两个...

2022-11-14 09:00:52 122

原创 转转前端周刊第四十一期

本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、尤雨溪:Turbopack真的比Vite快10倍吗?10 月 25 日,Vercel 推出了下一代打包工具:Turbopack,它是基于 Rust 的 Webpack 继任者,其文...

2022-11-07 09:00:42 31

原创 配置化表单FormRender初尝试

相信常常做中后台项目的同学都知道,中后台50%的场景和表单有关,并在可灵活配置要求很高,特别是搭建表单配置场景,如果能通过下发JSON配置来生成表单视图的方法,理论上可以提高开发效率。然而,我找到了一个非常好用的 表单 插件,就是通过下发JSON配置来生成表单视图的方法!!!!它就是 FormRender ,一站式中后台 表单解决方案它有什么优点?支持 Ant Design 和 Fusion De...

2022-11-03 09:00:03 211

原创 从前端视角看转转售后业务

入职转转一年多,大部分时间都在负责售后业务的前端开发,本文主要从前端视角,分享一下转转售后的业务和系统,本文目录如下从业务出发前端技术架构从业务到技术写在最后从业务出发作为电商公司,售后服务不仅仅是一个交易的结束,也是下一个交易的开始。做好售后服务,可以很好的提升用户体验和口碑,提高用户的满意度。转转售后项目主要有两部分:用户侧售后页面客服侧后台系统转转售后作为一个较为复杂的业务,主要包括从用户申...

2022-11-02 09:00:06 69

原创 转转前端周刊第四十期

本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、Webpack 创始人推出比 Webpack“快 700 倍”的 Turbopack,基于 Rust 编写10 月 26 日,Vercel 公司正式宣布推出新的打包工具 Turbo...

2022-10-31 09:00:08 19

原创 转转前端周刊第三十九期

本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、浅谈 WebVR 全景近年来VR概念越来越火,相信大家在网上都有过VR的浏览体验,比如VR全景看房[1]、VR全景看车[2]、VR全景旅游[3]等等,VR全景给了我们视觉上的沉浸式...

2022-10-24 09:00:36 42

原创 转转前端周刊第三十八期

本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、JavaScript Web 框架的“新浪潮”本文将带读者了解 Javascript 中生态系统中的最新进展,通过研究过去在构建大规模 Web 应用时的痛点来了解当前的情况。2、前...

2022-10-17 09:00:31 25

原创 转转前端周刊第三十七期

本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、Lath(纯前端容器)打造页面间的无缝平滑连接体验如果站在用户的视角那是他们距离信息最近的地方,无论前端在生产技术上如何演变,最终服务于信息表达的根本不会变。2、从useEffec...

2022-10-08 09:00:27 49

原创 数据驱动在转转客服工单系统中的应用

客服工单系统是客服解决用户实际问题、处理日常工作最常用的系统。为有效辅助客服的工作,系统需要及时提供用户、商品和订单等信息。同时,客服工单的创建、流转和处理,也需要各种类型表单的操作。所以基础信息的展示和交互、表单的展示和操作,对于客服工单系统至关重要。本文就为大家介绍,在转转客服工单系统中,我们是如何通过数据驱动的方式解决这类问题的。基础信息展示形式这里以工单详情为例,工单详情以模块的方式,提供...

2022-09-29 09:00:03 219

原创 转转前端周刊第三十六期

本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、Remesh 介绍:用以开发大型复杂 Web App 的 DDD 框架Remesh 是一个为开发大型复杂 Web App 服务的 DDD 框架。对 DDD 框架感到陌生的读者,可以...

2022-09-26 09:00:01 24

原创 追求极致性能的Qwik

背景: Builder.io的产品专注于电子商务,而电子商务热爱速度!感官上提升速度需要考虑的两个维度:FCP和TTIFCP(First Contentful Paint,首次内容绘制)当浏览器第一次渲染任何文字、图片,以及非空白的 canvas 或 SVG 的时间产物:SSRTTI(Time to Interactive,用户可交互时间)用于描述页面何时包含有用的内容,并且主线程何时空闲并且可以...

2022-09-23 09:00:55 889

原创 转转前端周刊第三十五期

本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、模拟实现跨平台方案原理之双线程架构方案模拟实现一个简易版本的跨平台的多线程方案, 利用 webworker 来模拟类似 quick-js / js-core 等js运行时(js引擎...

2022-09-19 09:00:35 534

原创 Umi4.0多页签设计

在平常的后台系统开发中,常常需要缓存一些之前打开的页面,方便操作,多页签就是用来管理页面的,如下图Umi4.0 版本发布到现在已经有一段时间,全新的框架当然需要学习一下新的特性和功能,由于 Umi4.0 使用了react-router6,所以路由有较大改动,多页签设计也需要重新调整。文章分为三部分设计思路遇到的问题扩展到自建路由一、设计思路之所以要设计多页签,是因为现有的框架路由只能单开,Vue ...

2022-09-16 09:00:09 427

原创 转转前端周刊第三十四期

本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、进入 WebXR 的世界随着元宇宙的兴起,VR和AR技术再次回到同学们的视野。2、尤雨溪解读 2022 Web 前端生态趋势三个前端领域的不同层次来展开了介绍:开发范式&底...

2022-09-13 09:00:37 19

原创 转转前端周刊第三十三期

转转前端周刊本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、如何冲破设计系统的界限为了跟上需求,设计系统需要不断发展。讽刺的是,设计系统的进化似乎有点像先有鸡还是先有蛋的问题。2、深入理解 Mocha 测试框架:从零实现一个 M...

2022-09-05 09:00:08 61

原创 初识SolidJs

介绍SolidJs 一个用于构建用户界面,简单高效、性能卓越的JavaScript库。性能-始终在UI速度和内存利用率基准测试中名列前茅强大-可组合的响应式原语与 JSX 的灵活性相结合。实用-合理且量身定制的 API 使开发变得有趣而简单。生产力-人体工程化设计和熟悉程度使得构建简单或复杂的东西变得轻而易举。专注于性能性能仅次于原生js一个简单的例子import{render}from...

2022-08-30 09:00:54 321

原创 转转前端周刊第三十二期

转转前端周刊本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、如何根治 Script Error?本文简要介绍了 Script Error 问题的来龙去脉,但也不局限于 Script Error,对于通用的系统性问题,应该找到系统...

2022-08-29 09:00:30 22

原创 待入门的SWC

前情提要1. rust 是什么一种编程语言,一度被赋予是c++/c语言的替代品支持函数式,面向对象编程2. 编译器的基本工作流程三个阶段:解析、转换、代码生成解析:将原始代码(字符) -> 词法分析 -> 令牌 -> 语法分析 -> 抽象语法树(AST)转换:处理抽象语法树(AST)-> 转换器 -> 新的语法树(AST)代码生成:将处理后的新的语法树(AST)...

2022-08-25 09:00:13 368

原创 Wait!建议你试一下Vite,真的很快!

在浏览器支持 ES 模块之前,JavaScript 并没有提供原生机制让开发者以模块化的方式进行开发。因此诞生了诸如 webpack、Rollup 和 Parcel 等工具来使我们得以获得更好的开发体验。然而,当我们开始构建越来越大型的应用时,基于 JavaScript 开发的工具就会开始遇到性能瓶颈:通常需要很长时间(甚至是几分钟!)才能启动开发服务器,即使使用模块热替换(HMR),文件修改后的...

2022-08-23 09:00:26 34

原创 转转前端周刊第三十一期

转转前端周刊本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、Vitest: 现代前端测试框架vitest 定位是个高性能的前端单元测试框架。2、详聊前端异常原理随着近年来前端监控体系建设日益完善,前端工程师对异常更加关注。业界关...

2022-08-22 09:00:34 116

原创 转转前端周刊第三十期

转转前端周刊本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、技术Leader如何创造业务价值?我们团队做过很多有趣的项目,比如库存调拨、包材推荐、自动补货、广告决策、福利决策、客服排班、智能运维等等。其中有成功的项目,每年为公司...

2022-08-15 09:00:38 27

原创 转转Hybrid离线包治理与优化实践

上一篇 《转转离线包设计实践》 提到了转转 h5 离线包,早在三年前转转已经有了 h5 离线包服务的工程化能力,并且服务于集团内部若干个线上项目,同时带来的收益也是显著的。什么是离线包离线包是将包括 HTML、JavaScript、CSS 等页面内静态资源打包到一个压缩包内。预先下载该离线包到本地,然后通过客户端打开,直接从本地加载离线资源,从而最大程度地摆脱网络环境对 ...

2022-08-09 09:00:57 132

原创 转转前端周刊第二十九期

本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、前端构建效率优化之路本文详细介绍整个我们项目,在随着项目体量不断增大的过程中,对整体的打包构建效率的优化之路。2、富媒体在客服IM消息通信中的秒发实践富媒...

2022-08-08 09:00:33 137

原创 转转前端周刊第二十八期

本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、尤雨溪主题演讲《2022 前端生态趋势》全记录7 月 22 日上午观看了 第二届稀土开发者大会 尤大关于 《2022 Web 前端生态趋势》 的主题分享记...

2022-08-01 09:00:29 23

原创 深入了解 vue-cli

转转内部脚手架的 Webpack 部分,是基于 @vue/cli 进行二次封装的。选择二次封装而不是自己搞一套 Webpack 配置,是为了减少维护的成本。比如最近新出的 Vue2.7 版本,如果自行维护 Webpack 配置,可能还要对 vue-loader 进行一些调整。遇到重难点问题,还需要去看 @vue/cli 的源码作为参考,重新实现一遍它里面的逻辑。在看任何开...

2022-07-27 09:00:49 236

原创 转转前端周刊第二十七期

本刊意在将整理业界精华文章给大家,期望大家一起打开视野如果你有发现一些精华文章想和更多人分享,可以点击我们的公众号名称,将文章链接和你的解读文案发给我们!我们会对内容进行筛选和审核,保留你的推荐人署名,分享给更多的人1、无代码生产新模式探索如何高效率规模化生产中后台页面,如何保障产品标准、质量及体验的一致性,如何提升开发效率是我们当务之急的命题。2、深入浅出富文本编辑器常...

2022-07-25 10:05:32 128

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除