fifa大西瓜

一直以来都在使用的是 UI 组件库的 Modal，最近一段时间都是在使用 headlessui 这个组件的 dialog 组件实现 Modal 和 Drawer 类的组件，...

Modal对话框组件在我们的开发中经常会用到，比较知名的有antd组件库中的Modal。这次我们来基于antd Modal组件的原理实现一个简单的Modal组件。...

1. 背景 同事在发布一个 npm 包的时候没有将 ES6 语法转成 ES5 语法，导致项目在企微内部浏览器中产生兼容性问题。但短时间内同事不准备发一版来适配这个问题。 2...

首先我们先对性能优化有一个总体的认知。关于 webpack 的性能优化： 1. 在业务开发中，不要...

什么是状态管理？ 状态 状态是表示组件当前状况的 JS 对象。在 React 中，可以使用 useState 或者 this.state 维护组件内部状态，通过 props...

前言 作为React坚实的拥护者，从v16开始，历经class到hook的完整演变。 当然React作为一个纯粹的Js Library，并没有提供状态管理的api，对于状态...

概览 monorepo(monolithic repository)是一种项目架构，简单的来说：一个仓库内包含多个开发项目（模块，包）。对于前端项目：vue3、elemen...

1. require.context 的 ~~三个~~ **四个** 参数 2. 前端路由自动化引入(vue) 3. require.context导致vue 路由懒加载失...

移动端适配是指在不同尺寸的手机设备上，页面能相对达到合理的展示（响应式）或者保持统一效果的等比缩放（看起来差不多）。本文介绍了移动端适配中需要掌握的基本概念和移动端页面开发...

记录最近的前端面试记录。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。...

前言 大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心。 由于这几个月使用了Vue3 + TS + Vite进行开发，并且是真的被...

提到 Vite，第一个想到的字就是 快，到底快在哪里呢？为什么可以这么快？ 本文从以下几个地方来讲 快速的冷启动、预构建、模块热更新等......

随着互联网的高速发展，信息安全问题已经成为企业最为关注的焦点之一，而前端又是引发企业安全问题的高危据点。在移动互联网时代，前端人员除了传统的 XSS、CSRF 等安全问题之...

一种是页面刷新，不保留页面状态，就是简单粗暴，直接window.location.reload()。 另一种是基于WDS (Webpack-dev-server)的模块热替...

本文将从两个框架的响应式设计为切入口讲清：1. 为什么不需要vue fiber；2. 为什么react fiber可以实现断点恢复，不涉及晦涩源码，不管有没有使用过reac...

因为一些缘故，最近一直在找工作，再加上这个互联网寒冬的大环境，，一直没有合适的机会，但是一次偶然的机会拿到了面试机会，这里记录一下面试过程...

2023年了，前端面试真的是越来越卷，以前都不喜欢记题目，现在得改改了，该背的背，该记的记，要多多总结，争取找一个满意的坑位。...

如何在不用TypeScript const泛型修饰符的情况下让函数推导出列表字面量捏？如果你碰到了这个问题，那就点进来看看解决方案吧。...

第一次接触到变体这个概念是在深入理解TypeScript中，类型之间的转换称为变体或者变型，在TS中，类型之间能否互相赋值，会不会报错，安不安全这些都与变体有关。在Java...

日常开发中，经常会需要获取文本显示宽度来做一些特殊布局， 比如： 文本超过多长时候截断展示省略号... - canvas 布局时候在某段文本之后展示特殊标记等...