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提交

cc第一周-走进前端_第1张图片 

 cc第一周-走进前端_第2张图片

cc第一周-走进前端_第3张图片 

 

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

2.克隆仓库到本地:

  • (1)在本地电脑上使用GIT命令将远程仓库克隆到本地。在新建的仓库页面选择clone,复制ssh地址。
  • (2)在本地电脑上打开 Git Bash 终端(Windows),或者终端应用(Linux 或 macOS)。
  • (3)输入命令 `git clone [email protected]: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)在提交记录页面可以看到每一次提交的详细信息,包括提交时间、作者、提交描述、修改文件等。 

 

你可能感兴趣的:(前端)