RedAsuka

众所周知，Javascript最初设计是运行在浏览器中的，为了防止多个线程同时操作DOM带来渲染冲突问题，js执行器被设计成单线程，但随着前端技术的发展，js能力远不止如此...

概述 PWA （Progressive Web App）指的是使用指定技术和标准模式来开发的 Web 应用，让 Web 应用具有原生应用的特性和体验。比如我们觉得本地应用使...

本文从实际需求出发，讲解如何通过多种 Github Action 部署 Github Pages，并总结出最佳实践...

为什么需要模块的自动导入 在开发和维护大型项目时，代码库通常会随着功能的扩展变得庞大且复杂。为了保持代码的可维护性和可读性，开发者会将项目内容或模块进行拆分管理。例如，按照...

Nuxt3 数据获取介绍 Nuxt 提供了两个组合函数和一个内置库，用于在浏览器或服务器环境中执行数据获取：useFetch、 useAsyncData 和 $fetch。...

如果编写项目的 CSS 代码只有你一个人，或者项目的 CSS 代码量很小，你可以用你喜欢，习惯的方式去组织你的 CSS 代码。但是项目更大，更复杂，有多人编写项目的 CSS...

最近在做项目中，使用flex布局遇到了个老问题：当flex子元素里的子元素的宽度过大，超出flex父元素时，设置flex:1并不能限制flex子元素的尺寸...

`git bisect`命令使用二分搜索算法来查找提交历史中的哪一次提交引入了错误。它几乎能让你闭着眼睛快速定位任何源码导致的问题，非常实用。整个定位过程几乎是机械的操作，...

vue简洁好用体现在很多个地方，比如其内置了32+修饰符，可以很方便我们阻止冒泡、阻止默认事件、鼠标事件处理等，让我们还一起讲清楚32+vue修饰符，学会利用webpack...

为什么要防抖节流 连续调用多少时间间隔合适 Debounce函数防抖： 原理 当调用动作过N毫秒后，才会执行该动作示意图： 若在这N毫秒内又调用此动作则将重新计算执行时间示...

不是标题党，这是一位leader在一次代码评审会对小组成员发出的“怒吼”，原因是在代码评审中发现很多地方还是采用ES5的写法，也不是说用ES5写法不行，会有BUG，只是造成...

nuxt是基于vue的ssr解决方案，可以是使用vue语法完成前后端的同构。 在高并发的情况下可以考虑使用缓存，而缓存策略的使用需要视场景而定，这里不再赘述，还可以考虑使用...

外边距重叠是指两个或多个盒子(可能相邻也可能嵌套)的相邻边界(其间没有任何非空内容、补白、边框)重合在一起而形成一个单一边界。本文针对相邻、嵌套该两个场景提出来解决方案。...

在现代前端项目中.env文件随处可见，里面都是一些项目中的配置项，可以在项目中拿来就用，虽然这是一个不太起眼的东西，但是这些.env文件在前端工程化中是有一定的用处和意义的...