帅比九日

【HarmonyOS】HarmonyOS NEXT学习日记：三、初识ArkUI 忘掉HTML和CSS，ArkUI里构建页面的最小单位就是 "组件"，所以今天的目标就是认识一...

使用 ECharts 处理不同时间节点的数据系列展示 在数据可视化中，我们经常遇到这样的问题：不同数据系列的数据点在时间轴上并不对齐。这种情况下，如果直接在 ECharts...

【HarmonyOS】HarmonyOS NEXT学习日记：二、ArkTs语法 众所周知TS是JS的超集,而ArkTs则可以理解为是Ts的超集。他们的基础都基于JS，所以学...

【HarmonyOS】HarmonyOS NEXT学习日记：一 DevEco Studio下载与安装 直接到官网的下载地址下载即可 正常下载、解压、安装完成后 正常来说不会...

【前端】IntersectionObserver 实现图片懒加载和无限滚动 在前端开发中，性能优化是一个重要的考量因素。随着现代网页和应用的复杂性增加，确保页面快速加载和流...

我在2年之前，写过一篇中小型项目的前端架构浅谈。随着能力的上升，以及在阿里巴巴工作的经验，是时候写一篇大型项目的前端架构分析了。 本篇文章不会更多侧重于具体技术实现，而是尝...

理解浏览器扩展开发：为什么 content script 里的 window 与页面的 window 不同以及解决方案 浏览器扩展开发为开发者提供了强大的工具，使得我们可以...

使用 Canvas 实现贪吃蛇小游戏：详细介绍 在这篇博客中，我们将介绍如何使用 HTML5 Canvas 和 JavaScript 实现一个简单的贪吃蛇（Snake）小游...

你真的会用 console吗 在 JavaScript 开发中，我们常常需要输出各种信息来帮助调试代码。大多数开发者对 console.log 非常熟悉，但其实 JavaS...

【前端】面试八股文——原型链 1. 什么是原型链？ 在JavaScript中，每个对象都有一个原型（prototype），而原型本身又可能是另一个对象的原型。通过这种链式关...

【前端】面试八股文——数组扁平化的实现 数组扁平化是指将一个多维数组转换为一维数组。在前端开发中，处理这样的数组结构是很常见的需求。本文将详细介绍几种实现数组扁平化的方法，...

弹性布局justify-content:space-between；最后一行元素宽度不足时左对齐的几种方法 1.列数或总数固定不变（添加占位空元素） ==想要的效果：== ...

内容过多时“查看更多”功能的实现 需求： 文本过多时隐藏文本，用省略号代替，省略号后面有“查看更多”的按钮。 点击“查看更多”后展开所有文本，如下图： 点击“收起”后恢复原...

使用 ECharts 绘制3D饼图 在数据可视化中，饼图是表达数据占比信息的常见方式。ECharts 作为一个强大的数据可视化库，除了标准的二维饼图，也支持更加生动的三维饼...

【教程向】从零开始创建浏览器插件（六）实战篇 在这篇文章中，我们将详细介绍一个名为“摸鱼King”的Chrome扩展程序的开发思路。这个扩展程序的主要功能是在用户浏览网页时...

打砖块游戏：实现细节介绍 在本文中，我将详细介绍如何使用HTML、CSS和JavaScript技术构建一个简单的打砖块游戏。我们将重点讨论游戏的三个核心技术方面：碰撞检测、...

使用前端技术开发五子棋小游戏 在这篇博文中，我们将详细介绍如何使用HTML、CSS和JavaScript开发一个简单的五子棋小游戏。我们将展示如何初始化棋盘、处理用户交互以...

第五步：调试Chrome扩展：背景页、弹出页面、内容脚本的不同策略 在开发Chrome扩展时，不同类型的脚本和页面涉及不同的调试方法。这包括背景页（Background P...

解决ECharts鼠标悬停（mouseover）事件触发范围问题 在使用ECharts进行数据可视化时，经常会遇到一个问题：某些图表的鼠标悬停（mouseover）响应区域...