这里记录每周值得分享的科技内容,周五发布。 本杂志开源,欢迎投稿。另有《谁在招人》服务,发布程序员招聘信息。合作请邮件联系(yifeng.ruan@gmail.com)。 封面图 去年11月,90岁...
...
提到网页得分,相信很多做过性能的前端同学,也都有用过 Lighthouse 的性能评分。 而在更复杂的业务场景下,类似 Lighthouse 这样的工具只能提供打开相关的性能数据。对于重度使用的前端网...
1、 假期前最后一天(9月30日),热闹非凡。 上午,Anthropic 公司发布了 Claude Sonnet 4.5 模型。 下午,智谱公司发布了 GLM 4.6 模型。 我觉得,对于程序员,这...
这里记录每周值得分享的科技内容,周五发布。([通知] 下周十一假期,周刊休息。) 本杂志开源,欢迎投稿。另有《谁在招人》服务,发布程序员招聘信息。合作请邮件联系(yifeng.ruan@gmail.c...
上一篇《前端基础补齐–有关 JavaScript 代码执行》我给大家介绍了 JavaScript 代码的运行过程。如果说运行过程中的语法分析阶段、编译阶段和执行阶段属于微观层面的运行逻辑,那么本文将了...
上一篇《前端基础补齐–有关 JavaScript 继承》我们介绍了 JavaScript 的原型和继承,JavaScript 作为基于对象的编程语言,原型和继承是它的一大特点,理解 JavaScrip...
我们都知道,前端页面中HTML用于描述页面结构,CSS用于装饰页面样式,这两者结合得到一个暂时还没办法和用户交互的静态页面。为了使得页面能接收用户的输入,然后进行相应的反馈,我们需要用到JavaScr...
前面我们在《复杂渲染引擎架构与设计–6.增量计算》一文中介绍了滚动过程中的增量渲染方案,通过减少渲染计算量或绘制量的方式,来提升页面滚动的流畅度。 除此之外,当滚动距离较远时,增量渲染并不能达到预期的...
前面我们在《复杂渲染引擎架构与设计–5.分片计算》一文中介绍了分片计算,即将需要计算的内容进行拆分,拆分成约每 50 ms 一个的任务。 在这个方案中,我们维护了一个待计算区域,将页面中所有未完成的计...
随着互联网的迅速发展,现在我们前端应用能做的事情也越来越多了。随之而来的便是复杂和大数据内容的网页渲染,因此很多时候我们为了尽快给用户看到网页内容,会将页面加载拆分成首屏和其他内容。 当首屏内容渲染完...
...
...
之前分享过不少关于前端卡顿检测的内容,实际上在前端应用里,FPS 也是我们常用的一个页面流畅度的指标。 除了前面介绍的卡顿检测之外,我们还可以使用 FPS 来辅助定义用户体验。 前端页面 FPS 我们...
# 或许你在做性能优化的时候有听说过——尽量避免使用delete,但是为什么呢? 这涉及到 v8 引擎的几个概念:快属性(fast properties)、隐藏类(hidden Classes)、内...
...
...

今天也是来介绍一种性能优化的具体方式,使用二进制存储特定数据,来降低内存占用、后台存储和传输成本。 二进制数据设计 当我们需要描述某种数据的许多状态时,可以考虑使用二进制的方式优化。 简单来说,就是使...
...
大多数情况下,前端很少遇到性能瓶颈。但如果在大型前端项目、数据量百万千万的场景下,有时候一些毫不起眼的代码习惯也可能会带来性能问题。 今天来简单介绍几种,大家在写代码的时候也可以注意。 代码细节与性能...
之前讲到性能优化,大多数介绍的都是耗时上的一些优化,比如页面打开更快、用户交互响应更快等。不过,在最开始的《前端性能优化–归纳篇》一文中有说过,前端性能优化可以从两个角度来衡量:时间和空间,今天介绍的...

身为一名程序员,我们经常会调侃自己每天的工作就是在屎山上拉屎。这里的屎山还有一个更好的名称,叫做技术债务。 技术债务是怎么产生的 我参加过许多不同的项目,而基本上每个项目都会存在或多或少的历史债务。实...
我们在上一篇《前端性能优化–卡顿心跳检测》一文中介绍过基于requestAnimationFrame的卡顿的检测方案实现,这一篇文章我们将会介绍基于该心跳检测方案,要怎么实现链路追踪,来找到产生卡顿的...
之前在给大家介绍性能相关内容的时候,经常说要给大家讲一些更具体的案例,而不是大的解决方案。 这不,最近刚查到一个数组的性能问题,来给大家分享一下~ 数组解构的性能问题 ES6 的出现,让前端开发小伙伴...
...
对于一个前端应用,最理想的性能便是任何用户的交互都不会被阻塞、且能及时得到响应。 显然,当我们应用程序里需要处理一些大任务计算的时候,这个理想状态是难以达到的。不过,努力去接近也是我们可以尽量去做好的...
听说程序员里存在一个鄙视链,而前端则在鄙视链的最底端。这是因为以前大多数的前端工作内容都相对简单(或许现在也是如此),在大多数人的眼中,前端只需要写写 HTML 和 CSS,编写页面样式便完成了。 如...
对于重前端计算的网页来说,性能问题天天都冒出来,而操作卡顿可能会直接劝退用户。 前面我们在《前端性能优化–卡顿的监控和定位》一文中介绍过一些卡顿的检测方案,这里我们来讲一下具体的代码实现逻辑好了。 ...
前面跟大家介绍过前端性能卡顿的检测和监控,其中提到了requestAnimationFrame心跳检测等方式来检测代码执行耗时,从而判断是否存在卡顿。 而实际上我们观察一些用户反馈,会发现这样检测的效...
...

虽然之前有跟大家分享过不少卡顿相关的内容,实际上网页里卡顿的产生基本上都是由于长任务导致的。当然,能阻塞用户操作的,我们说的便是主线程上的长任务。 浏览器中的长任务可能是 JavaScript 的编译...

...

...
...
...
...
那是个美妙的晚上,老师通知我们前往。 先是不放,后却松绑,最后琴理将要下场。 前排同学异常感伤,后排却开始鼓掌。 学校让我们放弃抵抗,三天之内将我们埋葬。 回忆琴理的日常,我们在这一起生长。 从掌上沈...
这是王山而同志在琴理工作室第一届全体会议上的发言。 各位琴理工作室的同学们,大家期盼的会议现在开始了。 我们的会议包括一百多名学生,拥有全校各学院、各专业的顶尖人才。这就说明,我们的会议是一个团结的会...
...
午时 奴才总不过是寻人诉苦。只要这样,也只能这样。 起身,拉开遮光帘,瞄了眼床下,室友都在床上刷手机。 翻个身又躺了会儿,接着就起床去工作室写了一天代码。 待晚上回去时,宿舍剩下的三人买了些啤酒花生,...
大概思考了一下,所有行动必须要有一个纲领。做这些事情,肯定不是为了让这个国家动乱,是想要让国家更好。所以要列出诉求,不能像 xx (懂得都懂) 事件一样,很多学生的想法都不同,到底是要计划经济,还是要...
致全体沈理学子的一封信 “中华人民共和国公民的人身自由不受侵犯。任何公民,非经人民检察院批准或者决定或者人民法院决定,并由公安机关执行,不受逮捕。禁止非法拘禁和以其他方法非法剥夺或者限制公民的人身自由...
一个建议书模板,给大家参考。 尊敬的校领导: 您好!我是一名沈理学生,每日体温填报对学校了解学生健康情况有一定帮助,对疫情防控有一定作用。本人在暑假期间每日准时填报体温,在此过程中发现一些问题值得改善...
...



