作者：Peter 谭老师
转发链接：
https://mp.weixin.qq.com/s/XhwPOv62gypzq5MhhP-5vg
浏览器解析HTML的过程
1、构建 frame, 以建立DOM树。
2、回流(reflow) 引起Dom树结构变化，改变页面布局。
2025年07月01日
作者：Peter 谭老师
转发链接：
https://mp.weixin.qq.com/s/XhwPOv62gypzq5MhhP-5vg
2025年07月01日
很久以前，手机上的交互依赖键盘和触控笔。我们要查看一个很长很长的列表，必须使用非常难用的触控笔或键盘的上下左右键。后来黑莓发明了滚动球，缓解了大拇指按出茧的问题。
2007年，苹果推出iPhone。iPhone只有一个玻璃屏，没有触控笔，直接用手指操作，支持多手指。Multi-Touch这项技术在推出时被誉为和Mouse（Mac），Click wheel（iPod）一样革命性的发明。当然最近的3D Touch（Apple watch）也是革命性的。在推出iPhone之前，苹果已经做了多年的铺垫。2005年收购的小公司finger works就是专门做手势识别的团队，用macbook的人几乎是脱离鼠标的，因为其触控板非常好用，所用技术来自这家公司。
2025年07月01日
很多大公司面试喜欢问这样一道面试题，输入URL到看见页面发生了什么？ 简单来说，共有以下几个过程：
DNS解析
DNS解析实际上就是寻找你所需要的资源的过程。假设你输入www.baidu.com，而这个网址并不是百度的真实地址，互联网中每一台机器都有唯一标识的IP地址，这个才是关键，但是它不好记，乱七八糟一串数字谁记得住啊，所以就需要一个网址和IP地址的转换，也就是DNS解析。下面看看具体的解析过程
2025年07月01日
#头条深一度-深度阅读计划# 在 JavaScript 开发中，操作 DOM 元素的尺寸和位置是常见的任务，尤其是在实现动画、布局调整或响应式设计时。本文将全面解析 JavaScript 中与 DOM 尺寸和位置相关的属性，帮助你更好地理解和使用它们。
2025年07月01日
一次分清clientHeight、offsetHeight、scrollHeight、scrollTop、offsetTop概念：
clientHeight：可视的，看得见的部分，content+padding；
offsetHeight：在clientHeight基础上，添加“”边框“”，即content+padding+margin；
scrollTop：超过clientHeight“顶部界线”的部分，即看不见的、已经 滚动出去 的部分；