字节前端 ByteFE

其他

数据大屏实现揭秘——以火山引擎数据大屏产品为例

点击上方关注技术干货不迷路引言在大屏产品中,可视化扮演着信息展示和传达、用户体验和互动、数据分析和决策支持、品牌展示和差异化、故事叙述和信息呈现等至关重要的角色。作为可视化图表的重要载体之一,大屏与智能
2023年11月29日
其他

在 React 开发中如何快速定位组件源码

_debugSource属性实现。无该属性则无法打开定位;针对一些特殊写法定位不准确,在组件内直接返回另一个组件的的编写方式下情况更明显;方案三:react-dev-inspector
2023年11月20日
其他

基于大模型 + 知识库的 Code Review 实践

底层技术的发展,驱动围绕不同内容类型(模态)和垂直领域的应用加速涌现。LLaMAMeta(Facebook)的大型多模态语言模型。ChatGLMChatGLM
2023年10月11日
其他

Chrome 浏览器运行原理你了解多少?

会以非线性结构无序保存属性,被称为慢属性。对象是一系列键值对的集合,通常是以字典的形式进行存储的。但字典是非线性的数据结构,查询效率会低于线性数据结构。考虑到绝大多数对象的可枚举属性比较有限,因此
2023年7月26日
其他

WebGL大场景性能优化

们之间的不同就是顶点数据的差别。如果使用不同材质,但要使用批处理,也可以将这些纹理合并到同一张大纹理称为图集,再使用不同的采样坐标对纹理采样即可。如果需要微小的不同,使用顶点颜色数据来储存。批处理是
2023年7月17日
其他

WebAssembly 模块化与动态链接

核心模块,定义一种可独立编译构建的可移植的、加载和运行时高效的二进制格式组件,以实现可移植的跨语言组合。支持可移植的、可虚拟化的(动态链接和多态)、可静态分析的、与语言无关的接口的定义。保持并增强
2023年6月2日
其他

Hook 革命!浅谈 React 新 Hook 的未来与思想

将接受被称为“usable”的类型作为入参。具体来说,什么是“usable”尚无明确定义,似乎还需要进行更多的思考和讨论。然而,可以确定的是,第一个官方实现的“usable”数据结构是
2023年5月24日
其他

可在控制流中调用!React 新 hook 尝鲜

use。第一步和第二步没有必要放在一起调用,可以把第一步放到状态管理库里,也可以把第二步放到控制流里。当提前调用第一步,而需要展示的时候再调用第二步的时候,就是“提前请求”,React
2023年3月20日
其他

带你看看前端生态圈的技术趋势

Native。构建工具满意度:使用率:从满意度来看,和去年差不多,新一代构建工具vite再次登上了满意度的榜首,esbuild紧随其后。从使用率来看,webpack仍然处于最领先的地位,使用率高达
2023年3月15日
其他

技术周报·The ECMAScript 2023 Language Specification

启动过程中会涉及到各种与系统环境、用户配置和扩展安装有关的因素,深入研究这些方面可以让我们更好地优化应用程序的性能和用户体验。「长按识别二维码查看原文」
2023年3月5日
其他

通过 React Router V6 源码,掌握前端路由

的封装,部分实现细节也是值得借鉴。阅读源码可能确实比较枯燥,但是如果能够潜心阅读,仔细推敲每一个让你疑惑的问题点,并学习其精妙的设计与实现,相信能够对我们的编码技能有一定的促进作用。点击上方关注
2023年2月27日
其他

性能优化经验分享

Paint),用于记录视窗内最大的元素绘制的时间,该时间会随着页面渲染变化而变化,因为页面中的最大元素在渲染过程中可能会发生改变,另外该指标会在用户第一次交互后停止记录。指标变化如下图:TTI介绍
2023年2月6日
其他

PWA 技术在游戏落地中的探索

游戏的话,网页游戏是否可以迎来市场收入的增长呢?这里说下个人的真实案例,我之前通过短视频软件广告玩过好几款手游,都是先通过短视频软件宣传说是无需下载,微信小程序直接就可以玩,本人其实很讨厌下载各种
2023年2月1日
自由知乎 自由微博
其他

rescript 学习笔记

stage2。管道运算符能相对优雅地解决函数嵌套调用的情况,避免validateAge(getAge(parseData(person)))类似的代码,rescript
2023年1月30日
其他

技术周报·State of JS 2022 发布

开发生态系统中即将出现的趋势,以帮助开发人员做出技术选择。因此,该调查的重点是预测未来几年会发生什么,而不是分析现在流行什么,这就是为什么并不包括目前最普遍的功能或技术。「长按识别二维码查看原文」
2023年1月16日
其他

主流时间库横向对比

day.js。但需要从目标目录导入所需的工具函数,上手难度大。在引入了多种工具函数或涉及解析时间字符串时,还会导致包体积过大。推荐存在轻度需求时使用。点击上方关注我们下期再见
2023年1月9日
其他

JS 实现网络测速

后取五次测量结果的最大最小值求差,可以看出网络的波动情况,差值越小代表网络越稳定;bandwidth:带宽,用来描述理论上单位时间内网络传输数据的最高速率,它只是一个理论上的最大值。通常我们所说的
2023年1月4日
其他

都“2220”年了,Web前端测试就别“卷”了

测试失败时,调试问题或定位问题通常很困难。因为无法直接定位到具体的代码片段问题,仍需要人工复现逐步排查,但又因为其不可靠也许根本无法复现。发现错误的过程较晚;不像单测可以在开发阶段就能执行,由于运行
2022年6月20日
其他

前端视角解读 Why Rust

是动态的,它们的生命周期是不一致的。当出现多个参数的时候,它们的生命周期不一致,返回的值的生命周期自然也不好确定,所以这个时候,我们需要进行生命周期标注,告诉编译器这些引用间生命周期的约束。Rust
2022年5月9日
其他

浅谈文档的实时协同编辑

本文针对生活中常见的协同编辑场景,介绍了几种业内常见的解决方案及其原理,适合对协同编辑算法零基础的同学进行科普性的学习。通过阅读本文,你可以了解到:协同编辑的场景定义及分类协同编辑的数据模型协同编辑的解决方案和实践引言现代办公场景中,人与人之间的协作变得越来越频繁而重要,我们经常碰到多个人需要对同一份文档作出修改,使之融合多人工作成果的场景,这种行为称之为协同编辑(collaborative
2022年4月25日
其他

技术周报·2022年的React生态

https://lang-team.rust-lang.org/roadmaps/roadmap-2024.html
2022年4月15日
其他

免费学后端,第三届字节跳动青训营·后端专场报名啦!

关注「字节跳动青训营」公众号解锁更多青训营信息
2022年4月6日
其他

技术周报·The State of JS 2021

https://javascript.plainenglish.io/why-do-we-use-javascript-bundlers-e8935dc362c3
2022年2月25日
其他

ReolAudio - 基于分帧的 Web 音频工程解决方案

的编译实现。据我当时得到的信息,用它做剪辑存在体积重、兼容性差、内存占用高、耗时长等缺陷,甚至有可能导致浏览器崩溃,非常影响用户体验。尽管这些问题很可能是由不正确的使用方式或参数设定导致的,但基于
2022年2月21日
其他

技术周报·张鑫旭12年技术写作经验分享

https://blog.appsignal.com/2022/02/09/an-introduction-to-deno-is-it-better-than-nodejs.html
2022年2月18日
其他

Web Infra 大咖面对面:聊聊前端的未来 & Vercel

提交问题:https://wenjuan.feishu.cn/m/cfm?t=s71L65Y8o0zi-s81rTip:
2022年2月14日
其他

技术周报·来自未来,2022年的前端人都在做什么

的特点:「「对于处在不同层中的样式,无视样式本身的权重,后声明的层中的样式优先级更高,不在层中的样式优先级最高」」。「长按识别二维码查看原文」
2022年2月11日
其他

来自未来,2022 年的前端人都在做什么?

模型体积较大,初次资源加载耗时长之类的问题也能够得到一些缓解。前端人在这块能够做些什么?从技术上来讲,需要我们通过机器学习算法,实时的将虚拟图像覆盖到用户屏幕,并且和真实世界中的位置进行对齐,结合
2022年2月9日
其他

技术周报·为什么说 WebAssembly 是 Web 的未来

https://blog.testdouble.com/posts/2022-01-20-stop-paying-debts-start-maintaining-code/
2022年1月28日
其他

关于Web Component

元素(指原生的元素)。而最大的区别是在于使用上,自主定制元素其实就是一个完整的自定义组件,可以让我们在不依赖任何框架的前提下实现组件化。而自定义内置组件,可以理解为是对所继承的原生元素的改造(如上述
2021年11月4日
其他

现代 Web 开发困局

请求将数据传给后端。这样做没问题,但它会阻扰我们理解问题。使用"面向绑定"的方式理解这个问题的时候,这个问题其实变得很简单,我们将后端的个人信息数据与组件内部的状态做绑定,当用户点击提交前,绑定处于
2021年11月2日
其他

深入浅出 Performance 工具 & API

面板:从宏观层面概括了浏览器加载的总时间,主要记录了各个阶段的名称、占用时间、颜色信息。这里一般来说,需要着重关注的有两个:一是黄色的区域,代表脚本执行时间,另一个是紫色的渲染时间。颜色:蓝色
2021年9月30日
其他

JavaScript 变量命名

有很多近意动词,选一个一直用,不要变来变去getQuestionreturnUsersretrieveUsers函数或方法名尽量采用动词或判断性词汇
2021年6月24日