前言

一.wed

💖wed是什么？

💖 wed的分类

二.HTML 和 CSS

MVVM(Model-View-ViewModel)思想介绍

前言

一.wed

💖wed是什么？

💖 wed的分类

前端wed主要介绍：

HTML：负责网页结构（页面元素和内容）

CSS：负责网页的表现（页面元素的外观、位置。如颜色、大小）

JavaScript：负责网页的行为（交互效果）

Vue：一套用于构建用户界面的渐进式JavaScript框架

element：基于Vue封装的桌面端组件库

而至于后端wed，我们是需要详细学习的，在之后的学习当中会逐步了解的。

二.HTML 和 CSS

💖HTML的介绍

HTML的标签：

标签一般分为2种：

带有标签体的标签< a>标签体< /a >
不带标签体的标签(自结束标签)< br/>,< hr/>

看不懂没关系，先了解到什么是标签就行。例如<html>和</html>是成对出现的，开始标签和结束标签。

💖CSS的介绍

例子：

常用基本标签

下面是更加全面的标签和css，建议收藏哦

标签大全的参考手册：HTML 标签参考手册 (w3school.com.cn)

CSS大全参考手册：CSS 参考手册 (w3school.com.cn)

💖实践

第一步，建立一个文本文档，将后缀改为.html

第二步，在文本文档里输入语法格式

第三步，点击文件，形成对应的网页

注：语法格式，浏览器要求不严，甚至有时候缺少一个>、"都可以显示成功，因为浏览器的内核很厉害，会自动补全。

HTML结构标签特点

不区分大小写
单双引号都可以
语法松散

三.JavaScript

💖JavaScript的介绍

什么是网页行为呢？

如上述动态图，点击上、下一张照片时，便是控制网页行为。🌟：水印不会去、视频内容来源百度

💖JS的学习内容

1.JS的引用方式

由介绍中，我们可以发现，JS可以控制网页行为，也就是说和HTML进行结合使用。

2.JS的基础语法

JS是一门编程语言，需要学习它的基础语法，例如变量的控制、运算符等等。

3.JS函数

例如Java中的方法，我们需要学会使用函数、调用函数。

4.JS对象

JS当中提高了很多对象，需要学会如何使用常用的对象。

5.JS监听

最重要的监听，监听：当事件发生的时候，会产生对应的行为。

四.Vue

💖Vue的介绍

MVVM(Model-View-ViewModel)思想介绍

💖Vue的代码样式

安装Vue.js方法及其使用

代码展示

先新建一个HTML页面，以便引入Vue.js文件

<script src="js/vue.js"></script>

在]S代码区域，创建Vue核心对象，定义数据模型

<script>
    new Vue({
      el:"#app"
        data: {
            message:"Hello Vue!"
        }
    })
</script>

编写视图

<div id="app">
    <input type="text" V-model="message">
    {{ message }}
</div>

注：{{ 表达式 }} 。表达式可以是变量、三元运算符、函数调用以及算术运算

五.VS Code

从实践当中，我们会发现使用记事本效率极低，并且没有任何提示，俗话说的好，工欲善其事必先利其器，所以我们需要下载一个帮助我们更快了解，编程效率高的代码编辑器---VS Code。

我们这就简单的介绍一下，什么是VS Code？

VS Code下载指南：http://t.csdn.cn/HM2Oq

总结

想学好Javawed，我们应该先了解wed，了解wed的前后端，有了更好的前端知识，对于后端的部分，就更加容易理解。

----------------懒惰的tq02