ttp流程的重点解析：图解http，content-type,跨域； ##http 浏览器输入url到整个页面显示出来经历的过程 从输入 URL 到页面加载完成的过程中都发生了什么事情？ 这篇也有价值 输入的时候判断（回车前）判断是域名，还是搜索条件（回车后）url ＝ 协议＋域名／ip+port协议：http,https,ftp… HTTP 请求的发送　HTTP协议是无状态的和Connection: keep-alive的区别 　　无状态是指协议对于事务处理没有记忆能力，服务器不知道客户端是什么状态。从另一方面讲，打开一个服务器上的网页和你之前打开这个服务器上的网页之间没有任何联系。HTTP是一个无状态的面向连接的协议，无状态不代表HTTP不能保持TCP连接，更不能代表HTTP使用的是UDP协议（无连接）。 DNS查询用户输入访问的域名,操作系统向 LocalDns 查询域名的ip地址.LocalDns向 ROOT DNS 查询域名的授权服务器(这里假设LocalDns缓存过期)ROOT DNS将域名授权dns记录回应给 LocalDnsLocalDns得到域名的授权dns记录 ...

原文Cross-Browser Tabindex Woes 适当运用tabindex这个有用的工具，可许多浏览器处理这个属性不稳定；来挑战这个问题； tabindex 基础知识 tabindex是html元素的属性，允许你操作元素的tab顺序；一般，在web页面点击tab键将按照可交互元素呈现在文档流的顺序逐一获取焦点。一旦该元素获取焦点，可以通过键盘操作页面：激活链接、点击提交按钮、或给input输入信息 使元素focusable 设置元素属性tabindex="0"可以使它focusable，无论它是不是可交互元素。这个对于完成一个form或者应用组件是相当有用的;但是这样做潜在的风险是：使元素没有正确的WAI-ARIA属性，影响使用屏幕阅读器的人的使用； 连续的 tabindex比0大的tabindex值，指定元素在页面中的tab顺序。 设置`tabindex="1"` 的元素会在第一次点击tab的时候被focus,继续点击tabindex值更高的元素会被focus,也包括其他键盘事件可focus的元素（tabindex=" ...

动画实现形式： javascript 直接操作dom css: trastion,animation canvas + js 60Hz和60fps是什么关系没有任何关系。fps代表GPU渲染画面的频率，Hz代表显示器刷新屏幕的频率。一幅静态图片，你可以说这副图片的fps是0帧/秒，但绝对不能说此时屏幕的刷新率是0Hz，也就是说刷新率不随图像内容的变化而变化。游戏也好浏览器也好，我们谈到掉帧，是指GPU渲染画面频率降低。比如跌落到30fps甚至20fps，但因为视觉暂留原理，我们看到的画面仍然是运动和连贯的。 CSS动画TransitionsAnimation总结优点：1) 简单、高效2) 声明式的3) 不依赖与主线程，采用硬件加速（GPU）参看层的创建4) 简单的控制keyframe animation 播放和暂停 缺点：1) 不能动态的修改或定义动画内容2) 不同的动画无法实现同步3) 多个动画彼此无法堆叠 requestAnimationFrame优点：1) 在每次浏览器更新页面时，能获取通知并执行应用。 简单理解为，RAF能在每个16.7ms间执行一次咱们的函 ...

前记：行路者，在意前方的终点，更在意当下路旁的风景 大标题12大标题============== 中标题12中标题----------------------- 小标题H11# 小标题H1 小标题H21## 小标题H2 小标题H31### 小标题H3 强调斜体123*斜体*_斜体__ 斜体 _(_或者*两边有空格者表示正常字符) 加粗1234**加粗**__加粗____ 加粗 __(_或者*两边有空格者表示正常字符)***加粗斜体*** 或者 ___特别强调___ (示例：粗斜体) 表格 Item Value Qty Computer 1600 USD 5 Phone 12 USD 12 Pipe 1 USD 234 12345| Item | Value | Qty || :-------- | --------:| :--: || Computer | 1600 USD | 5 || Phone | 12 USD | 12 || Pipe | 1 USD | 234 | 当行文本输入两个tab,然 ...