我们知道，当把我们开发的pc端页面放在移动端展示，会出现布局错误。所以我们要做移动端适配，来让页面更合适。 接下来我们就来学习一下viewport标签并且学习如何做适配。 viewport meta-

前端缓存，这是一个老生常谈的话题，也常被作为前端面试的一个知识点。前端缓存分为强缓存和协商缓存两种。今天我们再来总结一下。

在移动设备（如手机）上进行网页开发一般都会加上上面一段代码内容。先看看不加时候的表现： 这里使用了Chrome的远程调试，移动端设备是小米手机，使用的浏览器是Chrome。（也可以使用Chrome开发

为什么这个社会需要高级前端 前几天，一个西安的朋友给我发了一个链接问我为什么打不开。我当时试了下这个链接确实很难成功访问，服务器显然是在遭受类似ddos攻击的高频访问，导致拒绝服务

1. 起因 最近部门在推微前端，需要按功能拆分多个子应用，主应用在加载的过程中经常出现加载失败的问题。因为https地址中，如果加载了http资源，浏览器将认为这是不安全的资源，将会默认阻止。后来在文

「本文已参与好文召集令活动，点击查看：后端、大前端双赛道投稿，2万元奖池等你挑战！」 前言 大厂案例 前置知识 在看动画方案之前，我们先来了解一下位图和矢量图的概念。 矢量图是使用直线和曲线来描述的图

最近遇见一个需要上传百兆大文件的需求，调研了七牛和腾讯云的切片分段上传功能，因此在此整理前端大文件上传相关功能的实现。 在某些业务中，大文件上传是一个比较重要的交互场景，如上传入库比较大的Excel表格数据、上传影音文件等。如果文件体积比较大，或者网络条件不好时，上传的时间会比…

水平垂直居中也算是 CSS 领域最为常见的一个问题了，不同场景下的方法也各不相同，各有优劣。嗯，下面这种应该算是最便捷的了： 嗯。这里其实就涉及了一个问题，如何让 margin: auto 在垂直方向上生效？ 让元素相对父元素水平居中。但是如果我们想让元素相对父元素垂直居中的话…

作为前端er，我们的工作与web是分不开的，随着HTML5的日益壮大，浏览器自带的webapi也随着增多。本篇文章主要选取了几个有趣且有用的webapi进行介绍，分别介绍其用法、用处以及浏览器支持度，同时我也分别为这几个api都做了一个简单的demo（真的很简单，样式等于没有~…