weixin_73149966的博客

vue-cli脚手架的前端项目，点击npm脚本中的第二条编译命令，即可将项目编译，生成一个dist的文件夹，里面存放的就是编译好的前端项目文件，没有脚手架就在终端敲击npm run build命令编译前端项目。

Element:是饿了么团队研发的，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。组件:组成网页的部件，例如 超链接、按钮、图片、表格、表单、分页条等等。官网:https://element.eleme.cn/#/zh-CNListener。

Vue 是一套前端框架，免除原生JavaScript中的DOM操作，简化书写基于MVVM(Model-View-ViewModel)思想，实现数据的双向绑定，将编程的关注点放在数据上。官网:https://v2.cn.vuejs.org/

Browser Object Model 浏览器对象模型JavaScript 将浏览器的各个组成部分封装为对象组成:Window:浏览器窗口对象.Navigator:浏览器对象Screen:屏幕对象.History:历史记录对象Location:地址栏对象。

css程序都是在style标签中书写打开该网页，可以看到h1标签中的我是标题被渲染成了红色可以在同级目录下创建一个css目录，专门存放css文件，可以和html分开编写然后在html页面中，利用link标签以及css文件地址，将该css文件引入html中，达到上述同样效果也可用下述import方式引入外部的css文件css的优势:1、内容和表现分离2、网页结构表现统一，可以实现复用3、样式十分的丰富4、建议使用独立于html的css文件。

form标签是表单，method控制表单提交方式，get方式，表单填写的参数能够在跳转的url地址中看到，post方式是看不到的，action是向何处跳转表单数据input标签，且type=text，是文本输入框，name设置的就是这个输入内容的参数名称input标签，且type=password，是密码输入框，这个输入内容在页面上会变成保密的形式input标签，且type=submit代表这是一个表单的提交按钮，value可以设置这个按钮的名称。

DOCTYPE是设置使用什么规范，网页整个信息都在html标签中，head标签里包含字符集设置，网页介绍等信息，title标签是网页的名称，网页的主干都在body标签中。