04-浏览器与 Web API

章节目标：围绕“04-浏览器与 Web API”建立知识主干，能说清关键机制，并能用最小代码或真实案例验证结论。

学习要求

• 阅读时把“概念、适用场景、常见错误、验证方法”分别记下来。
• 带代码的内容至少运行一次，再主动修改一个条件观察结果。
• 学完后选择三个主题，不看原文向别人讲清楚。

完整目录（89 篇）

• JS盒子模型
• console.log输出字体颜色
• histoiy 对象
• location 对象
• navigator 对象
• 位置操作
• screen 对象
• window对象
• 导航和打开窗口
• 窗口位置
• 窗口大小
• 系统对话框
• 实现一个页面操作不会整页刷新的网站，并且能在浏览器前进、后退时正确响应。
• 小结
• 检测浏览器版本版本有哪些方式？
• 概述
• 浏览器事件环
• 浏览器模型
• 浏览器消息推送
• Buffer
• base64转化
• 一.编码的发展
• 字符发展历史
• 字符编码的故事
• 字符编码笔记：ASCII，Unicode 和 UTF-8
• 三.Buffer的应用
• 二.进制转化
• 乘2取整
• 概述
• DOM 操作方法
• DOM级别
• Get Geolocation Data
• H5案例分享：移动端touch事件判断滑屏手势的方向 1
• JS盒子模型
• JS获取浏览器窗口大小 获取屏幕，浏览器，网页高度宽度（转）
• Mobile H5 手势解决方案 1
• Tips to write better Conditionals in JavaScript
• clientX,offsetX,screenX,pageX
• event.stopImmediatePropagation
• fastclick的介绍和使用
• hammer.js
• js 中倒计时的纠偏实现？
• js实现微信禁止h5网页下拉，禁止微信内置浏览器下拉网页，附：demo 1
• js实现微信禁止h5网页下拉，禁止微信内置浏览器下拉网页，附：demo
• js页面滑到底部触发事件
• 三种事件模型
• 事件
• 事件委托是什么？
• 事件对象
• gpt实现
• 防抖动与节流
• 介绍
• 写一个通用的事件侦听器函数
• 函数节流
• 函数防抖和节流
• 原生手势控制 1
• 发布订阅模式（观察者模式）
• 图片滚轮放大缩小
• 如何查找一篇英文文章中出现频率最高的单词？
• 事件
• 小程序
• 防抖动与节流
• 拖动的实现 1
• 拖放
• event.stopImmediatePropagation
• 滚动加载更多实现
• 移动端 touchmove高频事件与requestAnimationFrame的结合优化
• 自定义事件
• 让您彻底弄清offset
• 试写h5手势 1
• ant-design中防抖应用
• 移动端 touchmove高频事件与requestAnimationFrame的结合优化
• 防抖动与节流
• 鼠标事件
• 鼠标移动速度侦测
• ww.previewFile
• blob 协议
• 唤起第三方应用
• 在政务微信中
• 快速了解
• 流转base64预览
• 默认浏览器
• 水波纹效果
• ios橡皮筋效果
• 处理iOS端橡皮回弹
• 如何给一个dom元素的原生事件的处理函数，比如click的处理函数传递额外的参数
• 点击穿透
• 给dom元素绑定js事件的三种方式
• ArrayBuffer