前端

一个看似简单实则有坑的问题：空白网页的背景色是什么？ 大家是不是都会认为是白色，但事实并非如此，有时候我们眼睛看到的也不一定是真的🧐 页面根元素背景色

为什么需要这样一个框架，以及这个框架带来的好处是什么？ 从字面意思上理解：该框架可以用来同时管理多个小程序，并且可以抽离公用组件或业务逻辑供各个小程序使用。

纯前端也能够访问文件系统了，教你使用纯前端的方法打造一个编辑器，感兴趣的同学看完可以试着完善编辑器的功能。

上篇文章我们了解了package.json，一般与它同时出现的还有一个package-lock.json，这两者又有什么关系呢？下面一起来了解吧。

随着前端的不断发展，package.json可谓是在前端项目中无处不在，它不仅在项目根目录会有，而且在 node_modules 中也存在。那么这个文件到底是干嘛的，又有什么作用？

图片防盗的原理是服务端可以通过请求头中的`Referer`来识别访问来源，然后判断应不应该给你返回图片

之前看到过一个有趣的CSS效果，今天我们也来实现一遍，将动图GIF通过clip-path绘制成一个个跳动的字母。

现代前端单页应用DCL和L事件不能很好地衡量首屏显示时间了，FP、FCP、FMP被提出来，它们关注的不是加载，而是渲染，因此能更好地表现用户看到的情况。

大家在工作过程中也会遇到一些性能优化相关的场景，这对于前端开发者来讲是一项加分技能。为了我们的用户在使用我们的产品时能够有一个非常好的体验，我们需要对页面进行诊断优化

我们平时在写代码的过程中，好像很少需要自己手动进行垃圾回收，那么V8是如何来减少内存占用，从而避免内存溢出而导致程序崩溃的情况的。为了更高效地回收垃圾，V8引入了两个垃圾回收器。

V8采用了一种权衡策略，在启动时采用解释执行的策略，但是如果某段代码的执行频率超过某个值，V8就会采用优化编译器将其编译成执行效率更高的机器代码。

在这之前我写过这样一篇文章教你用canvas打造一个炫酷的碎片切图效果，这个效果是用Canvas来实现的，现在想着尝试使用CSS Paint API来实现一个类似的碎片效果。

说起媒体查询想必大家最先想到的都是CSS中@media，没错，这是我们最常用的媒体查询方法，主要用来为我们的网站做适配处理。 比如： 我们使用 CSS 告诉浏览器标题需要为绿色，字体大小为 2rem

URL对于我们开发人员来讲，应该是非常熟悉了。在对URL进行参数拼接时，我们一般都会直接进行字符串拼接或使用模版字符串，因为这样非常方便，但是我们这样其实会在不知不觉中以不安全的方式编写 URL

从小程序的定位来讲，它就不可能用纯原生技术来进行开发，因为那样它的编译以及发版都得跟随微信，所以需要像Web技术那样，有一份随时可更新的资源包放在远程，通过下载到本地，动态执行后即可渲染出界面。

随着CSS的不断发展，一些很酷且有用的属性要么完全被忽视，要么由于某种原因不像其他常见属性那样被开发者熟练应用。这篇文章我们将一起学习那些CSS中陌生但非常有用的CSS属性，这些属性你可能听说过

现如今的页面越来越复杂，一个页面往往承载着大量的元素，最常见的就是一些电商页面，数以万计的商品列表是怎么保证渲染不卡顿的，大家在面对这种长列表渲染的场景下，一般都会采用分页或者虚拟列表来减缓页面一次性

一些布局上的完全加载前后的变化很容易解决：为动态元素预先分配正确的空间，在图像上使用宽度和高度属性，并优先考虑 HTML 文档中的可见元素。但是，导致布局偏移的还有一个难以解决的问题：无样式文本闪烁。

大家在工作中想必都是通过自动化部署来进行前端项目的部署的，也就是我们在开发完某个需求时，我们只需要将代码推送到某个分支，然后就能自动完成部署，我们一般不用关心项目是如何build以及如何deploy

当CSS3中新增了calc函数时，面对样式动态计算这种场景，JavaScript不再是我们的第一选择，我们只用 CSS 就可以进行相当复杂的计算了