标签: html

【前端知乎系列】ArrayBuffer 和 Blob 对象

本文首发在我的【个人博客】
更多丰富的前端学习资料，可以查看我的 Github : 《Leo-JavaScript》，内容涵盖 数据结构与算法 、 HTTP 、 Hybrid 、 面试题 、 React 、 Angular 、 TypeScript 和 Webpack 等等。
点个 Star 不迷路~

梁晨大约 7 分钟

前端优化文档

链接：前端优化

前端优化

浏览器发送HTTP请求，服务器收到请求全文后，返回HTTP响应，在浏览器接收之后结束这个过程。浏览器和服务器只有一次互动的机会，浏览器主动发起，而服务器被动地根据收到的请求内容返回结果。一个完整的请求都需要经过DNS寻址、与服务器建立连接、发送数据、等待服务器响应、接收数据的过程。

前端优化的途径

页面级别 的优化，例如HTTP请求数、脚本的无阻塞加载、内联脚本的位置优化等；
代码级别 的优化，例如JavaScript中的DOM操作优化、CSS选择符优化、图片优化以及HTML结构优化等。

梁晨大约 8 分钟

前端开发文档

最近在整理全栈开发方面的技术细节，写成文档方便工作中查找，在这里分享这个站点。 **地址：前端开发文档 **

全栈开发

HTML5/CSS3

梁晨大约 2 分钟

前端开发工具

前端教程

JavaScript

梁晨大约 5 分钟

前端开发面试题

站点地址：全栈开发
原文链接：前端开发面试题

HTML

Doctype作用？标准模式与兼容模式各有什么区别？

1、 <!DOCTYPE> 声明位于HTML文档中的第一行，处于 <html> 标签之前，告知浏览器的解析器用什么文档标准解析。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。

2、标准模式的排版和JS运行模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示，模拟老式浏览器的行为以防止站点无法工作。

梁晨大约 47 分钟

HTML5元素和语义化标签

站点：前端开发文档
原文： HTML元素
原文：语义化标签

HTML元素

元素分类

块级元素 ： div 、 h1-h6 、 hr 、 menu 、 ol 、 ul 、 li 、 dl 、 dt 、 dd 、 table 、 p 、 form
- 自身属性为 display: block; 的元素，通常使用块级元素进行布局（结构）的搭建。
块级元素的特点
- 独占一行
- 从上到下依次排列
- 直接控制宽度、高度以及盒子模型的相关CSS属性
- 不设置宽度，块级元素的宽度是它的父元素内容的宽度，高度是自身内容的高度
- 可以嵌套行内元素
- ul/ol 下面只能是 li ， dl 下面只能是 dt dd ； p 不能包含其他块级元素包括自身
内联元素 ： span 、 a 、 strong 、 i 、 em ， s 、 u ， textarea 、 input 、 select ， label 、 img 、 sup ， sub
- 自身属性为 display: inline; 的元素，通常使用行内元素进行文字、小图标（小结构）的搭建。
内联元素的特点
- 不独占一行，和其他内联元素从左到右在一行显示
- 不能直接控制宽度、高度以及盒子模型的相关CSS属性，可以直接设置内外边距的左右值
- 宽高由自身内容的大小决定（文字、图片等）
- 只能容纳文本或其他内联元素（不能在内联元素中嵌套块级元素）

梁晨大约 5 分钟