5.结构伪类选择器
摘要：结构伪类选择器：是针对HTML层次“结构”的伪类选择器，通过元素的特定位置从而进行定位，减少 HTML文档对ID或者类名的定义。 1.x:first-child 为父元素的第一个子元素x设置样式 例如：ul li:first-child表示为父元素ul的第一个子元素li设置样式 2.x:last-c
阅读全文
posted @
2021-11-17 10:23
我不想一直当菜鸟
阅读(323)
推荐(0) 编辑
4.CSS层次选择器
摘要：1.后代选择器：在某个元素的后面 1 /*后代选择器*/ 2 body p{ 3 background: crimson; 4 } 2.子选择器：仅一代 1 /*子选择器*/ 2 body>p{ 3 background: hotpink; 4 } 3.相邻兄弟选择器：同辈，只有一个相邻（向下） 1
阅读全文
posted @
2021-11-14 16:01
我不想一直当菜鸟
阅读(57)
推荐(0) 编辑
3.CSS三种基本选择器
摘要：三种选择器的优先级： id选择器 > class选择器 > 标签选择器 1.标签选择器：会选择到页面上所有的该类标签的元素 格式： 标签{} 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title
阅读全文
posted @
2021-11-14 15:26
我不想一直当菜鸟
阅读(275)
推荐(0) 编辑
19_非单文件名组件中VueComponent构造函数&重要的内置关系
摘要：总结： 关于VueComponent: 1.school组件本质上是一个名为VueComponent的构造函数，且不是程序员定义的，是Vue.extend生成的。 2.我们只需要写<school/>或<school></school>,Vue解析时会帮我们创建school组件的实例对象， 即Vue帮
阅读全文
posted @
2021-11-14 10:48
我不想一直当菜鸟
阅读(52)
推荐(0) 编辑
2.css的导入方式
摘要：三种导入方式： 1.行内样式：在标签元素中，编写一个style属性，编写样式即可。有多个以分号隔开 <h2 style="color: green">标题</h2> 2.内部样式：写在<head></head>里面 <style> h2{ color: red; } </style> 3.外部样式：
阅读全文
posted @
2021-11-13 17:24
我不想一直当菜鸟
阅读(96)
推荐(0) 编辑
18_非单文件组件
摘要：Vue使用组件的三大步骤： 一、定义组件（创建组件） 二、注册组件 三、使用组件（写组件标签） 一、如何定义一个组件？ 使用Vue.extend(options)创建，其中options和new Vue(options)时传入的那个options几乎一样，但也有点区别； 区别如下： 1.el不写，w
阅读全文
posted @
2021-11-13 09:44
我不想一直当菜鸟
阅读(64)
推荐(0) 编辑
1.css的初认识
摘要：1.什么是CSS？ Cascading Style Sheet 层叠级联样式表 CSS:表现层（美化网页） 字体、颜色、边距、高度、宽度、背景图片、网页定位、网页浮动.... 2.CSS发展史 CSS1.0 CSS2.0 : DIV(块) +CSS,HTML+CSS结构分离是思想，网页变得简单，SE
阅读全文
posted @
2021-11-12 15:59
我不想一直当菜鸟
阅读(75)
推荐(0) 编辑
18_生命周期
摘要：总结： 常用生命周期钩子： 1.mounted:发送ajax请求、启动定时器、绑定自定义事件、订阅消息等【初始操作】 2.beforeDestroy:清除定时器、绑定自定义事件取消订阅消息等【收尾工作】 关于销毁Vue实例： 1.销毁后借助Vue开发者工具看不到任何信息。 2.销毁后自定义事件会失效
阅读全文
posted @
2021-11-11 18:05
我不想一直当菜鸟
阅读(45)
推荐(0) 编辑
17_自定义指令
摘要：总结： 自定义指令总结： 一、定义语法： （1）局部指令： new Vue({ directives:{指令名，配置对象} }) 或者 new Vue({ directives:{指令名，回调函数} }) （2）全局指令： Vue.directive(指令名，配置对象) 或 Vue.directiv
阅读全文
posted @
2021-11-05 10:09
我不想一直当菜鸟
阅读(67)
推荐(0) 编辑
16_内置指令
摘要：1.v-text指令: 作用：向其所在节点中渲染文本内容 与插值语法的区别： v-text会替换掉节点中的内容，{{xx}}则不会 之前学过： v-bind : 单向绑定解析表达式，可简写为 :xxx v-model : 双向数据绑定 v-for : 遍历数组/对象/字符串 v-on : 绑定事件监
阅读全文
posted @
2021-11-03 22:35
我不想一直当菜鸟
阅读(32)
推荐(0) 编辑
15_过滤器
摘要：总结： 过滤器： 定义：对要显示的数据进行特定格式化后显示（适用于一些简单逻辑处理） 语法： 1.注册过滤器（全局）Vue.filter(name,callback) 或 new Vue{filters:{}} 2.使用过滤器：{{xxx |过滤器名}} 或 v-bind:属性 ="xxx | 过滤
阅读全文
posted @
2021-11-02 15:25
我不想一直当菜鸟
阅读(31)
推荐(0) 编辑
14_收集表单数据
摘要：总结: 收集表单数据： 若：<input type="text"/>,则v-model收集的是value值，用户输入的就是value值 若：<input type="radio"/>，则v-model收集的是value值，且要给标签配置value值 若：<input type="checkbox"/
阅读全文
posted @
2021-11-01 23:12
我不想一直当菜鸟
阅读(100)
推荐(0) 编辑
