随笔分类 -  CSS

CSS
什么是CSS层叠上下文，层叠等级、层叠顺序？z-index在什么情况下生效，什么情况下失效？
摘要：一、 CSS层叠上下文(stacking context) 一个元素有层叠上下文，我们认为它在z轴上高人一等。 如何产生层叠上下文？ 层叠上下文也基本上是有一些特定的CSS属性创建的，一般有3种方法： HTML中的根元素<html></html>本身j就具有层叠上下文，称为“根层叠上下文”。 普通元 阅读全文
posted @ 2021-08-25 21:41 芥末Yuki 阅读(393) 评论(0) 推荐(0)
左侧宽度固定，右侧充满剩余空间，有哪些实现方式？
摘要：方法一：flex布局，左侧flex-grow: 0, flex-shrink: 0,flex-basis: 固定宽度数值；右侧flex-grow: 1, flex-shrink: 1,flex-basis: 0px（或者不设置）； 方法二：float+margin， 左侧元素float:left;给 阅读全文
posted @ 2021-08-25 21:26 芥末Yuki 阅读(1016) 评论(0) 推荐(0)
为首屏增加加载动画
摘要：为了缓解用户第一次访问时，加载 JS 过大所导致用户等待白屏时间过长导致的用户体验不好，进行的一个优化动效。 实现方案 将 动画加载 dom 元素放在 #app 内，Vue 生命周期开始时，会自动清掉 #app 下的所有元素。 示例代码如下： <!DOCTYPE html> <html lang=" 阅读全文
posted @ 2021-05-07 11:18 芥末Yuki 阅读(396) 评论(0) 推荐(0)
获取某个网址的文件内容
摘要：比如想在本地获取到https://unpkg.com/element-ui@2.15.1/lib/theme-chalk/index.css这个文件的内容 1 getFile (url, isBlob = false) { 2 return new Promise((resolve, reject) 阅读全文
posted @ 2021-05-06 13:56 芥末Yuki 阅读(231) 评论(0) 推荐(0)