前端学习笔记-Day01

简介

1.完整的产品开发

2.对电脑的配置

• 查看隐藏文件
• 查看文件的后缀名
• 显示文件的详细信息

3.一个网站是由N个网页组成的

4.前端工程师的工作

• 在自己的电脑上完成网站的开发
• 对项目进行打包
• 将项目上传部署到服务器中

5.网页显示的过程

• 在浏览器（客户端）中输入网址，浏览器向服务器进行网络请求
• 服务器将网页相关的资源（html+css+js）下载到本地
• 浏览器对上述资源进行解析

6.网页的组成

• HTML 网页的内容结构
• CSS 网页的视觉体验
• Javascript 网页的交互处理

7.浏览器内核（渲染引擎+js引擎V8）

• 负责解析网页的语法，并渲染（显示）网页
• 分类
  • 1.Trident（三叉戟）
    • IE、360、百度、搜狗、UC
  • Gecko（壁虎）
    • 火狐
  • presto
    • Opera（欧朋）
  • Webkit（Google + Apple）
    • Safari、移动端浏览器（webview）
  • Webkit -> Blink
    • Chrome

8.VSCode插件

• chinese 中文支持
• open in browser 将html在浏览器中打开
• atom 代码主题
• VScode-icons 文件图标的样式

9.快捷键总结

• ！快速生成一套HTML代码
• tab 增加选中行的缩进
• shift+tab 减少选中行的缩进
• alt+b 快速在浏览器中浏览网页

10.HTML（超文本标记语言）

• 超文本：页面内可以包含图片、链接等非文字元素
• 标记：标签和内容组成的称之为元素
  • 有语法错误的HTML代码，还是可以被浏览器识别显示出来，但是意义不大
  • 标签名不区分大小写
  • 元素的书写格式
    • 双标签
      • <开始标签> 内容 </结束标签>
    • 单标签
      • <img src="">
      • 不需要再加后面的斜杠