蓝旭前端预习1

目录

走进前端

概念

基本工具

HTML，CSS和JavaScript

认识浏览器

主要组成部分

常用浏览器

浏览器内核

常用浏览器及其内核

Gitee

概念

注册

vscode 安装

概念

一些常见插件

---

走进前端

概念

前端像码农中的艺术生，在网页和应用程序上，运用HMTL与CSS建构页面，用JavaScript获取后端数据，完善交互，美化产品视觉效果，提高用户体验。

随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，合适的动效设计，给用户带来极高的用户体验。

基本工具

前端开发需要的基本工具：浏览器、编辑器。

---

HTML，CSS和JavaScript

  三者是构成前端的技术基础。

• HTML：又名超文本标记语言，是一种标记语言，它有很多标签来描述文字、图形、动画、声音、表格等。在 网页和应用程序上，HTML主要是构建骨架，搭建页面的结构，框架。
• CSS：是一种用来给HTML构建样式的语言，可以改变页面中的文字大小，颜色，对齐方式等，达到页面装饰，实现布局，美化页面的效果。
• JavaScript：如同人的神经系统，负责页面的行为交互，动画特效等

 

---

认识浏览器

概念

浏览器是用来检索，展示以及传递Web信息资源的应用程序，使用者可以借助超级链接，通过浏览器浏览互相关联的信息。

主要组成部分

地址栏、菜单栏、选项卡、页面窗口和状态栏。

常用浏览器

•  IE：全称“Internet Explorer”，是微软公司推出的一款网页浏览器。版本较多，需要考虑兼容性问题。
• 火狐（Firefox）：支持的第三方插件非常多，占用后台资源少，安全性高，集HTML查看和编辑、Javascript控制台、网络状况监视器于一体，是开发HTML、CSS、JavaScript等的得力助手。
• 谷歌（chrome）：设计简洁，启动速度快，运行流畅，还有丰富的扩展
• Safari
• Opera

注：我们日常使用的百度属于搜索引擎系统，并不属于浏览器。

浏览器内核

负责读取网页内容，整理讯息，计算网页的显示方式并显示页面。不同的浏览器有不同的内核组成 。

常用浏览器及其内核

浏览器	内核
IE	Trident
火狐（Firefox）	Gecko
谷歌（chrome）/Opera	Blink
Safari	Webkit

---

Gitee

概念

Gitee是开源中国推出的基于git的一项代码托管服务。

注册

 

---

vscode 安装

已成功安装

概念

全称为 Visual Studio Code ，是⼀款免费开源的现代化代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义快捷键、括号匹配和颜色区分、代码片段、代码对比 Diff、GIT命令 等特性，支持插件扩展，并针对网页和云端应用开发做出了优化。

一些常见插件

• Auto Rename Tag ：自动重命名标签。标签都是成对出现的，开始标签修改了，结束标签也会跟着修改。
• Chinese：汉化包。
• open in browser ：可选，右键可以选择在默认浏览器中打开当前网页
• Vetur：包含了语法高亮、智能提示、自动补全、错误提示等。
• JS-CSS-HTML formatter:此扩展已弃用
• ......