阳光是sunny

引言 本文将带领大家了解什么是 AST，它的语法怎么学习，以及它在我们实际开发中有什么用，最后我们会带大家实现几个小案例，真实的感受一下 AST 的魔法。...

高阶组件HOC在React社区是非常常见的概念，但是在Vue社区中却是很少人使用。主要原因有两个：1、...

前言 我有个习惯，就是喜欢逛一些 ui 框架的网站，看看不同的框架都有哪些不一样的组件。发现 vuetifyjs 中有个指令 v-tooltip 好奇他的实现......

React在很早之前的版本中加了useId，用于生成唯一ID。在Vue3.5版本中，终于也有了期待已久的useId。这篇文章来带你搞清楚useId有哪些应用场景，以及他是如...

在老东家工作 3 年了，公司的业务和技术栈相对熟练得差不多了。 领导觉得我能够委以重任，便把一个新项目交给我负责，另外指派一名同事协助我。...

前言 使用微前端拆分巨石项目，主应用使用VUE2.0+Element，子应用同样使用VUE2.0+Element。由于主应用和子应用使用了相同的框架，多数元素的class类...

之前写页面的时候发现在安卓端使用input的时候软键盘弹出后底部绝对定位的模块都会被软件键盘顶上来。 其实就是当出现软键盘的时候高度尺寸变了，软键盘那部分不属于页面了。绝对...

前言 在项目开发中，当页面请求接口时，组件局部或者页面全局显示loading加载遮罩可谓是司空见惯了，下面来讨论一下如何优雅的使用loading状态。下文引用了比较常用的两...

日常工作中，我确实经常去帮大家review代码，长期以来，我发现有些个功能函数，JS其实可以稍微调整一下，或者换个方式来处理，代码就会看起来更清晰，更简洁，甚至效率更高，主...

前言 彦祖们,内存泄露应该是前端老生常谈的话题了 本文是笔者在业务开发中遇到的一次真实案例,以此作为分享 技术栈:vue2(业务限制,未使用 keep-alive) 先看下...

我们从终端命令的执行流程开始了解 npm run 的执行原理，接着在了解 npm install 的执行过程引出幽灵依赖的问题，通过对幽灵依赖的了解，我们更清楚地了解了 n...

设想一种场景，有两个组件，这两个组件在初始化阶段，都需要调用同一个 API 接口去获取数据。为了防止请求冗余，可以把两个组件的请求都挪到父组件中，由父组件统一调用一次请求，...

效果 当滚动鼠标的时候右侧的目录会跟着一起滚动，当点击目录的时候，也会定位到相应的标题处，目录容器除前三个和后三个之外，其余的都处于中间状态。...

大概在昨年下半年，我利用同构渲染技术，把公司中一个需要7、8秒才能打开的vue3项目成功优化至秒开。...

大家好，我是泽南Zn👨‍🎓。在之前的一篇文章写到， 前端如何使用websocket发送消息，websocket是怎么建立连接的呢？如果断开了会怎样？如何一直保持长连接呢...

如题，一些牢骚。希望对年轻的你有点帮助..................................

竞态条件（Race Conditions）在前端开发中是一种常见的问题，特别是在多个异步操作同时竞争资源或执行时。这可能导致意外的结果，如数据不一致、重复请求和UI错误。 ...

FFmpeg 是一个开源的跨平台多媒体处理工具，可以用于处理音频、视频和多媒体流。它提供了一组强大的命令行工具和库，可以进行视频转码、视频剪辑、音频提取、音视频合并、流媒体...