获得徽章 16
- #每天一个知识点# 常见的CSS元素关系
父子关系：使用空格分隔父元素和子元素。例如，div p 表示选择 div 元素内的所有 p 元素
直接子元素关系：使用大于号 > 分隔父元素和直接子元素。例如，ul > li 表示选择 ul 元素的直接子元素 li
兄弟关系：使用波浪号 ~ 分隔两个兄弟元素。例如，h1 ~ p 表示选择紧接在 h1 元素后面的所有 p 元素
相邻兄弟关系：使用加号 + 分隔两个相邻的兄弟元素。例如，h1 + p 表示选择紧接在 h1 元素后面的第一个 p 元素
元素选择器：使用标签名选择元素。例如，div 表示选择所有的 div 元素
类选择器：使用类名选择元素。例如，.red 表示选择所有具有 red 类名的元素
ID选择器：使用ID属性选择元素。例如，#myElement 表示选择具有 myElement ID的元素
属性选择器：根据元素的属性值来选择元素。例如，[type="text"] 表示选择所有 type 属性值为 "text" 的元素展开评论点赞 - #每天一个知识点# HTTP 与 HTTPS 区别
1.HTTP 明文传输，数据都是未加密的，安全性较差，HTTPS 数据传输过程是加密的，安全性较好
2.HTTP 页面响应速度比 HTTPS 快，主要是因为 HTTP 使用 TCP 三次握手建立连接，客户端和服务器需要交换 3 个包，而 HTTPS除了 TCP 的三个包，还要加上 ssl 握手需要的 9 个包，所以一共是 12 个包
3.http 和 https 使用的是完全不同的连接方式，用的端口也不一样，前者是 80，后者是 443
4.HTTPS 是建构在 SSL/TLS 之上的 HTTP 协议，所以 HTTPS 比 HTTP 更耗费服务器资源展开评论点赞 - #每天一个知识点# vuex数据传输流程
1、通过new Vuex.Store()创建一个仓库
2、在组件内部通过this.$store.state.属性来调用公共状态中的state，进行页面的渲染
3、当组件需要修改数据的时候，通过this.$store.dispatch来触发actions中的方法
4、actions中的每个方法都会接受一个对象 这个对象里面有一个commit方法，用来触发mutations里面的方法
5、mutations里面的方法用来修改state中的数据,mutations里面的方法都会接收到2个参数,一个是store中的state,另外一个是需要传递到参数
6、当mutations中的方法执行完毕后,state会发生改变，因为vuex的数据是响应式的,所以组件的状态也会发生改变展开评论点赞