目录
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