2019 年 7月 23 日随笔档案 - 你不知道的巨蟹

伪类和伪元素区别小结

摘要：有时对伪类和伪元素傻傻分不清楚，觉得它们很相似，但又有哪里不同，所以做了一个小结，希望能帮到有需要的人 1个相同点：都是被添加到一个选择器末尾的关键字 2个不同点： ① 伪类是以1个冒号(:)作为前缀被添加到选择器末尾的关键字；伪元素是以2个冒号(::)作为前缀被添加到选择器末尾的关键字 ② 如果伪阅读全文

posted @ 2019-07-23 18:05 你不知道的巨蟹阅读(377) 评论(0) 推荐(0) 编辑

border和outline的区别

摘要：如果有一个需求，给一个元素增加一条边框，想必大家会习惯且娴熟的使用border来实现，其实outline也能达到同样的效果，并且在有些场景下会更适用，比如下面的demo 使用border后，div宽度增加，导致超出父元素使用outline后，div元素宽度不会改变 DEMO <!DOCTYPE 阅读全文

posted @ 2019-07-23 16:58 你不知道的巨蟹阅读(2122) 评论(0) 推荐(1) 编辑

vue中toggle切换的3种写法

摘要：前言：查看下面代码，在任意编辑器中直接复制粘贴运行即可 1：非动态组件（全局注册2个组件，借用v-if指令和三元表达式） <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>toggle切换-非动态组件方式</title> <scr 阅读全文

posted @ 2019-07-23 15:55 你不知道的巨蟹阅读(12026) 评论(0) 推荐(0) 编辑

2019年7月23日