01 2025 档案
摘要：新年快乐！！！蛇年大吉 uni-app 不支持 animate 类型。 原生微信小程序 支持 animate 类型 。 当前需求可基于 原生微信小程序 的 Page 实例类型 扩展 uni-app 的 Page 实例，参考代码 👇 // 基于小程序的 Page 实例类型扩展 uni-app 的 P
阅读全文
摘要：['',''].join(" ").trim() 来自实际开发中的一个小知识点避免空元素 温馨提示 小程序 跳转到 tabBar 页面 时，会关闭其他所有非 tabBar 页面。 小程序的 tabBar 页没有后退按钮，可通过 getCurrentPages() 验证，结果仅有一个页面，意味着历史记
阅读全文
摘要：大家对ts文件的校验有类型和eslint的困扰 神器：在script的第一行/* eslint-disable */ 关于ts的忽略类型校验// @ts-ignore 在tsconfig.json中配置 在tsconfig.json文件中，可以通过设置一些编译选项来放宽类型检查的严格程度。 stri
阅读全文
摘要：页面路由参数可以使用 // 接收页面参数 const query = defineProps<{ id: string }>() 直接获取当然也可以使用onLoad的option获取 还有一个 padding: 0 20rpx var(--window-bottom); 为了方便开发者适配多平台，框
阅读全文
摘要：VS Code 对 TS 类型支持友好，前端开发者主流的编辑器 HbuilderX 对 TS 类型支持暂不完善，期待官方完善 git clone -b vite-ts https://gitee.com/dcloud/uni-preset-vue.git 安装 Vue Language Featur
阅读全文
摘要：/** ts-微软开发包含js(最终变异为js)的扩展语言（js的超集）适合大型项目开发 数据类型、逻辑漏洞、低级书写错误、属性访问漏洞 静态类型检查（运行前检查） / /* tsc --init tsc --watch npm i typescript -g tsc xxx.ts / /* 类型大
阅读全文
摘要：以下是关于虚拟滚动加加载的原理和实现思路： 一、虚拟滚动原理 1. 基本概念 可视区域： 用户在屏幕上看到的部分，是实际渲染内容的窗口。只有处于可视区域内的元素才会被渲染到 DOM 中，而其他部分不会被渲染，从而减少 DOM 元素的数量，提高性能。 2. 实现思路 数据存储与显示： 存储大量的数据列
阅读全文
摘要：以下是将 <script> 标签放在 HTML 文档的 <body> 内底部的几个重要原因： 1. 页面加载顺序和性能优化 原理： 当浏览器解析 HTML 文档时，它会按顺序执行遇到的元素。如果 <script> 标签位于 <head> 中或 <body> 的顶部，浏览器会在下载和执行脚本时暂停 H
阅读全文
摘要：以下是在 JavaScript 中处理 100 万数据时确保性能和流畅度的几种方法： 1. 使用 Web Workers 思路： 将数据处理任务转移到 Web Workers，它可以在后台线程中执行代码，避免阻塞主线程，从而保证页面的流畅性。 代码示例：<!DOCTYPE html> <html l
阅读全文
摘要：以下是在 JavaScript 中实现大对象深度对比的几种方法： 方法一：递归比较 function deepEqual(obj1, obj2) { // 首先比较两个对象是否为同一引用 if (obj1 obj2) { return true; } // 检查是否都是对象且不为 null if (
阅读全文
摘要：以下是用户访问页面出现白屏问题的可能原因及排查方法： 1. 网络问题 原因： 用户的网络连接不稳定、速度慢或者网络中断，可能导致页面资源无法正常下载，从而出现白屏现象。 排查方法： 让用户检查自己的网络连接状态，尝试刷新页面或访问其他网站，以确定是否是网络问题。 可以使用网络诊断工具（如 ping、
阅读全文
摘要：以下是对这个问题更准确的解释： 关于刷新页面时的请求 当你在 SPA 中使用 hash 路由时，正常情况下，仅修改 URL 的 hash 部分（例如从 http://example.com/#/page1 更改为 http://example.com/#/page2）不会向服务器发送请求。然而，当你
阅读全文
摘要：以下是对<script>标签上各个属性的详细解释： 1. src 属性 定义： src 属性用于指定要加载的外部脚本文件的 URL 地址。这个 URL 可以是相对路径（相对于当前 HTML 文件所在的目录），也可以是绝对路径。 示例：<script src="scripts/main.js"></s
阅读全文
摘要：一、sideEffects 的定义和目的 在 package.json 中的 sideEffects 属性用于告诉构建工具（如 Webpack 4+），在打包过程中哪些文件具有副作用（side effects），哪些文件没有副作用。副作用是指当导入一个模块时，除了导出模块外，该模块是否会对其他模块或
阅读全文
摘要：以下是一个使用 Node.js 实现的命令行工具，用于统计输入目录下指定代码文件的行数。 实现思路 接收命令行参数，获取输入目录和文件扩展名（例如，.js、.html、.css 等）。 递归遍历输入目录，查找所有符合指定扩展名的文件。 对于每个找到的文件，读取文件内容并统计行数。 输出统计结果。 代
阅读全文
摘要：以下是使用Webpack构建一个自己的React应用的基本步骤： 1. 项目初始化 首先创建一个项目文件夹，并在其中初始化package.json文件（用于管理项目的依赖和脚本等），打开命令行，进入项目文件夹，执行以下命令： mkdir my-react-app cd my-react-app np
阅读全文
摘要：使用localStorage和时间戳结合的方式（JavaScript） 原理：localStorage是一种在浏览器中存储数据的方式，数据不会过期，除非手动清除。为了实现数据的自动过期，可以将数据存储的同时，也存储一个时间戳。在读取数据时，通过比较当前时间和存储的时间戳来判断数据是否过期。 存储数据
阅读全文
摘要：小程序有两个线程主要是为了实现更好的性能、用户体验和安全性，这两个线程分别是逻辑层线程和渲染层线程。 逻辑层线程 功能作用 负责处理小程序的业务逻辑，包括数据的处理、网络请求、事件响应等。例如，当用户点击小程序中的一个按钮来获取商品信息时，逻辑层会发送网络请求到服务器，接收并处理服务器返回的数据，然
阅读全文
摘要：内存泄漏风险 原理：如果在window对象上不断添加属性或方法，而没有及时清理，当这些属性或方法引用了大量的数据（如大型数组、复杂对象等），并且这些数据在后续的操作中不再需要时，就可能会导致内存泄漏。例如，在一个单页应用（SPA）中，每次页面状态变化都在window上挂载一个新的包含大量状态信息的对
阅读全文
摘要：函数式编程的定义和核心概念 定义：函数式编程是一种编程范式，它将计算视为函数的求值，强调避免状态的改变和数据的可变。在函数式编程中，函数是“一等公民”，这意味着函数可以像其他数据类型一样被传递、返回和存储。 核心概念： 纯函数：纯函数是函数式编程的基石。一个纯函数是指对于相同的输入，总是返回相同的输
阅读全文
摘要：DNS（Domain Name System）协议的定义和作用 定义：DNS是一种分布式数据库系统，用于将人类可读的域名（如example.com）转换为计算机可理解的IP地址（如192.0.2.1）。它是互联网基础设施的关键部分，使得用户可以通过方便记忆的域名访问网站和其他网络资源，而不是复杂难记
阅读全文
摘要：名称（Name） 定义：这是cookie的标识符，用于在后续的操作中识别特定的cookie。名称必须是唯一的，在同一个域名下不能有两个名称相同的cookie。例如，一个用于存储用户登录状态的cookie可以命名为“login_status”。 规则：名称是一个字符串，其长度和内容受到一定限制。通常，
阅读全文
摘要：原生JavaScript实现懒加载 原理：利用浏览器的可视区域（getBoundingClientRect函数可以获取元素相对于视窗的位置）来判断图片是否进入可视区域。当图片进入可视区域时，将图片的src属性设置为真实的图片地址，从而实现懒加载。 实现步骤： 首先，将图片的src属性设置为一个占位符
阅读全文
摘要：基于HTML5和JavaScript的简单进度条实现 原理：利用window.onload事件和document.readyState属性来跟踪页面加载进度。document.readyState有不同的状态值，如loading（正在加载）、interactive（文档已被解析，“交互时间”开始）和
阅读全文
摘要：以下是一些常见的站点一键换肤功能的实现方式： 使用CSS变量 原理：通过CSS变量（Custom Properties）来管理站点的主题颜色、背景、字体等样式属性，用户切换主题时，只需要改变这些CSS变量的值，页面的样式会自动更新。 实现方式：在全局样式中定义CSS变量，如--primary-col
阅读全文
摘要：使用响应式布局（Responsive Layout） 原理：通过CSS媒体查询（Media Queries）根据设备的屏幕尺寸、分辨率等属性来动态调整页面的布局和样式。媒体查询允许您针对不同的媒体类型（如屏幕、打印等）和条件（如屏幕宽度、高度、设备方向等）应用不同的CSS规则。 示例代码： 例如，当
阅读全文
摘要：传统表单提交方式 原理：利用HTML的<form>标签，设置enctype="multipart/form - data"属性，允许用户选择本地文件并通过浏览器将文件以POST请求的方式发送到服务器。 示例代码（HTML）：<form action="upload.php" method="post
阅读全文
摘要：以下是一套可以用于全站请求耗时统计工具的设计方案，涵盖了从前端到后端的相关环节： 一、整体架构 该统计工具主要分为前端数据采集模块、数据传输模块以及后端数据处理与分析模块，整体架构如下： 前端数据采集模块 负责在用户端（浏览器）收集各个请求的相关信息，包括请求发起时间、请求完成时间、请求的URL、请
阅读全文
摘要：前端优化策略 缓存数据 浏览器缓存：合理利用浏览器缓存机制，通过设置正确的缓存头来减少不必要的接口请求。例如，对于那些不经常变化的数据（如网站的logo、样式文件等），可以设置较长时间的缓存。可以在服务器端返回数据时，在响应头中设置Cache - Control和Expires字段。如Cache -
阅读全文
摘要：性能优化方面 页面加载速度 优化代码结构：精简HTML、CSS和JavaScript代码。例如，去除冗余的标签和样式，压缩代码以减少文件大小。可以使用工具如HTMLMinifier（用于HTML压缩）、CSSNano（用于CSS压缩）和UglifyJS（用于JavaScript压缩）。这样在用户访问
阅读全文
摘要：用户代理（User - Agent）检测 原理：用户代理是浏览器等客户端发送给服务器的一个字符串，它包含了客户端的软件信息，包括设备类型、浏览器类型等。通过在服务器端或者前端JavaScript代码中检测用户代理字符串，可以判断请求是来自PC还是手机。 示例（前端JavaScript）： 在Java
阅读全文
摘要：QPS（Queries Per Second）的定义 QPS是指每秒查询率，在前端领域，它用于衡量服务器在一秒内能够响应的请求数量。例如，一个网站每秒能够处理100个用户的页面访问请求，那么这个网站的QPS就是100。它是评估系统性能的一个重要指标，能够帮助开发者了解系统在高负载情况下的表现。 计算
阅读全文
