我不想一直当菜鸟

2021年11月17日

摘要：结构伪类选择器：是针对HTML层次“结构”的伪类选择器，通过元素的特定位置从而进行定位，减少 HTML文档对ID或者类名的定义。 1.x:first-child 为父元素的第一个子元素x设置样式例如：ul li:first-child表示为父元素ul的第一个子元素li设置样式 2.x:last-c 阅读全文

posted @ 2021-11-17 10:23 我不想一直当菜鸟阅读(275) 评论(0) 推荐(0) 编辑

2021年11月14日

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 我不想一直当菜鸟阅读(55) 评论(0) 推荐(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 我不想一直当菜鸟阅读(219) 评论(0) 推荐(0) 编辑

19_非单文件名组件中VueComponent构造函数&重要的内置关系

摘要：总结：关于VueComponent: 1.school组件本质上是一个名为VueComponent的构造函数，且不是程序员定义的，是Vue.extend生成的。 2.我们只需要写<school/>或<school></school>,Vue解析时会帮我们创建school组件的实例对象，即Vue帮阅读全文

posted @ 2021-11-14 10:48 我不想一直当菜鸟阅读(48) 评论(0) 推荐(0) 编辑

2021年11月13日

2.css的导入方式

摘要：三种导入方式： 1.行内样式：在标签元素中，编写一个style属性，编写样式即可。有多个以分号隔开 <h2 style="color: green">标题</h2> 2.内部样式：写在<head></head>里面 <style> h2{ color: red; } </style> 3.外部样式：阅读全文

posted @ 2021-11-13 17:24 我不想一直当菜鸟阅读(90) 评论(0) 推荐(0) 编辑

18_非单文件组件

摘要： Vue使用组件的三大步骤：一、定义组件（创建组件）二、注册组件三、使用组件（写组件标签）一、如何定义一个组件？使用Vue.extend(options)创建，其中options和new Vue(options)时传入的那个options几乎一样，但也有点区别；区别如下： 1.el不写，w 阅读全文

posted @ 2021-11-13 09:44 我不想一直当菜鸟阅读(62) 评论(0) 推荐(0) 编辑

2021年11月12日

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 我不想一直当菜鸟阅读(69) 评论(0) 推荐(0) 编辑

2021年11月11日

18_生命周期

摘要：总结：常用生命周期钩子： 1.mounted:发送ajax请求、启动定时器、绑定自定义事件、订阅消息等【初始操作】 2.beforeDestroy:清除定时器、绑定自定义事件取消订阅消息等【收尾工作】关于销毁Vue实例： 1.销毁后借助Vue开发者工具看不到任何信息。 2.销毁后自定义事件会失效阅读全文

posted @ 2021-11-11 18:05 我不想一直当菜鸟阅读(37) 评论(0) 推荐(0) 编辑

2021年11月5日

17_自定义指令

摘要：总结：自定义指令总结：一、定义语法：（1）局部指令： new Vue({ directives:{指令名，配置对象} }) 或者 new Vue({ directives:{指令名，回调函数} }) （2）全局指令： Vue.directive(指令名，配置对象) 或 Vue.directiv 阅读全文

posted @ 2021-11-05 10:09 我不想一直当菜鸟阅读(61) 评论(0) 推荐(0) 编辑

2021年11月3日

16_内置指令

摘要： 1.v-text指令: 作用：向其所在节点中渲染文本内容与插值语法的区别： v-text会替换掉节点中的内容，{{xx}}则不会之前学过： v-bind : 单向绑定解析表达式，可简写为 :xxx v-model : 双向数据绑定 v-for : 遍历数组/对象/字符串 v-on : 绑定事件监阅读全文

posted @ 2021-11-03 22:35 我不想一直当菜鸟阅读(31) 评论(0) 推荐(0) 编辑