重学系列

1. 场景 通过鼠标上下滚动控制横向滚动，先看下面效果： 2. 具体实现 接下来看一下具体实现过程： 2.1 页面布局 定义一个基本的页面布局，用于包裹滚动内容。这个布局包括一个外部的 scroll-

前言 在日常的开发流程中，例如开发一个二次封装的组件库，快速使用这些组件依赖我们查看文档，开发一款配套的组件库VSCode插件是非常有必要。 1. 项目搭建 1.1 安装开发包 官方提供npm包，可以

背景 在前端开发过程中，项目代码在上线前通常会经过打包工具处理，生成压缩代码。若线上代码出现问题，直接查看压缩代码无法有效定位问题。 这篇文章将介绍如何使用 Chrome 开发者工具调试打包后的源代码

前言 作为一名前端，在工作中会遇到很多二进制处理的问题。比如文件的上传、下载，都离不开对（File、Blob）数据的处理，但是大部分人对于这些都没有一个清晰的认识。 本篇文章总结了浏览器端的二进制以及

前言 由于国内镜像源无法正常拉取镜像，有没有一种折中的方案，在这段时间可以正常拉取自己需要的镜像学习。 本文介绍一种快速解决Docker Hub镜像站无法访问的方法。使用开源项目CF-Workers-

前言 观察者模式是一种设计模式，定义了一种一对多的依赖关系，使得当一个对象状态发生变化时，所有依赖于它的对象都会得到通知并被自动更新。 JavaScript中有多种原生接口实现了观察者模式，涵盖了从

前言 在平常的uniapp跨端开发中，我们可能不会引入ui框架，如果手写一个弹框，则需要每次设置css样式，比较麻烦。本文带大家了解下，原生dialog对话框的使用。 1. 原生dialog元素介绍

前言 在正常开发中，遇到下载文件的场景。 比如： 使用a标签或者url进行下载，有时候会跳转预览，有时候会是直接下载。为什么会出现这样？ 使用axios或者fetch下载时，浏览器会等待流传输，需要等

前言 在正常的 Node.js 开发中，模块化是一个至关重要的概念。Node.js采用的是CommonJS模块规范，我们在平常引入时，是否注意模块引入的策略。在本文中，主要说明Node.js中的模块化

1. 背景 现在有需求将亿元之内的阿拉伯数字转换成中文，例如：1234转换后变为一千二百三十四再转换成壹仟贰佰叁拾肆。 2. 需求分析 以下是对这些规则的分析： 数字分组： 单位映射： 零的处理： 中

前言 在JavaScript中，资源提示符（Resource Hint）是一种使用<link>或<script>HTML标签来提示浏览器有关资源的方式。 我们正常开发中，对于这些接触不多，接下来了解一

1. 插槽的本质 组件能够接收任意类型的 JavaScript 值作为 props，但组件要如何接收模板内容呢？插槽可以理解为模板提供内容，<slot> 元素是一个插槽出口 (slot outlet)

背景 在开发Vue项目时，我们经常会遇到一种情况：同样的API请求代码在多个组件或页面中被重复书写。这不仅增加了代码冗余，也降低了项目的可维护性。手动查找和替换这些重复的代码是一项耗时且容易出错的任务

前言 1. 了解自动播放策略 具体规则我们可以查看MDN Autoplay guide for media and Web Audio APIs中的规则。 要想自动播放需要满足以下规则： 那么会有疑问

前言 1. 前置知识 实践之前先了解下需要用到的方法及事件。 1.1 createObjectURL URL.createObjectURL()  静态方法会创建一个 DOMString，其中包含一个

前言 效果如下： 1. 拖拽介绍 HTML 拖拽（Drag and Drop）接口使应用程序能够在浏览器中使用拖放功能。 例如，用户可使用鼠标选择可拖拽（draggable）元素，将元素拖拽到可放置（

前言 在项目开发中，读取转换成base64的图片，base64内容过长，需要使用单独文件进行保存。 本文介绍使用webpack和vite如何读取文件原始内容。 1. 实际操作 创建webpack/vi

前言 本文主要介绍Web API中的showDirectoryPicker()方法,并实现一个类似vscode打开文件的功能。 1. showDirectoryPicker介绍 showOpenFil

前言 在日常开发中，公司电脑的windows启动大项目至少需要几分钟的时间，而mac电脑则只需要几十秒，我就想能不能配置一台windows系统的主机能和mac有一战之力。 前端对于电脑的要求虽然不算高

前言 在平常开发中，对于低版本浏览器的兼容问题，我们通常使用babel或者postcss进行处理，然而怎么确定浏览器兼容的版本，那么就需要背后的browserslist进行支持。 1. browser