监听 div 尺寸变化元素尺寸变化没有 resize 事件,用 ResizeObserver 是最标准的做法,对比轮询和 iframe 两种老办法,并说明兼容性处理。2023-05-18技术笔记 / 前端JavaScriptDOMResizeObserver
JS / React 零散笔记集中在 React 项目里遇到的 JS 细节:class 组件的生命周期写法、render 返回值、事件绑定、以及常用的工具函数写法。2023-03-20技术笔记 / 前端ReactJavaScript笔记
用 window.postMessage 在两个页面之间传数据postMessage 的用法、发送端与接收端的完整代码、origin 校验的重要性,以及常见的不触发消息事件的排查思路。2022-11-29技术笔记 / 前端JavaScript跨域postMessageiframe
JS 里的 this 到底指向谁:从调用方式说起this 的值在函数被调用时才确定,和函数怎么定义无关。本文用几个对照例子讲清四种调用形态、call/apply/bind 的作用、箭头函数为什么不受影响,以及回调里丢 this 的常见场景。2021-08-04技术笔记 / 前端前端JavaScriptthis
用 JS 实现全屏预览(F11 效果)用 requestFullscreen 让指定元素全屏,处理各浏览器前缀差异,以及进入和退出全屏的状态监听。2021-07-31技术笔记 / 前端JavaScript全屏DOM
用 JS 下载页面指定内容用 Blob 加 a 标签模拟点击,把页面上某一块内容导出成文件,包括生成 HTML、CSV 和纯文本的写法。2021-07-31技术笔记 / 前端JavaScript下载Blob
为什么用 Object.prototype.toString.call 检测对象类型typeof 判断对象类型为什么不可靠,Object.prototype.toString.call 为什么准确,以及 instanceof、Array.isArray 各自适用什么场景。2021-07-31技术笔记 / 前端JavaScript类型判断原型链
JS 常见报错与原因记录平时遇到的高频报错:操作 undefined 的属性、循环里闭包引用变量、异步返回值当成同步用,逐条说明报错信息背后的真实原因。2021-07-31技术笔记 / 前端JavaScript报错调试
JavaScript 数组常用方法(含 ES6)concat、slice、splice、map、filter、reduce、find、includes 等数组方法逐个说明用法、是否改变原数组、返回什么。2021-07-31技术笔记 / 前端JavaScript数组ES6
前端调用摄像头用 getUserMedia 打开摄像头并显示在页面上、切换前后置摄像头、以及必须在 HTTPS 或 localhost 下才能调用这个限制。2021-07-31技术笔记 / 前端JavaScript摄像头浏览器