CSS是一门几十分钟就能入门,但是却需要很长的时间才能掌握好的语言。它有着它自身的一些复杂性与局限性。其中非常重要的一点就是,本身不具备真正的模块化能力。💅styled-components 就是一种实现 CSS 模块化的 CSS in JS 方案。

阅读更多>>

CSS是一门几十分钟就能入门,但是却需要很长的时间才能掌握好的语言。它有着它自身的一些复杂性与局限性。其中非常重要的一点就是,本身不具备真正的模块化能力。

这一篇文章主要介绍了,如何在webpack中使用一种类似“CSS模块化”的解决方案———Local Scope,来规避一些开发中的问题。

阅读更多>>

CSS是一门几十分钟就能入门,但是却需要很长的时间才能掌握好的语言。它有着它自身的一些复杂性与局限性。其中非常重要的一点就是,本身不具备真正的模块化能力。

本篇会讲解BEM方法论,并将其与CSS命名空间结合。

阅读更多>>

“服务器推”技术由来已久,从最初的简单轮询,到后来基于长轮询的 COMET,到HTML5规范的 SSE,以及实现全双工的 WebSocket 协议,“服务器推”的技术不断发展。本文会介绍这些技术的基本原理以及实现方式,来帮助大家迅速了解与掌握“服务器推”各类技术的基本原理。demo 地址

阅读更多>>

在前八篇文章中,我已经介绍了一些 PWA 中的常见技术与使用方式。虽然我们已经学习了很多相关知识,但是,还是有很多问题在实践时才会暴露出来。这篇文章是一篇 TroubleShooting,总结了我近期在PWA实践过程中遇到了一些问题,以及这些问题的解决方案。希望能帮助一些遇到类似问题的朋友。

阅读更多>>

普通的页面发起的请求会随着浏览器进程的结束/或者Tab页面的关闭而终止;无网环境下,没有一种机制能“维持”住该请求,以待有网情况下再进行请求。然而,Service Worker的后台同步功能规避了这些缺陷。

文中的代码可以在learning-pwa的sync分支上找到(git clone后注意切换到sync分支)。

阅读更多>>

TL;DR

  • 可以考虑基于HTTP Cache来定义打包维度,将Cache周期相同的script尽量打包在一起,最大限度利用Cache;
  • 合并零散的小脚本,避免触发浏览器并发请求限制后,资源请求串行,TTFB叠加等待时间;
  • 注意打包后的资源依赖与资源引入顺序。

阅读更多>>

使用MongoDB,可以以单机模式提供服务。但在实际的生产环境中,单机模式将面临很大的风险,一旦单点数据库服务出现故障,就会导致服务调用出现错误甚至崩溃。因此,在实际生产环境下,需要对MongoDB做相应的主备处理,提高数据库服务的可用性。

阅读更多>>

前几篇文章介绍了PWA中的一些功能与背后的技术。工欲善其事,必先利其器。这一篇会介绍如何调试我们的PWA。

阅读更多>>

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×