- 博客(9)
- 收藏
- 关注
RSS订阅原创 CSS碰到的诡异情况：当列表总数为4时才对每一项设置样式【转载】
把:nth-child()和兄弟选择符（~）结合起来，比如:nth-child(4),li:nth-child(4)~li。从代码上说就是：我们在找一个同时匹配：first-child和：nth-last-child(4)的元素。这想法跟列表总数没有关系，哪怕有8个命中的也是第4个和之后的。首先，我们可以用li:nth-child(4)来选中第4个列表项，但是并不是我们想要的；分拆后其实就比问题二多了一个条件，且少于6项时，于是变成了。不钓胃口，先上解决代码，在解释，这种条件下，如何命中第一个元素？
2024-09-18 15:56:36
331
原创 vue中使用async和await来实现同步和异步【转载】
现在我们看看代码的执行过程，调用test函数时，它遇到了里面的await关键字，await代表等待，代码到这里会暂停，它在等什么呢，等待后面的promise对象执行完成，然后拿到promise的返回值，拿到返回值之后它继续往下执行，直到console.log()执行。先说一下async的语法，它作为一个关键字放在函数前面，用于表示函数是一个异步函数，因为async就是异步的异步，异步函数也就是意味着这个函数的执行不会阻塞后面代码的执行。语法很简单，就是在函数前面加上async，他就成异步函数啦。
2024-01-11 19:04:55
2204
1
原创 vue3 script setup 父组件调用子组件方法ref【转载】
vue3 script setup 父组件调用子组件方法ref【转载】
2022-07-14 16:21:47
741
1
原创 Vue3.0中Ref与Reactive的区别示例详析【转载】
转载地址：Vue3.0中Ref与Reactive的区别示例详析 - 3WATER - 三水点靠木Ref与ReactiveRefRef 用来创建基础类型的响应式数据，模板默认调用value显示数据。方法中修改需要修改value的值才能修改<!-- 模板语法> <template> <div>{{state}}</div></template> //js 脚本setup(){ let state = ref..
2022-03-24 14:14:19
383
原创 纯CSS实现瀑布流(一行四列高度不同)【转载】
瀑布流提供了一种错落有致的美观布局，被各种注重交互品味的素材网站（如：花瓣、unsplash）广泛应用。社区也提供了不少瀑布流布局的工具，如：masonry、colcade等。常规的实现瀑布流的做法是用 JS 动态的计算“砖块”的尺寸和位置，计算量大、性能差。今天给大家介绍一种使用纯 CSS 实现瀑布流的方法，简洁优雅。主要使用到了 CSS 中的多列属性columns。在使用一个比较陌生的 CSS 属性之前，习惯性的了解一下它的兼容性，去caniuse.com瞅一眼：看着兼容性还不错，...
2021-12-12 15:05:19
1492
1
原创 vue页面转图片（转载）
原文地址：https://www.cnblogs.com/zouwangblog/p/11140568.html1. installnpm install --save html2canvas2. 在需要页面引入import html2canvas from "html2canvas"3. 使用<div ref="imageWrapper"> <div class="success"> <div class="img">
2021-12-09 17:16:26
1464
原创 echarts属性的设置（完整大全）转载
// 全图默认背景 //backgroundColor: 'rgba(0,0,0,0)', // 默认色板 color: [ "#ff7f50", "#87cefa", "#da70d6", "#32cd32", "#6495ed", "#ff69b4", "#ba55d3", "#cd5c5c", "#ffa500", "#40e0d0", "#1e90ff", "#ff6347", "#7b68ee", "#00fa9a", "#ffd700", "#6699FF", "#ff6...
2021-12-08 09:44:37
716
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人