前端 JS 零散笔记

把平时写前端攒下的小结论集中记在一起:事件监听、类型判断、数组与对象操作的易错点,以及浏览器行为差异。

技术笔记 / 前端前端JavaScript笔记

监听 div 尺寸变化

元素尺寸变化没有 resize 事件,用 ResizeObserver 是最标准的做法,对比轮询和 iframe 两种老办法,并说明兼容性处理。

技术笔记 / 前端JavaScriptDOMResizeObserver

JS / React 零散笔记

集中在 React 项目里遇到的 JS 细节:class 组件的生命周期写法、render 返回值、事件绑定、以及常用的工具函数写法。

技术笔记 / 前端ReactJavaScript笔记

用 window.postMessage 在两个页面之间传数据

postMessage 的用法、发送端与接收端的完整代码、origin 校验的重要性,以及常见的不触发消息事件的排查思路。

技术笔记 / 前端JavaScript跨域postMessageiframe

JS 里的 this 到底指向谁:从调用方式说起

this 的值在函数被调用时才确定,和函数怎么定义无关。本文用几个对照例子讲清四种调用形态、call/apply/bind 的作用、箭头函数为什么不受影响,以及回调里丢 this 的常见场景。

技术笔记 / 前端前端JavaScriptthis

用 JS 实现全屏预览(F11 效果)

用 requestFullscreen 让指定元素全屏,处理各浏览器前缀差异,以及进入和退出全屏的状态监听。

技术笔记 / 前端JavaScript全屏DOM

用 JS 下载页面指定内容

用 Blob 加 a 标签模拟点击,把页面上某一块内容导出成文件,包括生成 HTML、CSV 和纯文本的写法。

技术笔记 / 前端JavaScript下载Blob

为什么用 Object.prototype.toString.call 检测对象类型

typeof 判断对象类型为什么不可靠,Object.prototype.toString.call 为什么准确,以及 instanceof、Array.isArray 各自适用什么场景。

技术笔记 / 前端JavaScript类型判断原型链

JS 常见报错与原因

记录平时遇到的高频报错:操作 undefined 的属性、循环里闭包引用变量、异步返回值当成同步用,逐条说明报错信息背后的真实原因。

技术笔记 / 前端JavaScript报错调试

JavaScript 数组常用方法(含 ES6)

concat、slice、splice、map、filter、reduce、find、includes 等数组方法逐个说明用法、是否改变原数组、返回什么。

技术笔记 / 前端JavaScript数组ES6

前端调用摄像头

用 getUserMedia 打开摄像头并显示在页面上、切换前后置摄像头、以及必须在 HTTPS 或 localhost 下才能调用这个限制。

技术笔记 / 前端JavaScript摄像头浏览器

站内搜索

没有找到内容!