object-fit：指定可替换元素的内容应该如何适应到其使用的高度和宽度确定的框。与我们熟悉的background-size属性有点相似。 contain被替换的内容将被缩放，以在填充元素的内容框时保持其宽高比。 整个对象在填充盒子的同时 ...

今天跟大家分享一些目前比较热门新鲜度靠前的50款前端工具，希望对你有所帮助。一、构建工具1、 Parcel地址：https://parceljs.orgParcel是一款极速零配置WEB应用打包工具，快速、几乎零配置是它最大的特点，开箱即用 ...

为什么明明输入的网址是A，但是打开的网站是B？为什么别的站点随便什么网址打开都是同一个页面？为什么别人换了网址也不需要单独说明？让我们走进边缘规则的妙用解开谜底。 经常会有朋友来问，网站访问时会自动从 HTTP 跳转到 HTTPS 并反馈 ...

这篇作为之前一篇文章的延续，以及对过去3个月我模拟面试过的30多位同学的面试情况总结，我们来聊一下怎么做出亮点你负责的业务是什么？(学会发现问题)之前在群里参加活动的同学，有不少说在小公司，被业务需求压着。既然大家都说在做业务，那么，正看到 ...

PWA是指渐进式web应用，一般由web app manifest, service worker, app shell, notification push等部分组成。 这里目前只讨论web app manifest, service w ...

假设我们现在要实现box元素的居中 123 /* 公共代码 */ .wp { border: 1px solid red; ...

网络身份的验证的场景非常普遍，比如用户登陆后才有权限访问某些页面或接口。而HTTP通信是无状态的，无法记录用户的登陆状态，那么，如何做身份验证呢？ 下面，会从浅入深，陆续介绍几种常用的认证方式和相关概念。文章较长，请耐心阅读。 1. 鉴权与 ...

HTTP是Web中常见的通信方式，无状态，简单易用。当然，它的不足之处也非常明显： 通信使用明文，内容可能被窃听 不验证通信方的身份，有可能遭遇伪装 无法证明报文的完整性，所以报文有可能被篡改 为了解决HTTP协议的痛点，采用通信加密的方式 ...

首屏加载速度影响着用户对整个网站的第一体验尤为关键。那么如果才能够优化首次加载时的白屏时间？ 上一篇文章简单介绍了在浏览器里，从输入 URL 到页面展示的过程。现在我们将整个过程划分为三个阶段: 1.从请求发出后到文档提交阶段，这个阶段中用 ...

Grid 布局的属性分成两类。一类定义在容器上面，称为容器属性；另一类定义在项目上面，称为项目属性。 容器属性 1. display属性 指定一个容器采用网格布局 div { display: grid; } div { displ ...