李不言

几个在开发中起大作用的CSS新特性！ 一、aspect-ratio：优雅控制元素宽高比（2021年广泛支持） 📅 支持时间：2021年主流浏览器全面支持（Chrome 8...

引言 在现代 Web 设计中，CSS 提供了许多强大的属性来增强视觉效果，而 background-blend-mode 就是其中之一。它允许开发者混合背景图像和颜色，创造...

CSS filter 属性提供了强大的图像处理功能，允许开发者在不借助图像编辑软件的情况下，直接通过CSS代码为网页元素（主要是图片）添加各种视觉效果。下面我将详细解析你提...

现代布局新革命：用容器查询实现真正的组件级响应式设计。 容器查询允许我们基于父容器的尺寸（而非视口）来动态调整子元素的样式。这带来了组件级响应式设计的能力，让UI组件真正实...

鸿蒙系统支持多种设备和平台，开发者可以一次开发多端部署；鸿蒙应用开发框架提供了丰富的API和组件，降低了开发难度；鸿蒙系统具有强大的性能优化和调试工具，提高了开发效率。...

本文主要讲如何使用 useNestedIframe 和 useIframePage 这两个 Vue 3 Hooks，来实现嵌套页面与 iframe 页面之间的通信和ifra...

本文探讨了虚拟模块的概念及其在现代前端开发中的应用，特别是如何在Vite项目中通过vite-plugin-svg-icons插件实现virtual:svg-icons-re...

这篇文章介绍了一种前端解决浏览器插件中跨域问题的方法。通过结合前端请求拦截、自定义事件，实现了一个类似API的代理机制。...

本文将探讨如何自定义事件和chrome.storage在Chrome插件中有效管理用户的登录状态，确保Token在所有经由该扩展访问的网页间的安全共享。...

本文详细介绍了现代前端开发中的关键工具链，包括Prettier、Stylelint、Commitlint、ESLint、Husky和lint-staged。这些工具协同工作...

划词就能审核优化文本？编辑器怎么实现？ 实现Word文档上传、文档在线编辑、选中文本即可对其进行审核优化、下载文档等功能。...

canvas水印生成 在大多数内部项目中，水印是一个常见需求。过去，当新项目需要添加水印时，通常是从旧项目中复制水印代码。这种做法不仅带来了大量重复工作，还导致了可维护性差...

传统的海报设计比较依赖专业的UI设计师，耗时成本高昂，为了解决这一问题，可以选取采用html2canvas，它可以根据需要调整图像的大小、分辨率、背景色等参数，灵活性较高且...

核心功能：使用vue3+element-plus()+scrollIntoView实现多表单验证，当规则校验不通过，浏览器滚动到第一个错误出现的位置。...

TextToSpeech类！调用微软tts服务，支持多种语言和多样的声音选项。高度可定制、易于集成。...

挥别英语难题，编程如虎添翼！「Found Variable」助你即时翻译中文变量为规范英文，解放思维，提升效率。让你的代码更专业、更流畅！...

通过解析Vue组件中类名自动生成原子CSS,实现快速样式开发。支持颜色、间距等多种原子类名声明,涵盖日常需求。使用简单的类名书写样式,插件自动输出CSS文件。如果想提高CS...

Vue中数据代理原理 什么是数据代理 数据代理是一种访问或操作对象属性的方式，它可以让我们通过一个对象来间接访问或操作另一个对象的属性。 例如，有两个对象A和B： 如果我们...

2022 年，前端里面有三群人，当下所处局势很难...裁员只是这家公司的业务增长不符合预期了，营收规模不符合预期了，组织效率不符合预期了，股市的财务表现不符合预期了，创新性...