认识 URI 与 URL

与 URI(Uniform Resource Indentifier:统一资源标识符) 相比,大多数人可能更熟悉 URL(Uniform Resource Locator:统一资源定位符)。两者有什么区别吗?如果直接从中文翻译名称来看,它们之间的不同就在于“标识”和“定位”两个词语的差别。那么“标识”和“定位”的却别究竟在哪里呢?本…

使用 preload 和 prefetch 预加载关键资源

提到前端性能优化,我们通常会想到启用压缩,压缩资源文件大小。或者启用浏览器缓存,可以起到较少 HTTP 请求,优化资源加载速度的效果,但这些手段主要提升重复访问相同资源时的加载速度。默认情况下,浏览器只会先加载 HTML 中声明的资源。如果没有声明,浏览器是不会提前加载资源的。那有没有什么办法能提前加载页面所需资源,优化首次的…

HTTP 协议与 IP、TCP 协议以及 DNS 服务之间的关系

现在对前端工程师的技能要求越来越高了。除了需要熟练掌握 HTML、CSS、JavaScript 以及各大主流的前端框架(vue、angular、react等)的应用,还需要需熟练使用各类前端工程化工具(grunt、gulp、webpack、yeoman等)。而一些大厂对前端工程师的技能要求,也慢慢开始要求前端工程师掌握 HT…

谈谈对于 HTML 语义化的理解

HTML 语义化应该算是一个比较老的话题了,讨论这个话题最活跃的时候应该是 2006 年左右的时候。在那个年代,国内才刚刚开始推广使用基于 W3C 的 Web 标准(主要指 CSS2.0 和 XHTML1.1 标准)开发制作 Web 页面。

感觉几乎是在一瞬间,所有国内的各大门户网站都先后开始使用 CSS + XHTML 技术对以前基于 TABLE 布局的 W…