随笔分类 - css
摘要：在vue项目中使用如sass、less、stylus时需要进行公共变量、方法的集中维护 vue-cli3.0构建的服务使用如下方法可直接在每个css中引入公共变量、方法此处只说明了style 的引入，其他less sass引入在vue-cli3.0文档中有说明 stylus详见：https://gi
阅读全文
摘要：项目地址：https://birthday-narutoen.oasgames.com/ 要求：每条留言的 移动速度，背景颜色随机 效果图： 参考文章：张鑫旭：使用canvas实现和HTML5 video交互的弹幕效果
阅读全文
摘要：https://www.cnblogs.com/xiahj/p/8036419.html
阅读全文
摘要：1、flex布局(2种) .out { background: pink; width: 300px; height: 300px; display: flex; align-items: center； } .inner { background: blue; width: 100px; } #b
阅读全文
摘要：https://www.jianshu.com/p/32608ddce17b
阅读全文
摘要：粘性定位可以被认为是相对定位和固定定位的混合。元素在跨越特定阈值前为相对定位，之后为固定定位。 例如：#one { position: sticky; top: 10px; } 在 viewport 视口滚动到元素 top 距离小于 10px 之前，元素为相对定位。之后，元素将固定在与顶部距离 10
阅读全文
摘要：法1⃣️： IE浏览器： filter: gray; 其他浏览器： 法2⃣️： 通过 Greyscale.js 毛玻璃效果：blur
阅读全文
摘要：1⃣️ ：实现单行文本的溢出显示省略号 用text-overflow:ellipsis属性，当然还需要加宽度width属来兼容部分浏览。 实现方法： 效果如图： 2⃣️：多行文本溢出显示省略号 （方法一） 实现方法： 适用范围：因使用了WebKit的CSS扩展属性，该方法适用于WebKit浏览器及移
阅读全文
摘要：ios端兼容input光标高度处理 在最近的项目中遇到一个问题，input输入框光标，在安卓手机上显示没有问题，但是在苹果手机上 当点击输入的时候，光标的高度和父盒子的高度一样。造成的原因就是给父盒子添加了height和line-height 当点击输入的时候，光标的高度就自动和父盒子的高度一样了。
阅读全文
摘要：一、概述flex布局 1、flex布局非常好用，任何一个容器都可以使用Flex布局,但是需要注意版本的兼容性 ，容器可以理解为是项目的父元素。项目可以是块级元素，也可以是行内元素。 2、缺点： 是PC兼容性相对较差，IE要10，甚至11以上才有很好的兼容，不过大家可以用它在H5页面好好发挥 3、属性
阅读全文
摘要：布吉岛为啥起了个这么文(dou)艺(bi)的名字，话不多说，开始总结👇。 1⃣️发展过程 1. 雪碧图： 起初，大部分图标都是用 img 来实现的。渐渐发现一个页面的请求资源中图片 img 占了大部分，所以为了优化有了image sprite 就是所谓的雪碧图，就是将多个图片合成一个图片，然后利用
阅读全文
摘要：参考文章 https://blog.csdn.net/wyk304443164/article/details/68484305
阅读全文
浙公网安备 33010602011771号