前端预备知识

做前端的需要掌握浏览器渲染原理、前端三大件

一、web标准介绍

web标准:
w3c:万维网联盟组织,用来制定web标准的机构(组织)
web标准:制作网页遵循的规范
web标准规范的分类:结构标准、表现标准、行为标准。

结构:html。表示:CSS。行为:JavaScript。

二、浏览器介绍

浏览器是网页显示、运行的平台。常用的浏览器有IE、火狐(Firefox)、谷歌(Chrome)、猎豹浏览器、Safari和Opera等。平时称为五大浏览器。

浏览器内核

浏览器内核(渲染引擎):决定了浏览器如何显示网页的内容以及页面的格式信息。

浏览器 内核 备注
IE Trident IE、猎豹安全、360极速浏览器、百度浏览器
firefox Gecko 火狐浏览器内核
Safari Webkit 苹果浏览器内核
chrome/Opera Blink chrome/Opera浏览器内核。Blink其实是Webkit的分支

目前国内一般浏览器都会采用Webkit/Blink内核,如360、UC、QQ、搜狗等。

不用 VScode 可以跳过以下部分

三、VScode使用

1、新建 Ctrl + N
2、保存 Ctrl + S
3、放大/缩小 Ctrl + 加号键/减号键
4、叹号 + tab 打出骨架
5、open in browser 打开浏览器浏览

四、VScode安装插件

1、输入 Chinese 安装中文版
2、输入 open in browser 安装选择浏览器打开
3、输入 Auto Rename Tag 自动修过便签名


本文章使用limfx的vscode插件快速发布