BluesQian

摘要： 三角形 平行四边形图标 暂停按钮 暂停按钮的实现原理就是边框用border，里面的正方形用outline。因为outline有一个offset属性可以用来设置偏移量，并且是按照比例来的。 其实如果再将outline-offset的值设置小一点，一个加好就出来了 加号 如果再将其旋转，就变成了一个关闭 阅读全文

摘要： 如果要我用一句话描述使用 Vue 的经历，我可能会说“它如此合乎常理”或者“它提供给我需要的工具，而且没有妨碍我的工作”。每当学习 Vue 的时候，我都很高兴，因为很有意义，而且很优雅。 以上是我对 Vue 的介绍。在我第一次学习 Vue 的时候，我就想要这样的文章 我喜欢 Vue 的一点是它吸取了 阅读全文

摘要： 介绍 CSS Grid(网格) 布局使我们能够比以往任何时候都可以更灵活构建和控制自定义网格。 Grid(网格) 布局使我们能够将网页分成具有简单属性的行和列。它还能使我们在不改变任何HTML的情况下，使用 CSS 来定位和调整网格内的每个元素。它允许 HTML 纯粹作为内容的容器。HTML 结构不 阅读全文

摘要： 对于flex盒模型的设计期望 flex盒模型是被期望设计成 1：在任何流动的方向上(包括上下左右)都能进行良好的布局 2：可以以逆序 或者 以任意顺序排列布局 3：可以线性的沿着主轴一字排开 或者 沿着侧轴换行排列 4：可以弹性的在任意的容器中伸缩大小 5：可以使子元素们在容器主轴方向上 或者 在容 阅读全文

摘要： every： 对数组中的，每一项运行给定函数，如果该函数对每一项都返回true，则返回true。 对every()来说，传入的函数必须对每一项都返回true，这个方法才返回true，否则他就返回false；、 some： 对数组中的每一项给定函数，如果该函数对任一项返回true，则返回true。 f 阅读全文

摘要： 半透明边框 背景知识： background-clip 多重边框 box-shadow相信很多人都已经用透了，可用来给元素添加各种阴影效果，反过来，也只有我们需要实现阴影时才会想起它，其实，box-shadow还接受第四个参数作为阴影扩张半径，当我们只设置扩张半径时，零偏移，零模糊，产生的效果其实相 阅读全文

摘要： 两列布局 效果： 4.1 左列定宽,右列自适应 (1)利用float+margin实现 html代码: css代码: (2)利用float+margin(fix)实现 html代码: css代码: (3)使用float+overflow实现 html代码: css代码: (4)使用table实现 h 阅读全文

摘要： 浅拷贝数组 首先第一个复制数组我们都想到的是定义一个数组直接相等就可以了 出现这个的原因就是因为，数组是用堆去保存的，所以这个算是浅拷贝，相等的时候只是把存放的地址拷贝过去了，两个指向了同一个地址，所以在改变其中一个的值，其他的也跟着改变了。 所以如何深拷贝一个数组呢？ 深拷贝数组 1.使用数组遍历 阅读全文

摘要： html,body{height:100%} 今天看到一个CSS样式：html,body{height:100%}，第一次看到，感觉挺奇怪，为什么html还需要设置height:100%呢，html不就是整个窗口吗？我是这样认为的。然后就把html去掉只剩下body的height:100%，麻烦了， 阅读全文

摘要： 1：匹配字符串跟数组中存在相同值，并取出数组中的对应元素 阅读全文