codeOnLine

vue组件之远程组件。这里有vue3官方defineAsyncComponent、vite-plugin-federation和@module-federation/vit...

这不最近我司设计又又给我整活了，甩给我几张炫酷的图表效果图，看得我眼花缭乱；笔者瞅了一眼ECharts常规配置项，果然直接配置是实现不了的。不过没关系，这次正好深入ECha...

干前端的，天天都在跟CSS打交道。以前我们写CSS，要是遇到复杂点的场景，比如“当一个卡片里有图片时，给卡片加个边框”，或者要给一长串不同的标题应用同一个样式，那代码写起来...

油猴（Tampermonkey）是一款浏览器插件，允许用户在网页加载时注入自定义的 JavaScript 脚本，来增强、修改或自动化网页行为（你可以理解为轻量版谷歌扩展插件...

通过本文，你将系统掌握 HTML <img> 标签的核心知识与实战技巧，具体包括： 标签基础用法：关键属性深度解析；性能优化实践；最佳实践；SEO与可访问性...

在前端开发和排查线上问题的过程中，我们经常会遇到调试受限的场景：无法直接修改线上代码、hover 和 select 样式难以定位、JS 报错追踪困难等。为了提高调试效率，我...

hello大家好，我是前端小嘎 大家有没有做过流程管理，比说做抢火车票抢红包，或者多弹窗这样的场景，如果用if else来管理，那么最后就是一团乱麻，而如果我们用有限状态机...

1. 疑惑类 1.1在处理数据的时候，这个操作我看不明白这个意思 解决： 1.1.1. 初始化 swipeGroup 这行代码创建了一个空对象 swipeGroup，它将用...

谁说前端只能玩页面交互？本文将带你用Nodejs 实现经典游戏《植物大战僵尸》修改器！不需要 C++，不需要驱动，只要你会 JS，就能一行一行“控制游戏”，轻松写出专属游戏...

前言 想学Cesium开发，你如果对一些GIS基础，特别是坐标系概念不了解的话，会让你非常难受，今天我们就来聊聊WebGiser开发过程中常用到的一些坐标系概念。 GIS坐...

如果你维护过上万文件、上千组件的巨型前端项目，一定有过这种崩溃体验： 打开 VS Code → 右下角转圈 30 秒 → ESLint 还在 Parsing → Prett...

一个轻量级的 JavaScript 库，帮你轻松实现 「中文 + 拼音」的模糊搜索，支持全拼、缩写、混合输入，还能定位匹配位置，方便做高亮显示。...

本文将会比较Vue3中`ref` 和 `reactive的使用方式、优缺点和适用场景，并对原理进行分析。...

目前看React官方文档，开始有点啃不动了，虽然有案例，但是满屏的概念，看的我还是头疼的不行，所以我这边看了之后决定用自己的概念去解读useContext。...

在我们日常开发中，经常会遇到多项目管理，如果是单项目，大家都很好理解和操作，如果项目有相互关联关系，并且涉及多个项目管理，大家就可以采用更好的管理方式Monorepo...

VueUse 常用 Hooks 使用指南 VueUse 是一个基于 Vue Composition API 的实用工具库，提供了大量开箱即用的功能。本文将介绍 25个最常用...

从前端到爆点！抖音级 H5 如何炼成？ 在万物互联的时代，H5 页面已成为产品推广的利器。当产品经理丢给你一个“像抖音一样流畅的 H5”任务时，是挑战还是机遇？别慌，今天就...

在学习 h 函数后，如果你在某些业务场景厌倦使用 Template 的组件编写方式， 完全可以在 Vue 中像 React 那样，以函数式的编程方式来编写组件（不依赖 JS...

你是否想过，网页中那些炫酷的图片、文件下载、本地预览功能背后，隐藏着怎样的“黑科技”？这一切的秘密，都藏在一个被誉为 HTML5 王者对象的神器——Blob 之中。...

最近，我在我们前端团队里推行了一个“强制性”的规定：所有新项目，必须使用pnpm作为包管理工具；所有老项目，必须在两个月内，逐步迁移到pnpm。 这个决定，一开始在团队里是...