cc第一周－走进前端

前端的定义和职责

1.前端是指网页或者应用程序中用户所看到的部分，是与用户交互的界面。

2.主要用HTML，css，JavaScript等技术实现页面的布局、样式、功能等。

3.其主要功能主要包括

• －实现UI界面：负责网站的页面布局和制作，包括整体布局、颜色、字体等。
• －优化用户体验：关注用户在访问过程中的感受和需求，确保网站具有良好的响应。
• －开发交互功能：在用户界面上增加各种交互功能，如表单提交、动画特效等。
• －跨平台兼容性：确保网站在不同操作系统和浏览器小爱都能正常显示和运行。

vscode相关

1.vscode已安装

2.支持多种编程语言和插件，能进行代码编辑调试和编译，适合于多重开发环境。

3.特点和优势

• －高效稳定：核心是基于Electron技术构建的，速度较快，稳定性好。
• －插件丰富：支持多重插件和扩展。
• －自定义设置：有丰富的自定义选项，可根据用户的需求设置。
• －多平台支持：Windows Linux MacOS 均支持

4.一些常用的前端插件

• －Live Server：提供一个本地 Web 服务器，在保存文件时自动更新页面。
• － Bracket Pair Colorizer：彩色显示括号，以便更好地理解代码结构。
• － Prettier：格式化代码，使其更易读。 
• －Auto Rename Tag：自动重命名标签，防止出现不匹配的标签。
• － Path Intellisense：自动补全文件路径和导入模块。
• － ESLint：静态分析 JavaScript 代码，检测潜在的问题并提供修复建议。
• －GitLens：集成 Git 功能，方便代码版本控制和管理。 

5.如何安装插件：在vscode里打开扩展面板（ctrl+shift+X） 选择要安装的插件即可。

认识浏览器

1.常见的浏览器：

Chrom、Firefox、Safari、Edge、

2.浏览器内核能解析网页，浏览器内核可以理解为浏览器所使用的渲染引擎，不同的浏览器内核不一，相同的网页也会有不同的显示。（不同浏览器的兼容性问题会是一个麻烦事）

3.相关浏览器

• －IE：IE浏览器的兼容性问题严重，进行前端开发时尽量避免用IE测试。
• －Firefox：支持性相对较好，弹药注意一些细节上的小差异。
• －Chrome： 前端开发常用，对HTML和css的支持非常好，有许多调试工具和插件。
• －Safari：在Mac和iOS平台上应用广泛，要考虑它对王爷的兼容性问题。
• －Edge：与chrome（现代版）类似。

 

Gitee提交

 

 

 

 

 1.新建仓库：点加号选择新建仓库，填写相关信息后创建项目。

2.克隆仓库到本地：

• （1）在本地电脑上使用GIT命令将远程仓库克隆到本地。在新建的仓库页面选择clone，复制ssh地址。
• （2）在本地电脑上打开 Git Bash 终端（Windows),或者终端应用（Linux 或 macOS）。
• （3）输入命令 `git clone git@github.com:username/repo.git`，其中 username 是 Gitee 用户名，repo 是仓库名称。执行该命令会将远程仓库克隆到本地。

4. 编写代码在本地电脑上使用编辑器编写代码。

3. 提交代码到本地仓库。

• （1）在 VSCode 中打开终端，输入命令 `git add .`，该命令会将当前目录下所有修改过的文件添加到 Git 的暂存区。
• （2）输入命令 `git commit -m "commit message"`，其中 “commit message” 是提交描述信息。该命令会将暂存区内容提交到本地仓库。

4. 将本地代码推送到远程仓库。

在 VSCode 中打开终端，输入命令 `git push origin master`，其中 origin 是远程主机名，master 是分支名。执行该命令会将本地仓库中的代码推送到远程仓库。

5. 查看提交历史

• （1）打开仓库页面，在左侧导航栏中选择“代码”，然后选择“提交记录”。
• （2）在提交记录页面可以看到每一次提交的详细信息，包括提交时间、作者、提交描述、修改文件等。