前端学堂
学有所用

前端学堂的文章

打造企业级私有前端监控体系
前端教程

打造企业级私有前端监控体系

前端学堂阅读(443)

云课堂:在线视频教程 (附参考代码) segment课堂:在线教程 已经有很多监控平台了,前端监控的性能体验指标和技术方案也都比较标准化了。我这里只是想分享下不一样的地方。 需求 所以对于前端监控系统,首先需要支持私有化部署,因为公司一般都...

font-face需要知道的一切
HTML5|CSS3

font-face需要知道的一切

前端学堂阅读(366)

字体是实现良好的设计、品牌推广、可读性和无障碍功能的基础。 网页字体可实现所有上述目标以及其他目标:文本可选取、可搜索、可缩放并支持高 DPI,无论屏幕尺寸和分辨率如何,均可提供一致并且锐利的文本渲染。 网页字体是实现良好的设计、用户体验和...

关于chrome请求stalled的时间
旁门左道

关于chrome请求stalled的时间

前端学堂阅读(287)

最近同学反馈说页面请求偶尔很慢,打开浏览器查看加载静态资源时候stalled占用了很长时间,但是只有他的电脑是这样,我这边有stalled时间,但是没有这么长: stalled是什么 什么是stalled呢?下面是一段比较容易懂的解释: T...

旁门左道

rsync基本用法和示例

前端学堂阅读(195)

rsync官方网站: https://www.samba.org/ftp/rsync/rsync.html rsync是可以实现增量备份的工具。配合任务计划,rsync能实现定时或间隔同步,配合inotify或sersync,可以实现触发式...

preload和prefetch优化
HTML5|CSS3

preload和prefetch优化

前端学堂阅读(370)

衡量网站的性能的指标有很多,其中有项重要的指标就是网站的首屏时间,为此前端工程师们都是绞尽脑汁想尽办法进行优化自己的应用,诸如像服务端渲染,懒加载,CDN 加速,ServiceWorker 等等方法,今天介绍的 preload/prefet...

分布式调用链跟踪系统
旁门左道

分布式调用链跟踪系统

前端学堂阅读(377)

分布式调用链跟踪系统通常有几个设计目标 低侵入性 — 作为非业务组件,应当尽可能少侵入或者无侵入其他业务系统,对于使用方透明,减少开发人员的负担; 灵活的应用策略 — 可以(最好随时)决定所收集数据的范围和粒度; 时...

JavaScript|Node

回顾前端2019

前端学堂阅读(292)

标准进行时 ECMAScript 2019 如期到来 ECMAScript 2019 年包含这些更新: Array.prototype.flat、Array.prototype.flatMap; String.prototype.trimS...

自动草稿
HTML5|CSS3

LCP、TBT与CLS指标

前端学堂阅读(675)

FP (First Paint) 首次绘制 FP (First Paint) 首次绘制: 标记浏览器渲染任何在视觉上不同于导航前屏幕内容之内容的时间点. FCP (First Contentful Paint) 首次内容绘制 FCP (Fi...