找到Web

Web前端开发 | 上海合合信息科技股份有限公司

专注于w3c标准，近期主要关于Angular

赞

39

|

搜索文章

赞

文章( 39 ) 沸点( 0 )

TypeScript 条件类型的 infer 类型推断能力

类型推断 infer 是作为 extends 条件类型的子语句使用，同时在 TS2.8 推出。（如果你不熟悉 extends 条件类型可以查看之前分享的 TypeScript 的 extends 条件类型）上面的 infer U 语句就是声明一个类型变量 U（它可以是任意字母…

nachao
5年前
7.8k
52
12

TypeScript 条件类型的 infer 类型推断能力

离线WebApp之序章

离线WebApp，顾名思义，即使断网也能够正常使用的网页，会有点难以想象，可以亲自体验一下：https://geek4.wuchen.org ，打开过一次之后（iOS的webview暂不支持离线，需要使用safari打开），再次打开不需要网络，使用上也不会有阻碍。上述网站只是一…

找到Web
5年前
696
1
评论

CSS 优化策略之延迟加载非关键CSS

本文将介绍如何同步加载关键样式，而其他样式则以非阻塞方式加载。在分析结果中，浏览器需要等待所有CSS加载并得到处理，然后才能在屏幕上绘制一个像素。你可以通过 FCP(First Contentful Paint) 的时间来判断你的性能，FCP表示从开始导航到浏览器呈现第一段…

找到Web
5年前
2.6k
1
评论

CSS 高效优化策略之编写风格

一般谈论到效率、性能问题，我们都很少想到CSS在请求回来之后，在浏览器进行CSS渲染的效率是怎样的。本文来介绍一下对于CSS的一些高效优化策略,可以提高我们页面的CSS渲染效率. 值得注意的是,渲染引擎解析 CSS 选择器时是从右往左解析的,这样做是为了减少无效匹配次数，从而匹…

找到Web
5年前
564
1
评论

页面加载性能之PRPL模式

本文我们将学习这些技术的综合运用，当然也可以单独使用。 Preload 是一个声明性质的fetch request，告知浏览器要尽可能快的请求到该资源。可以通过以下方式预加载重要资源，使用 <link> 标签，带上 rel="preload" 的属性，放在 <head> 标签中…

找到Web
5年前
1.8k
8
评论

页面加载性能之禁用document.write

对于现在的web的开发者而言，document.write 应该是入门级的DOM API，但实际项目开发中，却很少使用。如果面试官问你为什么不去使用它，你会怎么回答？在浏览器渲染页面之前，会去根据HTML标签解析DOM树。如果解析器遇到了 <script> 标签，则…

找到Web
5年前
653
2
1

页面加载性能之Web Vitals

Web Vitals是Google的一项重大举措，旨在为质量信号提供统一的指导，这对于在Web上提供出色的用户体验来说很重要。网站的开发者需要了解自己的网站给用户带来的体验，但不一定要成为性能优化的专家。Web Vitals旨在简化流程，并帮助网站开发者聚焦在核心性能指标上，…

找到Web
5年前
7.2k
9
评论

iphoneX适配设计

几乎所有的前端开发者都会接触到为iphoneX设计H5网页，其中就得为其特有的安全区域做出适配，以便优化用户体验。布局参考线定义了矩形区域，这些区域实际上不会出现在屏幕上，但有助于内容的定位、对齐和间距。这块区域就是安全区域，安全区域还可以防止内容在状态栏、导航栏、工具栏和选…

找到Web
5年前
641
1
评论

页面加载性能之LCP

LCP (Largest Contentful Paint) 是一个以用户为中心的性能指标，可以测试用户感知到的页面加载速度，因为当页面主要内容可能加载完成的时候，它记录下了这个时间点。一个快速的LCP，可以让用户感受到这个页面的可用性。以往，对开发者而言，要测试一个页面主要…

找到Web
5年前
11k
17
1

个人成就

文章被点赞 241

文章被阅读 119,441

掘力值 2,406

加入于

2020-07-13