Viber Coding
Viber Coding
--- title: 你知道什么是 `BFC` 吗 BFC 的布局规则是什么？如何创建 BFC？ --- ::: tip 1. 谈谈对 BFC 的理解 你知道什么是 `BFC` 吗 2. BFC 的布局规则是什么？ 3. 如何创建 BFC？触发条件是什么 4. 作用与场景是什么 ::: ## 对块级上下文的理解 -...
--- title: 谈谈你对base64 的理解以及使用场景 --- 1. 用于减少http的请求数 2. 适用于小图片 3. 体积会增大
--- title: css中动画常考面试题 --- ## css的动画有几种 - transition 补间动画 - keyframe 关键帧动画 ```css .container{ width: 100px; height: 100px; background: red; animation: run 1s linear; /* 方向 */ /* animation-direction: reverse;...
--- title: 画一条0.5px的线 --- - 方案一使用`transform` ```css .line{ border: 1px solid red; transform: scaleY(.5); } ``` - 方案二使用 `meta` ```html ``` - 方案三使用`背景` ```css height: 2px; background-image: linear-gradient(0deg, red 50%,...
--- title: HTML常考面试题汇总 --- >- 本文所有内容范围是`HTML` 仅含有较少的`CSS` 与`浏览器`相关。收录在仓库： [……top-fe-iqa](https://github.com/yayxs/top-fe-iqa) > >- 首次发布时间 2020年11月30日 > >- 更新时间：待定 > >- 建议阅读地址：[……guides/html/](https://top-fe-iqa.netlify.app/guides/html/) > >- 建议阅读时长：30min >- 建议阅读对象：准备跳槽或正在面试前端开发工程师 ```html 我是第一个html ``` ## 什么是`web` 标准...
--- title: 是否了解盒模型 介绍一下标准的 CSS 盒子模型 与低版本的 IE 盒子模型有什么不同 box-sizing常用的属性有哪些? 分别有啥作用? --- 简言之，设置的宽高并一定是真实占用的宽高大小 - 盒子模型是CSS布局中的核心概念 一个box 等于 **自身+内边距+边框+外边距** - CSS3中有一个属性 `box-sizing` - border-box 指的是怪异盒模型 W3C规范的标准 - content-box 指的是标准盒模型 IE盒子模型 IExplore制定的标准...
--- title: 请说说`css`的选择器以及选择器优先级 --- ## 前言 选择器的基本规则大致是是以下的方式，基本的作用就是选择 `html` 元素 ``` 选择器{ 属性 值; 属性 值 } ``` 需要注意的是，浏览器去找元素的时候，是`从右往左` 的方式 ```css div .box a { } ``` `!important > 内联样式 =...
Warning database has been locked for 0：00：10.000000. Make sure you always use the transaction object for database operations during a trasection
### UnoCSS version "unocss": "^0.57.1" ### Describe the bug When I read the guide section of the documentation and the vite integration Simple use, when I refresh the browser, the...