海岸边的破木船

音乐干声分离：背景音（BGM）与人声（干声）的分离训练个人音色模型：作为模仿其他干声素材的音色数据男女换声（伪音）：基于异性干声素材，进行实时转化声音为异性声音AI 唱歌仅...

大家好，我是风骨，今天和大家分享一篇有关「前端性能优化」的话题。作为优秀的前端工程师，我们需要时刻关注页面性能指标，并持续优化。 在这篇文章中，我们将深入探讨前端性能优化的...

何为前端工程化 前端工程化是指将软件工程的原理和方法应用到前端开发中，以提高开发效率、代码质量和可维护性。随着 Web 应用的复杂度不断增加，传统的前端开发方式已经难以满足...

笔者今年2022寒冬下成功跳槽了阿里，这篇文章就是将自己面试的一些准备、知识总结分享出来~如果这篇文章对你有用，请一键三连（点赞+评论+收藏）...

继承，简单来讲就是让子类的实例能够访问到父类上的属性，在JavaScript中能够实现实现继承的方式有多种，本文主要介绍到的有七种...

前端技巧：如何让用户回到上次阅读的位置？ 在前端开发中，提升用户体验是我们的核心目标之一。一个简单但非常实用的功能就是：当用户再次打开某个网页时，能够自动滚动到他们上次离开...

懒加载相信大家都熟得不能再熟了，刚刚给面试官讲完懒加载的实现原理，面试官就冷不丁地问我一句：会用自定义指令来实现懒加载吗？ 生活不易，面试自闭，破防了.........

软件设计原则是指导开发人员构建可维护、可扩展、灵活和高效系统的核心准则。以下是主要设计原则的详细介绍： ​一、SOLID 原则（面向对象设计的核心）​ ​单一职责原则（SR...

在 TypeScript 中，interface 和 type 都用于定义类型，但它们在设计目的、语法和功能上有明显差异。以下是它们的核心区别： 1. ​基本概念 ​**i...

CSS 容器查询（Container Queries）是一项革命性的特性，允许元素根据其父容器的尺寸变化进行样式调整，彻底改变了传统基于视口的响应式设计模式。以下是详细使用...

在DOM操作中，getComputedStyle 和 getBoundingClientRect 是两个常用的方法，用于获取元素的几何属性和样式信息。下面详细介绍这两个方法...

h 函数的作用 h 函数（即 createElement 函数）用于创建虚拟 DOM 节点。 它接收参数（如标签名、属性、子节点等），并返回一个虚拟 DOM 节点对象。 你...

获取文件对象 文件分片 文件分片的核心是使用Blob对象的slice方法。在上一步中，我们获取到的文件是一个File对象，它继承自Blob，因此我们可以使用slice方法对...

大家好，我是朽木白，一名非常普通的前端程序员，在前端这条路上淌七年的浑水，毫无建树。曾经我的年薪也达到过46w，后来在互联网泡沫的末法时代，不得已换了一份工作，自降6k去了...

``` const arr = [ { id: 1, parent: null, name: "根节点1" }, { id: 2, parent: 1, name: "子节...

一、如何让属性自动传递？ 假设我们封装了一个带样式的输入框组件，但直接使用时发现输入没反应： 解决方案：用$attrs自动收快递 就像快递员会把包裹自动送到你家，$attr...

前言 前几天和前同事闲时聚餐，约了两个月的小聚终于达成了，程序员行业聚少离多，所幸大家的发量还坚挺着。 期间不可避免地聊到了自己的公司、行业状况以及对未来的看法，几杯老酒之...

使用过的UI库：我使用过Element Plus（基于Vue）和Ant Design（基于React，但Vue版为Ant Design Vue）。它们都是优秀的UI库，但有...

前言：一个真实的面试场景 "请谈谈你的组件封装经验。"当面试官抛出这个问题时，你是否能清晰地阐述完整的组件设计方法论？本文将结合笔者在大型项目中的实战经验，深入剖析组件封装...

封装组件就像搭积木，要既灵活又稳固。让我用六个步骤给您演示这个思考过程： 一、先问为什么，再想怎么做（确认动机） 就像做菜前要确定是家常小炒还是米其林大餐，封装组件前必须明...