wscops

使用 Chrome Devtool 进行性能分析时，在 Performance 面板上，可以看到用绿线标出来的 First-Contentful-Paint。浏览器何时进行首次渲染？网上只能查到一些模棱两可的资料，今天我们来探究这个问题。 1. 引子 在掘金上用『首次渲染』进行…

对于从JavaScript转来的TypeScript的初学者来说，一开始无脑用一个新的interface规定一切的方式确实很过瘾。但是，当不得不尝试提高函数或组件的通用性时，使用泛型成了必须的选择。当尝试阅读一些用TypeScript开发的库的源码时，可能会被各种尖括号包裹的复…

web开发中，三角形的日常应用，以三角形指示箭头最为常见，其用CSS来实现非常简单，熟悉了之后相比于引入SVG或是背景图片会是更好更灵活的选择。 而三角箭头一般而言，又分为两种，一种是视觉上没有边框的，我们叫做实心三角形；还有一种是视觉上有边框的，而三角箭头刨去边框的部分又要与…

今天我主要分享的是一些 webpack 中的易混淆知识点，也是面试的常见内容。我把这些分散在文档和教程里的内容总结起来，目前看是全网独一份，大家可以加个收藏，方便以后检索和学习

笔者最近在对原生JS的知识做系统梳理，因为我觉得JS作为前端工程师的根本技术，学再多遍都不为过。打算来做一个系列，一共分三次发，以一系列的问题为驱动，当然也会有追问和扩展，内容系统且完整，对初中级选手会有很好的提升，高级选手也会得到复习和巩固。敬请大家关注！ 2.说出下面运行的…

伪类和伪元素，作为一个前端肯定是都用过。然后，你问下自己到底什么是伪类？什么是伪元素？两者真正区别又是什么？是不是突然一股懵逼涌上心头…… 对于什么是伪类，什么是伪元素，一些小伙伴会知道，伪类是一个冒号的，伪元素是两个冒号的；又或者，伪类是类似于:hover这样的，伪元素是类似…