摘要：
前端主题切换 有些时候我们在网站上会进行夜间/白天模式的切换。 这里我们介绍一种流行的切换模式 css变量 + 动态类名来进行切换 非常的简单。废话不多说。我们直接上代码。 第1种是通过 类名和变量来实现的 第2种是通过 属性和变量还实现的 最后1种 给body加 filter: invert(1) 阅读全文
摘要：
checkbox-group 把多个checkbox管理为一组(需要注意的坑) 很多时候我们需要会遇见这样的场景。 比如用户需要选择多个值. 这个时候我们需要把多个 checkbox 放置在checkbox-group下。 目的是:需要知道用户选择了那些值，并且把这些值发送给后台。 勾选其中一个值时 阅读全文
摘要：
先制作一个正方形，让圆点在正方形的最外侧 <style> body { margin: 0; } .loading { width: 200px; height: 200px; background: skyblue; margin: 100px auto 0px; position: relati 阅读全文
摘要：
vue3 渲染函数(h函数)的更改 h函数的更改总结 1==>h 现在全局导入，而不是作为参数传递给渲染函数 2==>渲染函数参数更改为在有状态组件和函数组件之间更加一致 3==>vnode 现在有一个扁平的 prop 结构 h函数的三个参数详细说明 第一个参数是必须的。【跟原来的是一样的。没有发生 阅读全文
摘要：
vue3 按需加载组件 子组件.vue <template> <div> <p>这个组件按需加载</p> <h1>这个组件显示</h1> </div> </template> <template> <div class="father"> <el-button text @click="openHa 阅读全文
摘要：
在vue3中的$attrs的变化 $listeners已被删除合并到$attrs中。 $attrs现在包括class和style属性。 也就是说在vue3中$listeners不存在了。vue2中$listeners是单独存在的。 在vue3 $attrs包括class和style属性, vue2中 阅读全文
摘要：
场景描述 简单的说一下场景描述：这个页面有三个部分组成的. 顶部的头部信息--导航栏--内容 当页面滚动的时候。导航栏始终是固定在最顶部的。 我们使用的第一种方案就是使用css的粘性定位 position: sticky; [ˈstɪ ki] 先说一下css的position的属性 position 阅读全文
摘要：
#### 简单说下:offsetTop ``` offsetTop: 为只读属性。 返回的是一个数字。 它返回当前元素相对于其 offsetParent 元素的顶部内边距的距离。 它等价于offsetTop==>元素到offsetParent顶部内边距的距离 offsetTop并不是指距离浏览器窗口 阅读全文
摘要：
文字阴影 文字阴影的语法格式: text-shadow:水平向右的偏移值 向下的偏移值 迷糊度 阴影的颜色,水平向右的偏移值 向下的偏移值 迷糊度 阴影的颜色; 可以有多个阴影，但是在实际的项目中最多一个阴影就可以了。 <style> div { font-size: 100px; text-ali 阅读全文
摘要：
css3的属性应该加上浏览器前缀 不同的浏览器内核不同，因此css的前缀不同。 常见的几种浏览器内核 火狐浏览器 Geoko内核 前缀是 -mox- 谷歌浏览器， Webkit内核 前缀是 -wekbit- IE浏览器 Trident内核 前缀是 -ms- opera浏览器 Presto内核 前缀是 阅读全文