度123

最近这两天，在前端圈最火的图片莫过于下面这张了。 这是一段 React 代码，就算你完全没用过 React 也没关系，一眼看过去就能看到其中...

在维护一个老项目中遇到一个A标签可拖动的"问题". 问题详见下方GIF. 从展示效果来看, 出现此情况应该属于游览器为A标签设置的行为....

最近发现公司的小程序代码中有一些很陌生的代码safe-area-inset-bottom，本以为是什么高级用法，查阅资料才发现是我孤陋寡闻了，原来是css新增的属性，目的是...

提到推送数据，大家可能会首先想到 WebSocket。 确实，WebSocket 能双向通信，自然也能做服务器到浏览器的消息推送。 但如果只是单向推送消息的话，HTTP 就...

2. 选择已有代码片段或创建代码片段（可以对现有的进行修改，也可以新建代码片段） 全局代码片段（每种语言环境下都能触发代码块）。 对应语言的局部代码片段（只能在对应语言环境...

用户登录之后，会返回一个用户的标识，之后带上这个标识请求别的接口，就能识别出该用户。 标识登录状态的方案有两种： session 和 jwt。 session 是通过 co...

在本篇文章中，我们将深入探讨各个进程和线程是如何通信以显示网站的。 我们将讨论输入url访问网站过程中“用户请求网站”和“浏览器准备呈现页面（也称为导航）”的流程。...

学习一下 ChatGPT，在 Gitlab 中使用 ChatGPT进行 CodeReview，功能比较简单...

什么是无人直播： 无人直播是一种自动化、智能化的直播方式，其运作过程不需要人工干预或仅仅需要非常少量的人工干预。相对于传统的人工直播模式，无人直播更加智能、高效、稳定和节省...

几乎在每一本JS相关的书籍中，都会说JS是单线程的，JS是通过事件队列(Event Loop)的方式来实现异步回调的。 对很多初学JS的人来说，根本搞不清楚单线程的JS为什...

HTTP 缓存是前端面试必问的知识点，大多数前端也都能答出强缓存和协商缓存来，但如果换个问法呢？ 比如问浏览器的强制刷新实现原理是什么？ 你还能答出来么？ 其实这也是考察缓...

1、问题的由来 笔者曾在掘金上浏览技术文章，来学习http cache的知识。讲到的最多的当然是强缓存和协商缓存。关于各个字段的含义，我们可以找到这张图： 多数文章会告诉我...

D2C 是指 Design to Code，设计稿转代码，输入是 sketch、figma、PSD 等设计稿，输出是 vue、react、小程序等各平台的前端代码。 对前端...

Module Federation 不是 webpack 5 的特性么？它和微前端有毛线关系？ 不着急解释，我们先写个 Module Federation 的 demo 再...

大家好，我是 CUGGZ。 近日，Best of JS 正式公布 2022 年 JavaScript 明星项目榜单。该榜单提供了过去 12 个月 JavaScript 生态...

实用npm包：autocannon 介绍 什么是 autocannon？ 在节点中编写的HTTP / 1.1基准测试工具，由WRK和W...

一、什么是 Source Map 通俗的来说， Source Map 就是一个信息文件，里面存储了代码打包转换后的位置信息，实质是一个 json 描述文件，维护了打包前后的...

用过 webpack 的都知道，webpack 的 sourcemap 配置是比较麻烦的，比如这两个配置的区别： eval-nosources-cheap-module-s...

上周在系统上线前，为了看下系统能承受多大的并发和并发下的负载情况，进行了一轮压测。在压测过程中，发现服务器的cpu飚的的非常高，而tps，接口耗时、服务可用等都是正常的，卧...