02 2022 档案
摘要：first-child选择，讲一讲为啥是这样（ 等价于:nth-child(1) ）： div空格：first-child 选中第一个以及所有子元素的第一个元素，牢记这句话，看下图： 解释一下为啥是，1-1，1-2，2-1，3-1选中了： 第一步：div空格 这个表示选中div的儿子们 第二步：：f
阅读全文
摘要：最近重新学习了CSS3，发现选择器还能这么玩。。介绍一下属性选择器 [^ $ * ~ | ] 我给咱们顺着往下缕一缕（信息量挺大） 刚开始是这样子： 看图片（核心：h1定义一个属性，在CSS中，h1[属性]）： 代码如下： <!DOCTYPE html> <head> <meta charset="
阅读全文
摘要：> 是儿子辈的选择器，只选择儿子辈 先写一个最基本的（可以在本地跑一下试一试）： <!DOCTYPE html> <head> <meta charset="UTF-8"> <title>测试网页</title> <style> div article h2{ color:blue; } </sty
阅读全文
摘要：<video src="./harden1.mp4" muted controls autoplay loop poster="./3_1.jpg" width="600px" height="300px" ></video> html原生的video有几个属性，记一下。 muted：默认播放是静音
阅读全文
摘要：总是忘记这个属性，还是记录一下。 单选框，name属性一样的话，才会进行互斥。 <form > <input type="radio" name="2" checked>我爱你 <input type="radio" name="2">我不爱你 <hr> <input type="checkbox"
阅读全文
摘要：header：页面主体上的头部， header 元素往往在一对 body 元素中。 footer：页面的底部（页脚），通常会标出网站的相关信息。 nav：专门用于菜单导航、链接导航的元素，是 navigator 的缩写。 section：在 web 页面应用中，该元素也可以用于区域的章节描述。 ar
阅读全文
摘要：新特性： 1，HTML5和GML，SGML的关系（https://www.cnblogs.com/huanqna/p/8178057.html），主要是关于图像，位置，存储，多任务等功能的增加。 2，html-拖拽释放(Drag and drop) API(https://www.cnblogs.c
阅读全文
摘要：费劲了九牛二虎之力，终于是写完了一个路由demo，但是感觉还是无法理解很多东西，在这里慢慢总结记录一下。 1，完成一些准备工作，搭建好路由index.js文件。 2，在App.vue内（用了element-ui，需要引入插件）（在我自己写的App.vue内部其实是不需要引入组件的，直接注释掉就好）：
阅读全文
摘要：续上一篇文章，我们接下来要分析index.js内部具体要写一些什么。 1，首先要引入VueRouter，这个插件必须要用 import VueRouter from "vue-router" 2，接下来，引入需要配置路由的组件，我这里有2个，分别是About和Home import About fr
阅读全文
摘要：1，安装vue路由(我的代码是用vue2写的，现在如果默认的话装的是vue3支持的4版本) npm i vue-router@3 2，在main.js入口文件中，引入路由并且“使用”，就可以在new Vue()中写入一个全新的配置项， import VueRouter from 'vue-route
阅读全文
摘要：组件在复用，数据是动态的。 生活中很相似的地方就是微信转账，A转给B100元，B必须要接收（区别支付宝直接转账不需要接收）。 // App <template> <div id="app"> <School name = "武汉化工大学" /> </div> </template> <script>
阅读全文
摘要：App组件是一人之下（vm），万人之上（所有组件），作用是汇总所有的组件，所以在App组件里面要引入要用的所有的组件。 1，引入组件 import School from './School' 2，注册组件 在App.vue内，在export default{}内，有一个components：{}，
阅读全文
摘要：1，文件名是：xxxx.vue（一般是小驼峰写法，如：SchoolStudent.vue） 2，定义组件时，不用多此一举写名字，直接暴露组件（为什么要暴露，因为别的代码要用这个组件，就要import引入），代码： 1 <script> 2 export default { 3 name:'Schoo
阅读全文
摘要：1，组件名 命名规范：一般小驼峰写法 2，组件定义时的名字和注册时的名字 定义时候：const s = Vue.expend({.......}) 注册时候：Vue({components:{school：s}}) 那么在用的时候，名字就是school 2-2，在定义时，const s= Vue.e
阅读全文
摘要：1，创建组件 1 const school = Vue.extend({ 2 // 为啥要有一个div包着？因为要使用template必须要有一个根元素 3 template:` 4 <div> 5 <h2>学校是{{schoolName}}</h2> 6 <h2>学校的地址是{{schoolAdr
阅读全文
摘要：为什么创建时没有el配置对象： 这个问题其实很好回答，因为el绑定的是一个容器，如果绑定了，就写死在那个位置了，别人用起来就非常麻烦，这还能叫组件？ 组件都是“砖”，可能这个页面需要，那个页面也需要，如果绑定到具体容器，那该为谁服务呢。所以没有el配置对象。 为什么data必须写成函数： 在new
阅读全文
