全部内容
深入理解JavaScript系列(9) 根本没有“JSON对象”这回事!

本文澄清了JavaScript开发中常见的误区:将对象字面量误称为JSON对象。JSON本质上是一种数据交换格式的字符串,只有在字符串上下文中才称为JSON。文章通过对比展示了JSON字符串与对象字面量的语法差异,并介绍了ECMAScript 5新增的JSON对象及其parse和stringify方法,帮助开发者正确理解和使用数据序列化。

10.26
热度 438
深入理解JavaScript系列(8) S.O.L.I.D五大原则之里氏替换原则LSP

本文深入解析JavaScript中S.O.L.I.D五大原则之一的里氏替换原则(LSP)。通过Vehicle和Square/Rectangle两个典型案例,阐述子类替换父类时行为一致性的重要性,并探讨契约设计、对象组合及行为兼容性等避免LSP违背的策略。

10.26
热度 162
JavaScript 实现文本框水印与占位符兼容方案

本文详细介绍在HTML5 placeholder属性未被旧版浏览器(如IE9及以下)支持时,如何利用JavaScript实现文本框水印效果。文章对比了直接修改value值的传统做法与通过DOM元素绝对定位实现的更优方案,提供了完整的CSS样式与JS封装代码,并演示了如何兼容处理HTML5 placeholder属性。

10.26
热度 424
JavaScript获取浏览器视口与页面尺寸的工具类封装

本文介绍如何利用JavaScript封装获取浏览器视口、页面及窗口尺寸的工具类。通过统一处理document.body与document.documentElement在不同兼容模式下的差异,解决跨浏览器获取scrollTop、scrollWidth等属性不一致的问题,并提供将元素居中显示的实战示例。

10.26
热度 391
JavaScript实现输入框默认值提示与清空逻辑

本文介绍如何使用JavaScript实现输入框的默认值提示效果。通过定义通用函数,监听onfocus和onblur事件,在用户获取焦点时清空提示文本,失去焦点且内容为空时恢复默认值。代码包含函数定义及遍历所有文本框批量应用的完整示例,适用于提升表单用户体验。

10.26
热度 353
JS读取Cookies隐藏友情链接的机制与防范

本文分析一种利用JavaScript读取Cookies来隐藏友情链接的技术。攻击者通过PHP写入Cookie,前端JS动态生成链接,导致页面源码中不直接显示链接。这种方法常用于SEO作弊,提醒站长在添加外链时需检查源文件而非仅看页面显示。

10.26
热度 222
JavaScript实现VIN码第9位校验位验证算法

本文介绍如何使用JavaScript验证汽车识别代码(VIN)的第9位检验位。VIN码共17位,第9位为校验位,通过前16位字符按特定加权系数计算得出。文章提供了完整的JS代码示例,包括字母数字映射表、加权系数数组及校验逻辑,用于判断输入的VIN码是否合法。

10.26
热度 213
JavaScript 实现二维空间伪3D透视效果与坐标转换

本文详解如何在二维网页空间中模拟三维视觉效果。核心原理是将三维坐标转换为二维坐标,利用透视公式 scale = fl / (fl + z) 计算物体大小比例。文章采用面向对象思想构建场景与物件模型,并提供多个包含鼠标交互的完整代码示例,展示如何通过调整观察点距离和物体深度实现近大远小的真实透视感。

10.26
热度 86
NodeWatcher:Windows平台下Node.js调试辅助工具

NodeWatcher是一款专为Windows平台设计的Node.js调试辅助工具,旨在解决fs.watchfile兼容性问题。该工具支持监控主JS文件子目录下的文件变更并自动重启Node进程,同时提供Web界面查看日志。本文详细介绍其命令行参数配置、内置日志方法调用及无需安装的部署方式,帮助开发者提升调试效率。

10.26
热度 194
JavaScript 遍历对象属性:区分自有属性与继承属性

本文介绍在 JavaScript 中使用 for in 循环遍历对象属性的方法。默认情况下,for in 会遍历原型链上的属性,通过 hasOwnProperty 方法可以过滤掉继承属性,仅保留对象自身的属性,从而确保遍历结果的准确性。

10.26
热度 637
JavaScript 函数赋值与执行的区别:理解变量与返回值的本质

本文深入解析 JavaScript 中函数赋值与执行的区别。重点阐明将匿名函数赋给变量后,变量本身即存在且类型为 Function,无论其返回值为何。通过代码示例说明 testFun 与 testFun() 的本质差异,帮助开发者避免将变量与执行结果混淆,正确理解函数对象的生命周期及属性挂载机制。

10.26
热度 373
JavaScript中双感叹号(!!)的布尔转换原理与jQuery应用

本文解析JavaScript中双感叹号(!!)的核心作用,即利用非运算符将任意值强制转换为布尔类型。通过简单示例与jQuery源码中的grep函数,说明其如何确保变量仅取true或false,避免null或undefined干扰逻辑判断,提升代码健壮性。

10.26
热度 250

标签目录

JavaScript 核心技术JavaScript 基础JavaScript 函数与作用域JavaScript 对象与原型JavaScript 数组与数据处理JavaScript 异步编程JavaScript 项目实战
浏览器与 Web 开发DOM 与事件浏览器 API网络请求与通信浏览器数据存储前端调试前端安全
前端框架与应用VueReactNext.jsNuxt前端状态管理前端性能优化
TypeScript 与工程化TypeScript前端构建依赖管理自动化测试前端部署代码规范与重构
Node.js 后端开发Node.js 基础Node.js Web 框架数据库开发接口开发与鉴权服务部署与运维Node.js 性能优化
AI 开发与应用大模型 API 开发AI 智能体开发RAG 与知识库AI 编程工具AI 多模态应用AI 应用部署