前端学堂
学有所用

前端学堂的文章

font-face需要知道的一切-前端学堂
HTML5|CSS3

font-face需要知道的一切

前端学堂阅读(4)

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

关于chrome请求stalled的时间-前端学堂
旁门左道

关于chrome请求stalled的时间

前端学堂阅读(22)

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

旁门左道

rsync基本用法和示例

前端学堂阅读(17)

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

preload和prefetch优化-前端学堂
HTML5|CSS3

preload和prefetch优化

前端学堂阅读(46)

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

分布式调用链跟踪系统-前端学堂
旁门左道

分布式调用链跟踪系统

前端学堂阅读(48)

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

JavaScript|Node

回顾前端2019

前端学堂阅读(51)

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

LCP、TBT与CLS指标-前端学堂
HTML5|CSS3

LCP、TBT与CLS指标

前端学堂阅读(67)

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

JavaScript|Node

基于typescript开发一个npm包

前端学堂阅读(51)

很多时候,我们可能想要用 typescript 语言来创建一些模块,并提交到 npm 供别人使用, 那么在 2018 年,如果我想要初始化这样的一个模块,我需要做哪些步骤呢?: 答案是:创建一个优雅的,对开发者友好的模块,至少需要以下 15...