- 博客(12)
- 收藏
- 关注
RSS订阅原创 2021-07-01
第十二周周记文章目录第十二周周记1.Vue.js 条件语句1.条件判断2.Vue.js 循环语句1.v-for 迭代对象2.v-for 迭代整数1.Vue.js 条件语句1.条件判断1.v-if2.v-else3.v-else-if4.v-show其中， v-else 、v-else-if 必须跟在 v-if 或者 v-else-if之后。2.Vue.js 循环语句v-for 指令需要以 site in sites 形式的特殊语法， sites 是源数据数组并且 site 是数组元素迭代
2021-07-01 16:43:27
51
原创 2021-07-01
第十一周周记文章目录第十一周周记1.Vue本质2.Vue的快速起步3.Vue的模板语法4.文本插值5.指令1.Vue本质Vue的本质是将数据和内容展现的视图分开，即所谓的MV模式，代码可以分为三个板块：模型(Model)，逻辑控制(*)，视图(View)，模型板块负责数据，视图板块负责样式，逻辑控制负责将视图和数据关联。这样的好处是，当需求发生变动时，只需要修改对应的板块。2.Vue的快速起步每个 Vue 应用都需要通过实例化 Vue 来实现:var vm = new Vue({ // 选项
2021-07-01 16:27:22
65
原创 2021-07-01
第十周周记文章目录第十周周记1.对事件做出反应2.HTML事件属性3.使用 HTML DOM 来分配事件1.对事件做出反应我们可以在事件发生时执行 JavaScript，比如当用户在 HTML 元素上点击时。如需在用户点击某个元素时执行代码，请向一个 HTML 事件属性添加 JavaScript 代码：onclick=JavaScript除此之外还有html事件：当用户点击鼠标时当网页已加载时当图像已加载时当鼠标移动到元素上时当输入字段被改变时当提交 HTML 表单时当用户触发按
2021-07-01 16:18:23
77
原创 2021-07-01
第九周周记文章目录第九周周记1. jQuery选择器2.元素选择器1.id 选择器2.class选择器3.jQuery 事件方法语法1. jQuery选择器jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML 元素。 它基于已经存在的 CSS 选择器，除此之外，它还有一些自定义的选择器。jQuery 中所有选择器都以美元符号开头：$()。2.元素选择器jQuery 元素选择器基于元素名选取元素
2021-07-01 16:07:36
54
原创 2021-07-01
第八周周记1.使用DOM改变HTMLHTML DOM 允许 JavaScript 改变 HTML 元素的内容1 改变 HTML 输出流JavaScript 能够创建动态的 HTML 内容,修改代码段中代码即可：<script>document.write(Date());</script>2 改变 HTML 内容修改 HTML 内容的最简单的方法是使用 innerHTML 属性：document.getElementById(id).innerHTML=新的 H
2021-07-01 11:02:52
54
原创 2021-07-01
第七周周记文章目录第七周周记1.JavaScript HTML DOM 事件2.查找 HTML 元素1.JavaScript HTML DOM 事件我们可以在事件发生时执行 JavaScript，即对网页进行操作时，如果需向 HTML 元素分配 事件，可以使用事件属性2.查找 HTML 元素要想通过JavaScript改变HTML元素的样式，我们首先要做的就是找到该元素。有三种方法：通过 id 找到 HTML 元素var x=document.getElementById("你要查找的元素"
2021-07-01 10:33:27
60
原创 第六周周记
目录 1.JavaScript使用方法 1.JavaScript内部引用 2.如何引用外部的JavaScript 2.JavaScript基本语法和语句 1.JavaScript 关键字 2.JavaScript 数据类型 3.JavaScript 字母大小写 3.JavaScript对象 1.对象属性 5.对象方法 6.函数 1.JavaScript使用方法用< script&g...
2021-07-01 10:15:55
119
原创 2021-05-06
第五周周记文章目录第五周周记一、引入bootstrap代码1.引用在线的bootstrap样式2.引用本地的bootstrap二、使用步骤1.引入库2.读入数据总结一、引入bootstrap代码1.引用在线的bootstrap样式用herf 码引入<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"><script src=
2021-07-01 09:30:33
32
原创 2021-05-06
第四周笔记样式表的插入一、外部样式表可以应用于很多页面，通过改变一个文件来改变整个站点的外观创建一个.css文件，在文件中写需要用到的页面属性二、内部样式表用于单一文档定义文档属性，加三、内联样式表仅应用于一个元素，将内容与表现混杂在一起这是一个段落。四、多重样式某些属性在不同的样式表中被同样的选择器定义，那么属性值将从更具体（属性值定义更多）的样式表中被继承过来五、多重样式优先级（内联样式）Inline style > （内部样式）Internal style s
2021-05-06 14:54:02
39
原创 2021-03-18
第三周HTML、CSS学习图片背景+背景颜色body{background-image:url(‘D:/学习/2008121612354436_2.jpg’);background-color:#cccccc;}背景平铺（x、y）body{background-image:url(‘D:/学习/2008121612354436_2.jpg’);background-repeat:repeat-x;}背景定位body{background-image:url(‘D:/学习/2
2021-03-18 17:39:52
46
原创 2021-03-18
第二周HTML学习文本居中 {text-align:center;}换行 ID选择器#para{text-align:center;color:red;}类选择器.para1{text-align:center;color:red;} 表格ul是unordered lists的缩写 (无序列表) li是list item的缩写 （列表项目） ol是ordered lists的缩写（有序列表） d
2021-03-18 15:25:20
50
原创 第一篇HTML语句编写
**第一篇HTML语句编写**在这里插入图片描述](https://img-blog.csdnimg.cn/20210310153214726.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L215cHJvZ3JhbXN0YXJ0,size_16,color_FFFFFF,t_70)...
2021-03-10 15:34:21
127
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人