javascript
-
JavaScript加密算法_javascript数据安全
JavaScript可通过Web Crypto API实现AES、RSA、SHA-256等加密，用于前端数据保护，但因代码公开，密钥不可硬编码，敏感操作需后端完成，应结合HTTPS与短期Token提升安全，遵循前端加密为辅、后端验证为主、传输安全为基础的原则。 在现代Web开发中，JavaScrip…
-
ES6箭头函数详解_javascript新特性
箭头函数是ES6引入的简洁函数语法，使用=>定义，支持隐式返回且不绑定独立this，而是继承外层作用域的this值。它不能作为构造函数，无prototype属性和arguments对象，需用剩余参数替代。适用于数组方法回调、避免this指向错误的场景，但不可用于需要动态this的对象方法或构造…
-
JavaScriptV8引擎_JavaScript底层原理探究
V8引擎通过解析器、Ignition解释器、TurboFan编译器和垃圾回收器协同工作，采用“解释+JIT”策略提升性能；利用隐藏类与内联缓存优化对象访问；基于分代回收机制管理内存，理解其原理有助于编写高效JavaScript代码。 JavaScript 的高效执行离不开其背后的引擎，而 V8 引擎…
-
JavaScript数据库操作_JavaScript数据持久化方案
JavaScript无内置数据库，但可通过多种方案实现数据持久化：浏览器端可用localStorage、sessionStorage、IndexedDB及Cache API；Node.js服务端可连接MySQL、PostgreSQL、MongoDB或SQLite；跨平台方案包括LevelDB、Fir…
-
JavaScriptSVG操作指南_JavaScript矢量图形处理
掌握JavaScript操作SVG的方法，可实现动态图形与交互效果。1. 使用document.createElementNS创建SVG元素，注意命名空间”https://www.php.cn/link/f1af9918adf75d2cfe2e87861a72f1f6″；2.…
-
在父容器内实现可拖拽、可调整大小且边界受限的HTML元素
本文详细介绍了如何使用纯javascript和css，在指定父容器中实现子元素的拖拽移动和尺寸调整功能。教程涵盖了html结构、css样式以及核心javascript逻辑，重点讲解了如何确保子元素在操作过程中不超出父容器边界，同时优化用户交互体验，包括z-index管理和状态代理机制。 构建受限容器…
-
JavaScript测试驱动_javascript质量保证
TDD通过“红-绿-重构”循环提升JavaScript项目质量：先写失败测试（红），再实现功能（绿），最后优化代码（重构）；配合Jest、Vitest等工具搭建测试环境，编写可读、独立、稳定的测试用例，覆盖核心逻辑；结合CI流程运行测试、检查覆盖率，防止回归问题；虽非万能，但坚持TDD可显著增强代码…
-
javascript_事件委托的实现原理
事件委托基于事件冒泡机制，将事件监听器绑定在父元素上，通过e.target判断触发源并执行逻辑。当子元素触发事件时，事件会冒泡至父元素，由父元素统一处理，从而减少监听器数量、提升性能，并支持动态添加的元素无需重新绑定事件。例如在ul上绑定click事件，通过判断e.target是否为button来执…
-
JavaScript属性描述符_javascript对象特性
属性描述符用于控制对象属性的行为，包括是否可写、可枚举和可配置。1. 数据属性包含 value、writable、enumerable 和 configurable 四个特性，决定属性的值、可修改性、可枚举性和可配置性；2. 使用 Object.defineProperty() 可设置单个属性描述符…
-
在Vitest中测试Vue动态导入组件的策略
本文深入探讨了在vitest测试框架中，如何有效测试使用`defineasynccomponent`进行动态导入的vue 3组件。核心挑战在于异步组件的加载时序问题，导致测试断言在组件渲染前执行。文章详细介绍了通过`vi.dynamicimportsettled()`方法，确保所有动态导入在测试断言…
