提问 sw-precache是什么？ workbox又是什么？ web前端的各位同学可能或多或少听过pwa，听过service worker（后面简称为SW），也知道对应的生命周期。知道了这些api后，你还是不知道如何将pwa技术投入生产。 ...

前端三大件：HTML+CSS+JS今天我们就来说一说HTML，可能很多人觉得这个太简单了，就是平常写网页的一堆元素。然而越是基础的东西人们越容易忽略，所以特意梳理了下相关知识，希望加深对它的理解。 是什么HTML（HyperText Mar ...

CSS 布局本质就是控制元素的位置和大小。比如这样的布局：元素宽960px，水平居中。宽960px是大小。水平居中是位置。又如这样的布局：两个元素在一行，左侧元素固定宽200px，右侧元素撑满剩余空间。固定宽200px，撑满剩余空间是大小。 ...

我是小雨小雨，专注于更新有趣、实用内容的小伙，如果内容对大家有一点帮助，那么就请动动手指，给个关注、点赞支持一下吧。 ^ - ^ 序言 前两天接到一个需求，其中包括一个有序的列表，我们今天就来看看这个有序怎么做更方便、简单。 当然，这个功 ...

​ 由于这两天面试有遇到相关的问题，以及在维护外包项目时遇到的种种相关的奇葩异步乱用的问题，决定好好捋捋这几个名词在实际中的应用。 一、队列类型 ​ js是单线程编程语言，所以js的执行顺序是按语句的顺序去排列的。 ...

什么是BFC BFC意为Block Formatting Context，是一个独立的盒子，对外界不会有影响，当然外界也不会对盒子内部产生影响。 BFC能够解决的问题 解决margin穿透的问题 解决margin重叠问题 解决div塌陷问题 ...

--文末附视频教程 本文主要学习掌握 Vue 双向绑定的核心部分原理。 代码为简化版，相对比较简陋。也未考虑数组等其他处理。 欢迎一起学习交流。 一、准备工作 1. 什么是 MVVM 框架？ MVVM 是 Model-View-ViewMo ...

--文末附视频教程+源码 1. 构造函数 new Promise 时，需要传递一个 executor 执行器，执行器立刻执行（同步执行），executor 接受两个参数，分别是 resolve（成功） 和 reject（失败）。 promi ...

前言 flex 是常用的 css3 布局方式，可以用少量的代码高效的实现各种页面布局，是一个基础的但是必须会的基本技能，在面试中经常会用到。 例如，最基本的让你实现元素的水平／垂直居中，或在这个基础上延伸出更多其他复杂一些的问题。 下面我们 ...

最近这个 Vue.js 纪录片在前端圈广为传播，相信不少人已经看过了。第一次看编程领域的纪录片，感觉还挺新鲜的。这部 30 分钟左右的纪录片制作精良，主角是 Vue.js 作者尤雨溪，还穿插采访了框架的几个核心贡献者和早期用户。 之前看过 ...