前端资讯周报 3.13 - 3.19: WebVR来了!以及如何优化scroll事件性能

时间:2021-12-15 01:31:38

每周一我都会分享上一周我订阅的技术站点中,和解决问题的过程中阅读到的值得分享的文章。这是迫使我学习的一个动力

本周推荐

Minecraft in WebVR with HTML Using A-Frame

这篇文章教你如何通过一个 WebVR 框架 A-Frame 来开发一个 VR 应用(既支持高端的Oculus Rift,也支低端的Google Board纸盒)。可惜我什么没有VR设备,看不到实际的效果

Scrolling on the web: A primer

还记得被scroll事件支配的恐惧吗?——scroll事件是公认的引起性能下降的陷阱。这篇文章介绍了目前现代浏览器为优化scroll事件所做出的一些改进。同时也从代码的角度给出了一些避免影响性能的添加scroll事件相关代码的一些方案

常规技巧

State of Responsive Images 2017

响应式图片的现状,还是老样子:支持的浏览器肯定是在逐渐增多;但是不同浏览器对于不同属性的支持是不同;不同浏览器对于同一种属性的实现也可能不同

Measuring Image Widths in JavaScript (Carefully!)

这篇文章本身的价值不大。引起我兴趣的是,他介绍了一个前端库 imagesloaded ,用于判断某个DOM内的图片是否已经加载完成。 同时在评论中他不赞成使用 getComputedStyle 和 getBoundingClientRect 方法来获取尺寸。于是我非常有兴趣想了解 imagesload 这个类库中是如何实现的,如果有谁已经有了成果可以留言告诉大家

Forbes rebuilt its new mobile website as a Progressive Web App

福布斯杂志新的移动页面使用了Progressive Web App技术,有一些数据非常可观:

  • 据说在0.8秒内就能加载完毕,之前的网站需要3到12秒的时间
  • 用户访问新站点的平均时间(session duration)翻倍了,新增了20%的曝光(impressions)

我已经决定在我的下一个项目中使用 PWA 了!

10 React mini-patterns

这是作者自己的在开发React过程中总结的10条设计模式。实话实说,看完之后我并没有什么感触——因为我开发React的时间不多,但是希望对大家有帮助

Linting HTML using CSS

手工编写HTML代码难免会犯一些错误,例如忘记添加了 charset,lang属性,viewport标签没有编写正确等等。然而这些错误仅仅用CSS就能检测出来。不信的话看这篇文章吧。

Why WebAssembly is Faster Than asm.js

最佳Mozilla在狂推 WebAssembly,这篇文章把 WebAssembly 与 asm.js 进行了比较。 asm.js 则声称是另一类更底层的javascript子集,提供更好的性能。两者都想必是未来的Javascript趋势,有机会做一个专题

Animated Grainy Texture

DayTrip 网站的标题部分展现了一种微妙闪烁的动画效果,这实际上的是通过伪元素的图片覆盖与简单的帧动画实现的。又需要的通过可以拿去(不过我觉得这么微妙的动画很难看出来,收益率不大啊)

How To Develop An Interactive Command Line Application Using Node.js

你一定使用过Gulp,Grunt,或者是 Yeoman。不知道你有没有惊叹于这些工具附带的CLI能够精准的识别命令行指令,以及能够根据指令下载文件,生成本地文件等功能。这篇文章就告诉你如果做命令行应用。

新人入门

Quick Tip: How JavaScript References Work

关于Javascript引用类型如何使用的文章,短小精悍,图文并茂,适合入门

Golden Guidelines for Writing Clean CSS

如何规范的书写和设计样式代码,先给新人

讲讲道理

How to launch software changes without pissing people off

我们每个人都是互联网产品的使用者,相信我们大多数人都被一些产品毫无征兆的改版惹怒过——改版过后你再也找不到你常用的功能了。这篇文章给出了一些改版过程中的建议,正如标题所说,如何在不惹怒用户的情况下开始改版

Don't accelerate your startup

这篇文章和上一篇文章都来自Basecamp团队37signals。这一篇文章和他们所写的书《重来》的风格类似,关于不要放弃创业,不要只追逐金钱,有点鸡汤有点热血。最重要的是还有点道理

The Beauty Of Imperfection In Interface Design

UX设计师们在设计UI时总是会陷入误区:即仅仅追求视觉上的舒畅和优美(就像你在Dribbble上看到的那些),而忽略了实际产品的需求。实际的产品需求包括业务流程,包括用户交互和行为习惯,包括各种意外的情况,还需要考虑用户的使用场景和设备。这篇文章就是告诉你应该如何跳出“视觉美”的这个怪圈,做正确的设计