前端小菜鸡123

这是我参与更文挑战的第25天，活动详情查看： 更文挑战 Vue3学习--自定义hook、shallowReactive与shallowRef...

vue3 中一般用 ref 将一个值为基本数据类型的变量变成响应式的，它是一个函数，组合式 API 之一，参数为变量的初始值。本篇末尾还会手写简单实现一下 shallowR...

Vue 3的响应性系统是其数据绑定的核心，它使得在响应式状态发生变化时，自动更新DOM成为可能。在本文中，我们将深入探讨Vue 3中四种重要的响应性方法：ref、react...

回顾ref和reactive的区别 ref和reactive的区别就是： 类别 ref reactive 返回数据类型 RefImpl对象（也叫ref对象） Proxy对象...

本文已参与「掘力星计划」，赢取创作大礼包，挑战创作激励金。 引言 ：让我们一起来学习grid布局吧，因为网格布局（Grid）是最强大的 CSS 布局方案。...

```js // 操作步骤 cd ~ touch .bashrc vi .bashrc // 别名 alias gs='git status' alias gsh='git...

很多兄弟都在使用 Vite 了，但如果你是前端 leader 或者是团队核心的话，不得不可考虑的一个问题就是性能优化。Vite 在开发环境性能已经非常不错了，生产环境应该如...

非常汗颜，写ts好多年了，虽然不是anyscript风格，但一直当作类型标注在写，顶多用用函数重载和范型，连infer是谁都不认识，虽然也从当年这个文章中：用 TypeSc...

TS 的类型系统为我们的代码提供健壮性，可维护性的保障。 当然除去一些基本类型外，我们有时也需要表达一些复杂的类型，那这个时候灵活使用一些关键字就很方便了。 这篇文章，就拿...

前言 VUE3+VITE+TS 项目中的要点 使用vue3+vite+ts 构建项目基础框架，配置代码运行环境,对项目进行模块化划分,并集成element组件库、axios...

1. 什么是缓存？ http缓存机制主要在http响应头中设定，响应头中相关字段为Expires、Cache-Control、Last-Modified、Etag。 HTT...

如何避免写出屎山，优雅的封装组件，在面试官面前大大加分，从这篇文章开始！ 保持单向数据流 大家都知道vue是单项数据流的，子组件不能直接修改父组件传过来的props，但是在...

介绍 v-model 可以在组件上使用以实现双向绑定, v-model 本质上是语法糖，经过模版编译器后会对 v-model 转换为： 上面是表单元素 v-model 的转...

Nginx 是开源、高性能、高可靠的 Web 和反向代理服务器，而且支持热部署，几乎可以做到 7 * 24 小时不间断运行，即使运行几个月也不需要重新启动，还能在不间断服务...

如何使用rrweb进行前端录屏，rrweb源码解析。其中包含了最小的实现demo,以及 rrweb 实现原理流程图。...

vue3+ts，封装axios（取消重复请求），封装好的axios，事后事半功倍。此文主要是取消重复请求（在第一次请求返回前，都不允许发起相同的请求）...

其实只是缺少了 typescript 的类型声明。如果你是使用官方脚手架工具创建的工程，那是绝对不会有这个问题的。...

深入理解<a>标签下载文件背后的原理以及 download 属性使用的注意点，以及如何处理 blob 文件。...

自从HTML5提供了video标签，在网页中播放视频已经变成一个非常简单的事，只要一个video标签，src属性设置为视频的地址就完事了。由于src指向真实的视频网络地址，...