Web 笔记

Web前端 笔记

VS Code

Chrome

网站开发

Web前端的三大核心技术

VS Code:全称Visual Studio Code，来自微软，是一个开源¹的，基于Electron的轻量代码编辑器。
Chrome:全称Google Chrome，一款更安全，轻松且安全地使用网络的浏览器。

---

VS Code

• 安装插件：语言包，open in browser view in browser

• 基本使用：设置->首选项->设置（大小，是否换行 word wrap）
  创建文件，创建文件夹，重命名和删除

  ctrl+s：保存
  ctrl+a：全选
  ctrl+x，ctrl+c, ctrl+v：剪切，复制，粘贴
  ctrl+z， ctrl+y：撤销，前进
  shift+end：从头选中一行
  shift+home：从尾部选中一行
  shift+alt+箭头下：快速复制一行
  alt+箭头上或箭头下：快速移动一行
  tab：向后缩进
  tab+shift：向前缩进

---

Chrome

多光标：alt+鼠标左键
ctrl+d：选择相同元素的下一个

---

网站开发

UI设计师：设计稿
wed前端开发工程师（H5开发）
设计稿->代码
数据库里的数据->显示到页面
HTML+CSS
HTML:结构
CSS:样式
web后端开发工程师

---

Web前端的三大核心技术

• HTML²：结构
• CSS：样式
• JavaScript：行为

---

1. 开放源代码 ↩︎

2. 详情见笔记HTML ↩︎