全新 JavaScript 框架 Qwik:以独特的可恢复性方式提速网页应用

AngularJS 的创造者Misko Hevery近期宣布了新网络框架Qwik测试版本的推出,声称无论应用程序有多大,Qwik 都能够快速地构建。在多数情况下,Qwik 会先下载 1KB 的 JavaScript,在需要的时候才会懒加载或预处理程序和应用程序代码。

在一次名为《如何从主线程中移除99%的JavaScript》的演讲中,Hevery 介绍了 Qwik 背后的原理。

    

Nginx 黑魔法:使用 NGX-PHP 模块低成本实现高性能应用

本篇文章分享一个和 Nginx 以及 PHP 有关的“黑魔法”:NGX-PHP 模块。通过这个方式,我们可以低成本的实现高性能应用,以及适合在服务器资源有限的情况下,同时体验到 Nginx 的高效以及 PHP 的灵活。

如果你对 PHP 的印象还停留在“慢”,那么或许这篇文章可以帮助你打开新世界。…

    

最小化 Node.js 中的堆分配-有关Node.js中的内存泄漏

内存管理一直是计算机科学中备受关注的问题。每个软件都分配了计算机有限内存的一小部分;必须妥善管理此内存(仔细分配和释放)。

凭借其高效的自动垃圾回收机制,Node.js 试图处理繁琐的内存管理任务,并让开发人员腾出时间来处理其他任务。虽然这很好,但了解 V8 和 Node.js 中的内存管理机制仍然很重要,尤其是在处理大型应用程序时。

本文解释了如何在堆中分配和释放内存。我们还将提供指南来帮助您最大限度地减少堆分配并防止 Node.js 中的内存泄漏。

制作小于 1kB 的网站

2022-08-02

我最近推出了(另一个)名为1kB 俱乐部的网站俱乐部。与1MB Club不同,大多数现代网站都不太容易成为正式会员。构建一个实际提供有用内容的网站,同时将其页面大小压缩到 1,024 字节以下并非易事。

但这是可能的。而且是我自己做的!

注意:非常感谢Tanner,他用自己的最小网站激发了整个“运动”。(他也有一些非常棒的创作/文章!)

HTML

作为参考,您可以在此处查看我的“迷你”网站:cv.tdarb.org。它非常小,仅作为个人履历。它还只有920 字节,并且是有效的 HTML。

让我们看一下完整的 HTML,然后从那里分解:

<!DOCTYPE html><link rel="icon" href="data:,"><meta name="viewport" content="width=device-width,initial-scale=1.0"><title>CV</title><p>Hi, I'm <a href="t">Brad Taunt</a>! I'm a UX designer.<p>Email: 

UnifiedPush:一种去中心化的开源推送通知协议

现代 Android 智能手机依赖于大量服务,从应用商店和日历到消息传递和推送通知。他们中的大多数都有开放的替代方案,但直到现在,推送通知的唯一选择是 Google 的专有服务,Firebase Cloud Messaging (FCM)。 UnifiedPush 是一种新的替代方案,它允许您在不依赖于单个公司的情况下获得推送通知

推送通知对于现代移动体验至关重要,因为它们允许应用与用户实时通信,即使未在主动使用时。依赖 Google 提供的推送通知导致了对隐私和独立性的担忧。专有的 FCM 库不能包含在 F-Droid 应用中,并且依赖于 Google 服务。因此,通常会看到 FOSS 应用采用应用和服务器之间的持久直接连接作为替代方案。…

立即尝试 CSS 嵌套

早在去年 12 月,我们就写了一篇文章,详细介绍了 CSS 嵌套的三种不同选择。在其中,我们解释了选项 3、选项 4 和选项 5 之间的区别,并通过一系列示例演示了每个选项的工作原理。然后我们问了一个简单的问题:“哪个选项最适合 CSS 的未来?”

Web 开发人员非常清楚地回应了民意调查。选项 3 以压倒性优势获胜。

所以现在,Safari 和 Chrome 都实现了选项 3。两周前,也就是 1 月 25 日,CSS NestingSafari Technology Preview 162中默认启用。如果您有 Mac,只需下载并打开

如何在 url 中存储应用程序的整个状态

2023年1月

我正在开发一个在浏览器中运行的流程图编辑器,我想要一种方法让人们无需登录或在我们的服务器上存储任何数据即可使用它。我想让他们控制自己的数据,并能够将其存储在本地以便稍后打开和编辑。并且还可以轻松地与其他人分享。通过支持文件上传/下载很容易做到这一点,但我想要更简单的东西,比如通过发送 url 进行共享的能力。我也不想在后端存储任何东西(至少对于免费层)。

-webkit-text-size-adjust的用法

-webkit-text-size-adjust的用法如下:
1、之前可以设置一个百分比然后可以在网页上(pc)显示小于12px的字体,但后来谷歌新版本已经不支持这个属性了。如果还想实现小于12px的字体,要用-webkit-transform:scale(0.8)
2、在移动设备上如手机和平板横屏会导致字体变大,-webkit-text-size-adjust: 100%可以禁止字体变化。
3、-webkit-text-size-adjust放在body上会导致页面缩放失效
4、body会继承定义在html的样式
5、用-webkit-text-size-adjust不要定义成可继承的或全局的