java
-
JavaScript防抖与节流函数实战应用_javascript技巧
防抖只执行最后一次，节流固定间隔执行一次。防抖适用于搜索框输入等场景，节流适用于滚动监听、按钮点击等场景，二者均用于优化频繁触发事件的性能问题。 在前端开发中，频繁触发的事件（如窗口滚动、输入框输入、鼠标移动等）容易造成性能问题。JavaScript中的防抖（debounce）和节流（throttl…
-
前端长列表渲染性能优化方案_javascript技巧
答案：前端长列表性能优化需采用虚拟滚动技术，仅渲染可视区域内容。通过控制DOM节点数量，利用固定高度或位置映射表动态计算显示范围，结合成熟库如react-window或vue-virtual-scroller实现流畅滚动，提升用户体验。 前端长列表在数据量大时容易造成页面卡顿、内存占用过高，影响用户…
-
JavaScript实现前端水印功能_javascript安全
前端水印通过canvas生成半透明文本背景并固定定位覆盖页面，用于标识用户身份以防范信息泄露，虽可被禁用JS或截图绕过，但结合MutationObserver防删、定时校验与多层叠加等增强措施，能在管理后台等场景中有效提升溯源能力。 前端水印功能常用于防止截图泄露敏感信息，比如在管理后台、数据报表或…
-
JavaScript中的this指向问题全解析_javascript核心
this的指向在函数执行时确定，遵循“谁调用，this就指向谁”原则：全局环境中this指向window或global；普通函数调用时非严格模式下指向window，严格模式为undefined；对象方法调用时指向调用它的对象；构造函数中this指向新创建的实例；箭头函数无自身this，继承外层作用域…
-
JavaScript中从HTML隐藏输入获取列表长度的常见陷阱与解决方案
本文旨在解决%ignore_a_1%开发者在尝试从html隐藏输入获取“列表”长度时遇到的常见问题。当将数组或类似列表的结构存储在html `value`属性中时，javascript会将其视为字符串而非数组。文章将深入探讨为何 `string.length` 会返回字符数而非元素数量，并提供通过字…
-
JavaScript身份认证与授权
身份认证确认用户身份，授权控制用户权限。通过用户名密码或第三方登录认证后，使用JWT存储用户信息并携带Token进行后续请求；前端根据角色动态展示UI，但关键权限校验须在后端完成。建议使用HttpOnly Cookie存储Token、设置合理过期时间与refresh token机制、传输全程启用HT…
-
JavaScript中获取列表长度的正确方法：避免字符串长度陷阱
本文旨在解决从html隐藏输入获取javascript列表长度时常见的误区。当数组数据存储在隐藏输入的`value`属性中时，它会被隐式转换为逗号分隔的字符串，导致`length`属性返回字符串的字符数而非实际元素数量。文章将详细阐述这一问题的原因，提供使用`split(‘,’…
-
JavaScript：将字符串转换为数组
本文介绍了如何使用 JavaScript 将特定格式的字符串转换为二维数组。通过字符串处理和正则表达式，我们将原始字符串分解为可访问的数组结构，方便后续的数据处理和操作。 在 JavaScript 开发中，经常会遇到需要将字符串转换为数组的情况。当字符串具有特定的结构，例如包含多个子数组时，我们需要…
-
JavaScript数据类型检测的几种方式_javascript基础
JavaScript中类型检测有四种常用方式：1. typeof适用于基本类型（除null），返回字符串类型，但对对象统一返回”object”；2. instanceof基于原型链判断引用类型实例，不适用于原始类型；3. Object.prototype.toString.c…
-
使用JavaScript实现一个简单的任务队列_js异步编程
TaskQueue类通过控制并发数管理异步任务执行顺序，使用Promise实现任务队列，支持按序执行、限制并发及错误处理，在爬虫、上传等场景中有效避免资源竞争。 在JavaScript中处理异步操作时，任务队列是一种常见的控制执行顺序的方式。尤其在需要按顺序执行多个异步任务、限制并发数量或实现重试机…
