javascript

兆子龙1 小时前
javascript·面试
深入 ahooks 3.0 useRequest 源码:插件化架构的精妙设计ahooks 的 useRequest 是一个强大的异步数据管理 Hook,它不仅处理 loading、data、error 等基础状态,还支持轮询、防抖、节流、屏幕聚焦重新请求等高级功能。这一切都建立在一套精妙的插件化架构之上。
电商API_180079052471 小时前
开发语言·前端·javascript
淘宝商品详情数据获取全方案分享在电商数据分析、竞品监控、商品比价、选品决策、库存预警等场景中,淘宝商品详情数据是核心数据源——包含商品基础信息(标题、价格、主图)、规格参数(SKU、材质、尺寸)、营销信息(优惠、运费)、商家信息(店铺评分、资质)及详情描述等关键内容。但淘宝平台具备严苛的反爬机制(动态渲染、签名验证、IP封禁等),且数据接口权限管控严格,导致很多开发者在获取数据时面临“获取难、不稳定、易封禁、不合规”等痛点。
前端不开发2 小时前
前端·javascript
在任意网页里“召唤”一个火柴人:一次有趣的 JavaScript Hack有时候,写点“没什么用但很好玩”的代码,比写业务代码更能提升对浏览器底层的理解。这次分享的是一个小脚本: 只需要把它保存为书签(Bookmarklet),点击一下,就能在当前任意网页上生成一个可操控的火柴人。 它能跳跃、移动、下落穿透平台,还能拾取道具、回血、加速、增强跳跃甚至短暂无敌。
icebreaker4 小时前
前端·javascript·后端
Mokup:构建工具友好的可视化 Mock 工具大家好呀,我是 icebreaker,一名前端开发者兼开源爱好者。马上就过年了,在这个特别的时间点,我先祝大家:新年快乐!身体健康!工作顺利!来年发大财!
禾叙_4 小时前
开发语言·javascript·ecmascript
【netty】Channelchannel 的主要作用 • close() 可以用来关闭 channel • closeFuture() 用来处理 channel 的关闭 sync 方法作用是同步等待 channel 关闭 而 addListener 方法是异步等待 channel 关闭 • pipeline() 方法添加处理器 • write() 方法将数据写入 • writeAndFlush() 方法将数据写入并刷出
简单Janeee5 小时前
前端·javascript·vue.js
[Vue 3 从零到上线]-第三篇:网页的指挥官——指令系统 (v-if, v-for, v-bind, v-on)[Vue 3 从零到上线]-第二篇:神奇的魔法盒——响应式基础 (ref 与 reactive)v-if 和 v-show 看起来效果一样,但在浏览器底层,它们的操作完全不同。
陈广亮5 小时前
javascript
告别 JSON.parse(JSON.stringify()) — 原生深拷贝 structuredClone在 JavaScript 中深拷贝一个对象,最常见的"hack"写法是:这个方法简单粗暴,但有一堆坑:
Trae1ounG5 小时前
前端·javascript·vue.js
这是json下面给你一份可直接替换现有 parser.js 的增强版实现(仍保持“最小可运行”的思路),重点做了你要求的三件事:
叫我一声阿雷吧6 小时前
开发语言·javascript·性能优化·js图片懒加载
【JS实战案例】实现图片懒加载(基础版)原生JS+性能优化,新手可直接复现前言:图片懒加载是前端性能优化中最基础、最常用的技巧之一,尤其适用于电商首页、长图文、相册等图片数量较多的场景。本文将用「原生JS」实现基础版图片懒加载,不依赖任何框架/第三方库,代码简洁、注释详细,新手可直接复制运行,同时讲解核心原理和基础性能优化,适合作为JS实战入门案例。
前端程序猿i7 小时前
开发语言·前端·javascript·vue.js·安全
第 8 篇:Markdown 渲染引擎 —— 从流式解析到安全输出系列:《从零构建跨端 AI 对话系统》 前置:第 1-7 篇的完整对话系统 目标:构建一个流式安全的 Markdown 渲染管线,覆盖库选型、流式容错、XSS 防护、自定义渲染器(代码复制、图片放大、表格横滚、链接预览)
css趣多多7 小时前
前端·javascript·vue.js
resize.js这段代码是 Vue 组件中一个非常典型的处理图表自适应窗口大小变化的逻辑,核心目的是让图表在浏览器窗口尺寸改变或组件更新时,能够平滑地调整自身大小,同时做好资源清理避免内存泄漏。 代码整体功能拆解
掘金安东尼8 小时前
前端·javascript·面试
零 JavaScript 的性能优化视频嵌入原文:Performance-Optimized Video Embeds with Zero JavaScript
Filotimo_8 小时前
前端·javascript·vue.js
Vue 选项式 API vs 组合式 API:区别全解析如果你刚开始学习 Vue 3,你可能会听到两个词:选项式 API 和 组合式 API。它们是什么?有什么区别?应该用哪个?这篇文章用最简单的方式讲清楚。
滕青山9 小时前
前端·javascript·vue.js
文件16进制查看器核心JS实现本文将介绍基于 Vue 3 和 Nuxt 3 实现的“文件16进制查看器”的核心技术方案。该工具主要用于在浏览器端直接查看任意文件(包括二进制文件)的十六进制编码,所有文件处理均在前端完成,不涉及后端上传。
wuhen_n8 小时前
前端·javascript
JavaScript 手写 new 操作符:深入理解对象创建当我们使用 new 关键字时,背后到底发生了什么?这个看似简单的操作,实际上完成了一系列复杂的步骤。理解 new 的工作原理,是掌握 JavaScript 面向对象编程的关键。
wuhen_n9 小时前
前端·javascript
JavaScript 手写 call、apply、bind:深入理解函数上下文绑定当面试官让我们手写 call、apply、bind 时,他们真正考察的是什么?这三个方法看似简单,却隐藏着 JavaScript 函数执行上下文、原型链、参数处理等核心概念。本文将从零实现,并深入理解它们的差异和应用场景。
前端 贾公子8 小时前
前端·javascript·vue.js
Vue3 业务组件库按需加载的实现原理(中)根据上文我们知道 App.vue 的模板内容会被编译成:那么根据上文我们知道需要把 _resolveComponent("my-button") 部分替换成对应的组件对象,内容如下:
温轻舟8 小时前
前端·javascript·css·html·可视化·可视化大屏·温轻舟
前端可视化大屏【附源码】注意:由于图片和其余配置过多,做不到全部放置,大家可以关注+私信我,我单独发给大家
Jing_Rainbow9 小时前
前端·javascript·react.js
【React-9/Lesson93(2025-12-30)】React Hooks 深度解析:从基础到实战🎯Hooks 是 React 16.8 引入的新特性,它是一种函数编程思想的体现。Hooks 以 use 开头,用于封装 Vue/React 组件的状态和生命周期,让开发者可以"呼之即来",使用起来非常方便。
web打印社区9 小时前
前端·javascript·vue.js·electron·html
web-print-pdf:专为Web打印而生的专业解决方案你有没有遇到过这样的场景:电商后台需要批量打印发货单,每点一次打印,浏览器就弹出一次预览窗口,员工不得不守在电脑前不断点击“确认打印”; 企业ERP系统要输出上百页的财务报表,结果样式错乱、表格断页,还得手动调整; 连锁门店需要远程打印小票,技术人员却告诉你“Web应用没法直接指定远程打印机”……