前端教程

Chrome62新特性：Network Information API 更精准,OpenType可变字体，动态从媒体Dom元素获取stream内容，HTTP站点都会被标不安全标志；DevTools升级部分：console控制台可以直接使用a...

Chrome 61新特性： 支持原生的 JS Module，支持了 navigator.share web Share API，支持了WebUSB API

Eruda 是一个专为手机网页前端设计的调试面板，类似 DevTools 的迷你版，其主要功能包括：捕获 console 日志、检查元素状态、捕获XHR请求、显示本地存储和 Cookie 信息等等。 Demo 直接访问：https://er...

性能优化是一门大学问，本文仅对个人一些积累知识的阐述，欢迎下面补充。 抛出一个问题，从输入url地址栏到所有内容显示到界面上做了哪些事？ 1.浏览器向 DNS 服务器请求解析该 URL 中的域名所对应的 IP&...

nginx在应用程序中的作用 解决跨域 请求过滤 配置gzip 负载均衡 静态资源服务器 … nginx是一个高性能的HTTP和反向代理服务器，也是一个通用的TCP/UDP代理服务器，最初由俄罗斯人Igor Sysoev编写。 ...

偶然在知乎上看到一篇回帖，瞬间觉得之前看的那么多资料都不及这一篇回帖让我对 websocket 的认识深刻有木有。所以转到我博客里，分享一下。比较喜欢看这种博客，读起来很轻松，不枯燥，没有布道师的阵仗，纯粹为分享。废话这...

在开发移动端页面的时候我们通常是在浏览器完成开发完成，之后才在手机端测试，如果测试出现问题还得重新回到浏览器上寻找错误。甚至还有嵌入在APP的页面，经过调试之后还要重新发包。当然还有更加奇怪的现象，由于手机浏览器和Web浏览器的差异，经常会...

在通过调试工具查看网络请求的时候，通常在response header能看到类似下面这种：Keep-Alive: timeout=10, max=94 。那么Keep-Alive到底是什么呢？ HTTP Keep-Alive 在h...

从输入URL加载起看方向 从输入 URL 到页面加载完成的过程： 首先做 DNS 查询，如果这一步做了智能 DNS 解析的话，会提供访问速度最快的 IP 地址回来 接下来是 TCP 握手，应用层会下发数据给传输层，这里 TCP 协议会指明两...