Xaber

是指将单页应用（SPA）在服务器端渲染成 HTML 片段，发送到浏览器，然后交由浏览器为其绑定状态与事件，成为完全可交互页面的过程。（PS：本文中的 SSR 内容都是围绕同构应用来讲的） 更快的首屏加载速度：无需等待 JavaScript 完成下载且执行才显示内容，更快速地看到…

11 月 23 日，字节跳动技术沙龙 | Flutter 技术专场 在北京后山艺术空间圆满结束。我们邀请到字节跳动移动平台部 Flutter 架构师袁辉辉，Google Flutter 团队工程师 Justin McCandless，字节跳动移动平台部 Flutter 资深工程…

Performance Timeline是W3C性能小组提出的一个规范，定义了让开发者在应用整个生命周期内收集各种性能指标的接口。 值得注意的是，在Node.js里同样遵循W3C的Performance Timeline规范，实现了 Performance Hooks 接口。P…

这是个还在草案中的API，不过大部分浏览器均已实现（除了IE）。先看下MDN中的介绍： 当页面滚动时，懒加载图片或其他内容。 实现“可无限滚动”网站，也就是当用户滚动网页时直接加载更多内容，无需翻页。 滚动到相应区域来执行相应动画或其他任务。 一直以来，检测元素的可视状态或者两…

Web Worker (工作线程) 是 HTML5 中提出的概念，分为两种类型，专用线程（Dedicated Web Worker） 和共享线程（Shared Web Worker）。专用线程仅能被创建它的脚本所使用（一个专用线程对应一个主线程），而共享线程能够在不同的脚本中使…

Service workers是Progressive Web Apps的核心部分，允许缓存资源和Web推送通知等，以创建良好的离线体验。它们充当Web应用程序，浏览器和网络之间的代理，允许开发人员拦截和缓存网络请求，并基于网络的可用性采取适当的操作。 一个service wo…

请注意：该特性已经从Web标准中删除，本文只是作为了解所用Manifest是H5提供的一种应用缓存机制,基于它web应用可以实现离线访问(offlinecache)浏览器还提供了应用缓存的API：ap

JSON Web Token 是 rfc7519 出的一份标准，使用 JSON 来传递数据，用于判定用户是否登录状态。 jwt 之前，使用 session 来做用户认证。 传统登录的方式是使用 session + token。 token 是指在客户端使用 token 作为用户…

在大多数的web页面中，图片占到了页面大小的60%-70%。因此在web开发中，不同的场景使用合适的图片格式对web页面的性能和体验是很重要的。图片格式种类非常多，本文仅针对几种web应用中常用的图片格式：gif、png、jpg、webp进行一个基本的总结。 无压缩。无压缩的图…