分类

有时候我们的项目，可能需要判断用户处于苹果还是安卓手机上，这时候就需要判断了。其实，通过浏览器的判断就行，下面提供两种方法自行选择。

npm 是基础包管理器，pnpm 是 npm 的进阶替代方案，而 npx 是 npm 生态下的临时执行工具，三者形成「基础工具 + 进阶工具 + 补充工具」的生态格局。

flask_socketio+pyautogui实现的具有加密传输功能的极简远程桌面：

ES6生成器函数（function*）通过yield关键字实现暂停和恢复执行，返回可迭代的生成器对象。其核心特性包括：1）惰性求值，适合处理大数据或无限序列；2）简化异步流程控制；3）实现状态机逻辑。使用时需注意执行顺序、错误处理和资源清理，建议结合for...of遍历和Promise优化性能。虽然async/await更常用，但生成器在特定场景仍具优势，如需要精细控制执行流程时。

当用户点击"省份名称："文本时，会自动获取输入框的焦点，使用户体验更好。：对于使用屏幕阅读器的用户，这种关联可以帮助他们更好地理解表单结构。：当用户点击标签文本时，浏览器会自动将焦点转移到关联的表单元素上。：它将标签与特定的表单元素（如输入框、复选框等）关联起来。属性的值必须与要关联的表单元素的。属性是一个重要的无障碍功能属性。

axiosTest.html效果ᅟᅠ        ‌‍ᅟᅠ        ‌‍ᅟᅠ        ‌‍ᅟᅠ        ‌‍ᅟᅠ        ‌‍ᅟᅠ        ‌‍ᅟᅠ        ‌‍ᅟᅠ        ‌‍ᅟᅠ        ‌‍ᅟᅠ        ‌‍ᅟᅠ        ‌‍ᅟᅠ        ‌‍ᅟᅠ        ‌‍ᅟᅠ        ‌‍ᅟᅠ        ‌‍ᅟᅠ        ‌‍ᅟᅠ        ‌‍ᅟᅠ        ‌‍ᅟᅠ        ‌‍ᅟᅠ        

Axios是一个基于Promise的HTTP客户端，可以在浏览器和Node.js环境中使用。它提供了一套简单且一致的API，使得发送HTTP请求变得异常便捷。自发布以来，Axios已成为前端开发中处理网络请求的首选工具之一。Axios作为一个功能丰富、使用简便的HTTP客户端库，凭借其优秀的API设计和强大的功能扩展性，成为现代前端开发中处理网络请求的首选工具。通过合理利用配置选项、拦截器、错误处理等机制，可以构建出高效、健壮的前端应用。

在前端开发中，实现路由机制可以让单页应用（SPA）在不刷新页面的情况下，根据用户的操作显示不同的内容。使用Hash和HTML5的History API是实现前端路由的两种主要方法。

浏览器缓存机制在提高网站性能方面起着重要作用，但在文件更新或删除时可能导致缓存相关的问题。通过使用版本号或时间戳作为查询参数、设置 HTTP 缓存头部、清除浏览器缓存或使用服务工作线程，可以有效解决这些问题。选择哪种方法取决于具体的应用场景和需求。希望本文的解决方案能帮助您在开发过程中更好地管理浏览器缓存，避免因缓存导致的 404 错误。

仅个人使用，复习ES6的笔记，比较粗糙，仅适用于浏览器端。

模块功能主要有两个命令，export和import。一个js文件就是一个模块。

私有变量变量名前带#即可。上面代码表示的类图关系如下：

(原文写自2024年10月9日，整理笔记所以现在发出)HTML5 Canvas并不是一项很新的技术了，但是作为一名业余程序员，我是不需要考虑新旧技术和投入实际生产的问题，相反，我只需要考虑有趣，什么有趣搞什么。在Godot中玩味了一圈CanvasItem的绘图函数，也慢慢补齐了一点三角函数、向量和线性变换的基础之后，发现绘图才是程序中最有意思的内容。关于Canvas的2D绘图指令，确实没有必要重复讲述，有很好的文章和在线文档讲述这些内容。

vite.config.js 只能使用 process.env 访问环境变量，因为它运行在 Node.js 环境中，而 import.meta.env 是专为客户端代码设计的特性，不适用于配置文件。通过合理使用 process.env 配置构建过程，并通过 import.meta.env 在客户端访问环境变量，可以最大化利用 Vite 的现代化特性，同时确保安全性和可维护性

matchMedia 是浏览器提供的 JavaScript API，用于检测当前文档是否匹配指定的 CSS 媒体查询条件。与 CSS 媒体查询不同，它允许开发者在 JavaScript 中动态响应视口变化，实现更精细的控制。

就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次 调用就可以了就是按照我们分析好了的步骤，按照步骤解决问题。

适合用于判断对象是否属于 Array、Date 和 RegExp 等内置对象。正式引入 JavaScript，该方法能准确检测一个变量是否为数组类型。的检测使用，而对引用数据类型（如 Array）等不适合使用。操作符返回一个字符串，表示未经计算的操作数的类型。的形式来调用，传递要检查的对象作为第一个参数。会指向构造这个对象的构造器或构造函数。方法能精准地判断出值的数据类型。对象属性，这个对象属性将用作。之间的对象类型检测无法使用。实例化对象的原型对象。来获取每个对象的类型。属性，继承自原型对象，

JavaScript与UniApp、Vue、React的关系

ES5 vs ES6：JavaScript 演进之路

/ 原生类型// 数组类型// 元组类型（固定长度的异构数组）

简介：npm 是 Node.js 的默认包管理工具，最早由 Isaac Z. Schlueter 开发。特点开箱即用，Node.js 自带。生态最大，几乎所有 Node.js 项目都支持 npm。npm 7+ 支持 Monorepo 工作空间。

【代码】JSON.parse(JSON.stringify())深拷贝不会复制函数。

JavaScript性能优化是提升Web应用质量的核心要素，直接影响用户体验与业务成果。研究表明，页面加载延迟1秒可能导致转化率下降7%。高效的JavaScript执行能减少主线程阻塞，避免动画卡顿或操作延迟，尤其在移动端低性能设备上更为关键。优化内存管理与减少冗余计算可降低浏览器资源消耗，防止因内存泄漏导致的崩溃，提升应用稳定性。在竞争激烈的互联网环境中，性能优势已成为产品差异化的关键因素，直接影响用户留存与商业价值。因此，性能优化应作为开发全周期的核心实践，而非事后补救措施。

通过建立多层防护体系（从输入验证到监控报警），结合自动化安全工具链，可以有效降低Web应用面临的安全风险。关键是要形成安全开发的肌肉记忆，在每个环节都主动考虑防御措施，而不是依赖后期补救。