重学系列

背景 在开发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

前言 通常我们缓存当前浏览滚动的高度，那么跳转到特定的位置我们介绍几种常用的方式。 1. 常用跳转方式 假设我们有一个具有 id 为 "container" 的容器元素，滚动到100px处： 1.1

前言 如何实现图片九宫格的效果，如下所示： 1. 具体实现 整体思路：使用一个div的img-container盒子，里面添加九个img-item的子盒子。通过给每个子盒子设置背景图片，通过使用 nt

前言 正常开发中，比如设置最小字体为12以下，会出现不生效的情况。原因是因为谷歌浏览器有最小字体的限制，那么如何解决这个问题呢？ 本文主要说明两个方式： 调整谷歌浏览器的默认限制字体大小 使用css的

1. 概念 块级格式化上下文全称Block Formatting Context，简称BFC。 它是一块独立的渲染区域，它规定了在该区域中，常规流块盒的布局。 2. 规则 常规流块盒在水平方向上，必须

前言 1. 类型转换规则 1.1 原始数据类型 Null Undefined Boolean String Number Symbol BigInt 1.2 引用数据类型 Array Boolean

前言 之前写了篇# APP与H5通信-JsBridge, 掘友Bun回复说可以试试postMessage，发现使用后是真的香。 postMessage postMessage可以安全地实现跨源通信。从

背景 在移动开发领域，原生应用嵌入网页(H5)可以实现一套代码多端使用，那么原生应用(APP)和网页(H5)之间的通信就非常重要。 JsBridge作为一种实现此类通信的工具，用于实现原生应用和嵌入其

前言 浏览器事件循环是 JavaScript 异步编程的关键概念之一。在现代的 web 开发中，我们经常需要处理各种异步任务和事件，如用户交互、定时器事件、网络请求等。 本文将介绍浏览器事件循环的基本

1. DOM标签 在HTML中，有很多标签可以用来发起HTTP请求。以下是最常见的一些： <a>：此标签用于创建一个链接，当用户点击链接时将发起请求到指定的URL。 <img>：此标签用于加载图片，浏

前言 1. 什么是HTTP缓存 HTTP缓存是一种机制，用于在客户端（例如浏览器）和服务器之间存储和复用资源的副本，以减少网络请求和提高性能。通过使用HTTP缓存，浏览器可以避免重复下载相同的资源，并

本文主要介绍： 1. HTTPS相较于HTTP更安全的原因 2. 对称加密、非对称加密 3. 摘要、数字证书+签名作用 4. SSL/TLS 握手过程 5. 服务器如何配置https

前言 本文从前端模块化的发展历程，介绍下不同时期使用方式的优缺点，每种模块的加载方式、运行时机、用法，给出对应的案例加深对模块化的知识学习。 1. 模块化的理解 1.1 什么是模块化 模块化是一种将程