首页
首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
前端
leopai
创建于2023-03-27
订阅专栏
html、css、javascript
等 7 人订阅
共30篇文章
创建于2023-03-27
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
面试官最喜欢问的:前端怎么自动检测代码更新?
在前端开发中,我们通常会使用打包工具(如 Vite、Webpack)将 JS/CSS 等资源构建上线,并配合 CDN、浏览器缓存来加速访问。但问题也随之而来: 原因很简单:用户浏览器缓存了旧的静态资源
从 URL 输入到页面渲染完成,全面掌握页面加载优化
还在面试时被问到 “页面加载怎么优化?” 时只会说 动态加载 和 懒加载 吗?今天这篇文章带你突破瓶颈! 页面加载优化不是简单地组件懒加载就完事了,也不是甩一句 “用了 Gzip 压缩” 就能糊弄过去
JSDoc 将取代 TypeScript ?深入探讨两者的角色与未来
作为一名开发者,你可能会时不时思考如何让自己的代码更加优雅、更少出错。我们都知道,类型检查能在很大程度上减少 bug 的出现,而 TypeScript 无疑是目前最主流的解决方案。 但就在你熟悉 TS
高效开发还是代码污染?聊聊 Tailwind CSS 的双刃剑
作为一个在前端开发道路上摸爬滚打多年的“老前辈”,我对 Tailwind CSS 这个框架的感情,算是复杂而深刻。从最初听到它的名字,到实际在项目中使用,再到现在时不时还会讨论它的优缺点,Tailwi
Vue 3.5 稳定版发布解读,来看看有哪些新特性!
北京时间 2024年 9月 3日晚,Vue正式发布了稳定的3.5版本,看看它都有哪些改进。 useTemplateRef()🚀 引入 useTemplateRef(),进一步简化了模板引用的使用,之前
pnpm 是如何有效避免幻影依赖的
npm 作为最广泛使用的包管理工具之一,虽然功能强大,但在实际使用中,开发者可能会遇到一种令人头疼的问题——幻影依赖。 npm幻影依赖 在项目中安装了库A,但是库A又依赖库B,所以你的项目中其实可以直
Tailwind CSS 的多维审视:优缺并呈
CSS 框架一直扮演着重要角色,从最初的 Bootstrap 到如今流行的 Tailwind CSS,每一种框架都有其独特的风格。 然而,Tailwind CSS 作为一个实用优先的框架,引发了开发者
CORS 101:理解跨域资源共享的核心机制!
在开始之前先来了解一下相关的概念知识: 同源策略:以下三者中的任何一个不同,就是不同源。 协议(如 http 和 https) 域名(如 example.com 和 api.example.
[Vue2/Vue3] 你从未用过的隐藏技巧!Vue开发者必看
思考一个问题:Vue中如果你想监听子组件的生命周期,你会怎么办? 通过emit发出事件,这肯定是可行的: 那如果子组件是第三方插件里面的应该怎么办呢? 隐藏技巧 先说Vue2,使用v-on:hook:
Framer Motion第二弹,动画效果的创意实现!
Framer Motion第二弹,动画效果的创意实现! 上一章节刚介绍了Framer Motion,这不昨天无意间看到了一个网站的动画效果,今天使用Framer Motion来实现一下。 效果地址:h
React集成Framer Motion,为应用添加动画效果
Framer Motion 是一个用于 React 的开源动画库,专为创建高性能、流畅的动画效果而设计。它的核心优势在于其直观的 API、流畅的动画效果以及强大的功能集,从简单的平移到复杂的交互动画,
状态持久化:Pinia 与 Vuex 的持久化存储策略
状态管理是构建复杂应用的关键部分,Vuex 和 Pinia 作为 Vue 状态管理的两大工具,提供了强大的机制来维护和管理应用的状态。 所谓的状态持久化,指的是我们创建的状态需要跨越页面的生命周期,不
模拟API,如此简单:MSW和Faker.js的无缝集成指南
Mock Service Worker简称MSW, 是一个用于浏览器和Node.js的 API 模拟库。使用 MSW,你可以拦截浏览器或node服务器发出的网络请求、观察它们并使用模拟响应来响应
重新定义现代前端开发的设计系统!Tailwind CSS 终极指南
前端CSS方案通常包括:CSS Modules、BEM、CSS in JS以及原子化CSS。原子化CSS是一种 CSS 架构方法,以小型的、单一用途的类为主来编写样式。 Tailwind CSS
一款可定制、易上手的Vue3富文本编辑器组件,Vue.js 富文本的优雅之选!
富文本编辑器作为允许用户以所见即所得的方式编辑文本的工具,已成为许多应用程序的必备功能。今天要介绍的富文本编辑器组件名叫VueQuill,VueQuill 是基于 Quill.js 的
还在手写hooks吗?试试这款高性能Vue3插件,释放Hooks潜能!
Vue 3 Composition API 的引入为开发者提供了一种全新的方式来组织组件逻辑,使得代码更加模块化和可复用。然而,随着项目规模的扩大和需求的复杂化,自己手写各种hooks让开发变得
一个高效开发的秘密武器!VS Code workspace功能解锁。
VS Code作为一款功能强大的源代码编辑器,支持多种编程语言的开发环境,同时提供了许多有助于提升开发效率的特性。不过很多人应该只是利用其实现最基础的编码功能,今天给各位友友介绍VS Code中
探索前端新领域:CSS Houdini API 的魅力
CSS 一直扮演着构建视觉表现的核心角色。然而,传统的 CSS 有着诸多限制,难以实现一些复杂的动态效果。CSS Houdini,一个革命性的 Web 标准,为开发者打开了一扇新的大门,让我们能够通过
Vue 3.4 组件开发新范式:defineModel的底层逻辑与实践
defineModel 是 Vue 3.4中推出的 的 Composition API 中一个重要的新特性。用于定义响应式模型的新函数。意在简化组件中响应式状态的管理,尤其是在处理复杂组件状态时。 组
最受欢迎SVG图标库揭秘!为 React 应用注入矢量动力!
SVG(可缩放矢量图形) 令人印象深刻的可扩展性背后的秘密在于,它使用数学计算而不是像素来生成图像,从而确保图像无论分辨率如何都能保持其锐度和清晰度。 在React中,使用SVG图标是一种常见的做法,
下一页