星语晨曦-优快云博客

原创 2021-07-01

第十二周周记文章目录第十二周周记1.Vue.js 条件语句1.条件判断2.Vue.js 循环语句1.v-for 迭代对象2.v-for 迭代整数 1.Vue.js 条件语句 1.条件判断 1.v-if 2.v-else 3.v-else-if 4.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 83

原创 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 108

原创 2021-07-01

第十周周记文章目录第十周周记1.对事件做出反应2.HTML事件属性3.使用 HTML DOM 来分配事件 1.对事件做出反应我们可以在事件发生时执行 JavaScript，比如当用户在 HTML 元素上点击时。如需在用户点击某个元素时执行代码，请向一个 HTML 事件属性添加 JavaScript 代码： onclick=JavaScript 除此之外还有html事件：当用户点击鼠标时当网页已加载时当图像已加载时当鼠标移动到元素上时当输入字段被改变时当提交 HTML 表单时当用户触发按

2021-07-01 16:18:23 114

原创 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 90

原创 2021-07-01

第八周周记 1.使用DOM改变HTML HTML 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 80

原创 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 99

原创第六周周记

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

原创 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 61

原创 2021-05-06

第四周笔记样式表的插入一、外部样式表可以应用于很多页面，通过改变一个文件来改变整个站点的外观创建一个.css文件，在文件中写需要用到的页面属性二、内部样式表用于单一文档定义文档属性，加三、内联样式表仅应用于一个元素，将内容与表现混杂在一起这是一个段落。四、多重样式某些属性在不同的样式表中被同样的选择器定义，那么属性值将从更具体（属性值定义更多）的样式表中被继承过来五、多重样式优先级（内联样式）Inline style > （内部样式）Internal style s

2021-05-06 14:54:02 66

原创 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 69

原创 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 76

原创第一篇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 161