摘要：
虽然网上有很多关于绘制三角形的代码，但是我相信还是有一部分人是不知道如何实现的。我下面举个栗子。 这种情况应该都能理解，不就是设置一个边框嘛 width: 100px; height: 100px; border: 20px solid; border-color: #000; box-sizing 阅读全文
摘要：
什么是回流？ 当一个元素自身的宽高，布局，显示或隐藏，或元素内部的文字结构发生变化，导致需要重新构建页面的时候，就产生了回流 什么是重绘？ 当一个元素自身的宽高，布局，及显示或隐藏没有改变，而只是改变了元素的外观风格的时候，就产生了重绘 什么时候会进行回流？ 添加或者删除可见的 DOM 元素的时候 阅读全文
摘要：
为什么要使用 Flex 布局？ Flex 布局是目前比较流行的一种布局，因为它十分简单灵活，区区简单几行代码就可以实现各种页面的的布局，以前我在学习页面布局的时候我深受其 float、display、position 这些属性的困扰。使用 Flex 属性就可以写出简洁优雅复杂的页面布局 目前整理了一 阅读全文
摘要：
静态布局 描述：就是设定好的长和宽，大小不会改变，不管你多大的屏幕它都是那么大，分辨率是不会改变的 优点：这个对于开发者来说是最简单的一种布局方式，没有什么兼容性的问题 缺点：当屏幕分辨率太低时，会展现出滚动条 场景：传统 web 网站 自适应布局 描述：不同屏幕分辨率下，保持原有展示方式。即元素的 阅读全文
摘要：
这个题目没有标准答案，以下是我个人的理解 浏览器通过 DNS 查找域名的 IP 地址 浏览器与目标服务器建立 TCP 连接（3 次握手） 浏览器通过 http 协议发送资源请求（接口、图片、音频、视频、CSS、JS 等等） 服务器端响应 http 请求 浏览器解析渲染 HTML 代码，最终呈现给用户 阅读全文
摘要：
web 标准 web 标准主要分为结构、表现、行为 3 部分 结构：指我们平时在 body 里面写的标签，主要是由 HTML 标签组成 表现：指更加丰富 HTML 标签样式，主要由 CSS 样式组成 行为：指页面和用户的交互，主要由 JS 部分组成 W3C W3C 对 web 标准提出了规范化的要求 阅读全文
摘要：
什么是浏览器内核？ 浏览器内核也可以理解为排版引擎，主要由 2 部分组成，渲染引擎和 JS 引擎 排版引擎主要是负责获取网页内容（HTML、XML、图像、CSS、JS）等信息进行解析、渲染网页，将网页的代码转换为看得到的页面 浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同，常见 阅读全文
摘要：
存储大小 cookie：数据大小不能超过 4k localStorage、sessionStorage：数据大小支持 5M 左右，不同浏览器存储大小不同 生命周期（有效时间） cookie：需要设置有效期，过期后 cookie 就会销毁 localStorage：除非被手动清理，否则永久存在 ses 阅读全文
摘要：
什么是标签语义化？ 提升代码可读性，便于团队开发和维护 为什么要标签语义化？ 当网页去掉 CSS 样式时，页面能呈现出来清晰的结构 案例 不存在语义化 <div></div> <div></div> <div></div> 使用语义化 <header></header> <main></main> 阅读全文
摘要：
概念 HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准 文档类型声明 HTML <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3333.org/TR/html4/ strict.dtd"> HT 阅读全文