前端预习作业

走进前端

前端开发是创建web页面或app等前端界面呈现给用户的过程，通过html，css及JavaScript以及衍生出来的各种技术，框架，解决方案，来实现互联网产品的用户界面交互。

html是网页的核心技术之一，是一种制作万维网页面的标准语言，是万维网浏览器使用的一种语言，它消除了不同计算机之间信息交流的障碍。

css是网页外观的重要一点，css可以帮助把网页外观做的更加美观。

JavaScript能够提高开发人员的个人技能。

操作系统

包括Unix和Linux。

网络服务器

前端框架（参考百度等）

Bootstrap

主流框架之一，Bootstrap 是基于 HTML、CSS、JavaScript的，它简洁灵活，使得 Web 开发更加快捷。

html5-boilerplate

该框架可以快速构建健壮，且适应力强的[web app](https://baike.baidu.com/item/web app/9475982?fromModule=lemma_inlink)或网站。

Meteor

Meteor是新一代的开发即时web应用的开源框架，它能在较短时间内完成开发。

Semantic UI

基于自然语言有效原则的UI组件框架

Foundation

优秀的响应式前端框架

Materialize

基于材料设计的现代化响应式前端框架。可提供默认的样式，自定义组件。此外，Materialize还改进动画和过渡，为开发人员提供流畅的体验。

Pure

几乎可以在每一个web项目中使用的一组小的和响应式的CSS模块。

Vue

Vue.js 是用于构建交互式的 Web 界面的库。它提供了 MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的 API。

Skeleton

Skeleton 是一个小的 JS 和 CSS 文件的集合,可快速开发漂亮的网站,适合各种屏幕设备包括手机。Skeleton 基于 960 grid 开发。它是一个 UI 框架。

Amaze UI

国内首个开源HTML5跨屏前端框架产品系列，中文排版支持更优、本土化组件丰富。

UIkit

一个轻量级的和模块化的前端框架,用于快速开发和功能强大的web接口。

MUI

最接近原生App体验的前端框架的框架。

Arale

一个开放、简单、易用的前端基础类库。

JX

JX 是模块化的非侵入式Web前端框架，特别适合构建和组织大规模、工业级的Web App。

GMU

GMU是基于zepto的mobile UI组件库，提供webapp、pad端简单易用的UI组件! Web App。

ZUI

开源HTML5前端框架

Clouda Touch.js

Touch.js是移动设备上的手势识别与事件库,也是在百度内部广泛使用的开发。 [4]

VScode插件安装

Chinese (Simplified) (简体中文)

是一个中文插件，将vscode语言设置为中文

HTML CSS Support

智能提示CSS类名以及id

Live Server

能够在线浏览html网页的更新变化。安装后，html界面鼠标右键，点击 open live serve就可以了打开网页open in browser

这款插件能够在浏览器中打开html网页。鼠标右键 open in default browser，快捷键 Alt + b

Auto Rename Tag

此款插件可以帮助对html标签的补充和成对修改标签。

Prettier - Code formatter

此插件能够将代码进行格式化，调整缩进和布局，是代码更加整齐规范，增加代码可读性

双击vscode——扩展——搜索插件——安装

认识浏览器

浏览器窗口

1、地址栏：用于输入网站的地址，然后按[Enter]键或单击地址栏右侧的按钮即可。
2、菜单栏：由“文件” “编辑” “查看” “收藏夹” “工具”和“帮助”菜单组成。
3、选项卡：可以使用多选项卡浏览方式，以选项卡的方式打开网站的页面 。
4、页面窗口：浏览器的主窗口，访问的网页内容显示在此。
5、状态栏：实时显示当前的操作和下载Web页面的进度情况。

浏览器内核

1、Trident内核
2、Gecko内核
3、WebKit内核
4、Presto内核。

常见浏览器

1、IE浏览器。
2、Microsoft Edge浏览器。
2、Chrome浏览器。
3、Firefox浏览器。
4、Safari浏览器。
Web服务器分类编辑
1、IIS服务器。
2、Apache服务器。
3、Tomcat服务器。

HTTP通信协议编辑

HTTP协议从Web浏览器到服务器返回信息的过程可以分为4个部分：
1、建立连接。
2、发送请求。
4、关闭连接。

Gitee

选择本地项目

右键——选择Git Bash Here

在命令中输入git init

本地目录中生成一个.git文件夹

将当前目录需要上传的文件，将资源添加到缓存区git add.

将缓存区内容提交到本地仓库git commit -m"提交备注“

设置远程仓库地址git remote add origin

将内容从本地仓库提交到远程仓库

提交完成。