简单的快乐

Cookie 的 SameSite 属性我们一般不会手动设置，但是在和第三方对接的场景下，你很可能被它坑过，同时它也和网站的安全性息息相关。本文将结合具体场景，带来深入了解 SameSite 属性

最近有这么一个功能,用户编辑的时候实现编辑区和预览区同步滚动,但是两边内容的高度是不一样的。 算出比例同步滚动 大体思路是计算每次滚动的距离与该节点整体高度的比例,另一个节点滚动的距离为该比例 * 当

英语听力一直是我的弱项，我想应该也是大多数国人的弱项。同时，听说不分家，听力不好的同学英语口语也不会标准到哪里去（因为不知道准确发音，所以猛的听到不知道是什么单词），英语作为我的19年 top 目标，权重大于任何前端技术的学习。听说读写，听作为语言之首自然是我着力攻克的部分。 …

今天在做页面UI改版的时候发现，我之前使用的是dom.scrollIntoView(); 使得点击右侧题目编号的时候，让左侧题目滚动到页面可视区域。 但是现在有个问题就是，当点击题目编号的时候，除了题目会滚动到可视区域，整个页面也会稍稍往上滚动，导致页面错位。 如下图所示，当我…

本文要探讨的是，当这两个容器元素的内容都超出了容器高度，即都出现了滚动框的时候，如何在其中一个容器元素滚动时，让另外一个元素也随之滚动。 既然是与滚动条有关，那么首先想到 js中控制滚动条高度的一个属性： scrollTop，只要能控制这个属性的值，自然也就能控制滚动条的滚动了…

新项目上线一段时间后,发现在 Vercel Usage 里的 Image Optimization 增长迅速,很快就超过了 5000 的免费额度,产生了额外的费用,对此展开了一些研究。

在现在的前端开发流程中，我们偶尔会遇见节点滚动同步的需求，所谓的滚动同步就是对于两个节点的滚动条位置进行同步，在滚动一个节点时同时，另一个节点也同时滚动到相应的位置。比较常见的类似于使用 markdown 进行文章编辑的博客网站中通常会有两边做实时编辑对比，从而需要同步滚动条。…

0x00前言自动生成正则表达式这个话题其实国外有相关的研究，这次的使用的方法是我按一个论文的思路做实现的时候想到的。所谓的自动生成其实没有想象的那么高大上，其实就是使用了一些非常简单的思路进行组合。文

如何对图片加载进行优化是前端经久不衰的话题，也是工程调优的一小部分，大部分业务场景下对图片元素的展示都是直接使用原生的img标签，而NextJS封装的Image组件可以说是图片加载的典范