全部内容
JS 判断页面滚动条及计算宽度的简洁实现

本文介绍如何使用 JavaScript 判断页面是否存在滚动条并计算其宽度。针对弹窗插件中 overflow: hidden 导致的页面晃动问题,提供兼容 IE7/IE8 的检测代码,以及通过创建临时 div 元素计算滚动条宽度的方案,旨在以简洁代码提升用户体验。

10.22
热度 144
Google JavaScript 代码规范核心要点解析

本文深入解析 Google 发布的 JavaScript 代码规范,涵盖缩进、分号、变量声明、函数定义及字符串处理等 13 条核心规则。通过对比 Airbnb 规范与官方示例,阐述如何编写简洁、一致且可维护的 JS 代码,帮助开发者提升代码质量。

10.22
热度 407
Webpack 热模块替换(HMR)极简配置指南

本文介绍如何在不依赖 React 的情况下,配置 Webpack 实现最简化的热模块替换(HMR)。通过结合 webpack-dev-server 与 nodemon 监听配置文件变化,演示如何配置 package.json 和 webpack.config.js,实现代码修改后无需刷新页面即可更新模块,适用于单一状态树的应用场景。

10.22
热度 407
使用D3.js实现带有弹性动画效果的动态SVG仪表盘

本文详解如何利用D3.js构建一个简洁且具备动态效果的SVG仪表盘。通过定义圆弧角度、添加CSS样式及指针标记,实现数值变化的渐变过程。重点解析如何使用transition和attrTween实现圆弧与指针的弹性回弹动画,解决Echarts无法满足的定制化需求,提供完整的代码实现思路。

10.22
热度 537
详解Vue单页应用前端路由实现原理:History与Hash模式

本文深入解析Vue单页应用(SPA)的两种主流前端路由实现方式:History模式与Hash模式。详细阐述History API中pushState、replaceState及popstate事件的工作机制,以及Hash模式下onhashchange事件的触发逻辑。对比两种模式在URL结构、状态存储及浏览器行为上的差异,并针对History模式可能引发的404错误,提供服务端Fallback配置方案,帮助开发者理解并正确实现前端路由。

10.22
热度 191
webpack-dev-server 基础使用与配置详解

本文详细介绍webpack-dev-server的安装与基本用法,涵盖命令行启动、目录设置及两种自动刷新模式(iframe与inline)。重点讲解如何配置Hot Module Replacement(HMR)以实现热模块替换,包括命令行与Node.js API两种启动方式的具体配置步骤,帮助开发者提升前端开发效率。

10.22
热度 516
Android与JS交互实战:JsBridge库集成与双向调用详解

本文详解Android应用中利用JsBridge库实现Java与JavaScript双向通信的方法。涵盖从Gradle依赖配置、BridgeWebView组件替换,到Java向JS发送数据、JS向Java发送数据的完整代码示例。重点解析默认接收与指定接收两种模式,并提供Java与JS端的监听注册及回调处理逻辑,帮助开发者快速掌握混合开发中的跨语言调用技巧。

10.22
热度 625
JavaScript 日期时间选择器 flatpickr 使用指南

本文介绍轻量级 JavaScript 日期时间选择器 flatpickr。内容涵盖通过 npm 模块安装及非模块环境下的直接引入方式,详解在 webpack、原生 JS 及 jQuery 环境中的具体用法与配置方法,并提供多实例创建及元素选择的代码示例,帮助开发者快速集成该组件。

10.22
热度 498
JavaScript动态加载元素导致事件重复绑定的原因与解决方案

本文分析在JavaScript动态添加DOM元素时,若未处理历史事件监听器,会导致点击等事件被多次触发。通过在使用off方法解绑旧事件后重新绑定,可有效解决动态内容导致的重复执行问题。

10.22
热度 191
JS与Canvas实现图片预览、压缩及上传

本文介绍如何利用JavaScript和Canvas API实现前端图片的预览、压缩与上传功能。通过FileReader读取文件,Canvas绘制并调整质量参数进行压缩,最后生成Base64数据供上传。文中对比了不同压缩比的效果,并指出Base64编码对文件大小的影响及IE9以下版本的兼容性问题。

10.22
热度 330
JavaScript 实现键值对字符串转 JSON 格式

本文介绍在 JavaScript 中将特定格式的键值对字符串转换为标准 JSON 字符串的方法。通过字符串替换操作,将等号与连接符转换为 JSON 所需的冒号、引号及逗号结构,从而实现数据格式的标准化转换,适用于接口响应数据的初步处理场景。

10.22
热度 664
Webpack 4.0 打包优化策略详解:从配置到性能提升

本文系统梳理了Webpack 4.0的打包优化策略,涵盖Loader配置优化、模块解析路径调整、noParse使用、HappyPack多线程构建、DLL动态链接库配置以及Tree Shaking代码剔除。通过具体配置示例,帮助开发者显著提升构建速度与最终包体积。

10.22
热度 373

标签目录

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 应用部署