开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >可组合的 Vue——来自Vue.js 核心团队成员，VueUse 作者的分享

可组合的 Vue——来自Vue.js 核心团队成员，VueUse 作者的分享

作者头像

落落落洛克

发布于 2021-07-05 11:34:27

发布于 2021-07-05 11:34:27

8080

举报

文章被收录于专栏：前端壹栈前端壹栈

来源：前端圈

2021年5月来自全球各地的Vue.js开发者齐聚线上，一起见证了VueConf 2021 杭州的成功举办。

在大会上，Vue.js 核心团队成员，VueUse 作者，全职开源工程师Anthony Fu通过远程接入的方式给大家带来了《可组合的 Vue》主题演讲。分享的内容主要包括Vue Composition API 底层原理介绍，对于编写优质的组合式函数技巧与模式。

以下是他在VueConf 2021分享的视频和PPT，欢迎大家观看。

本文参与腾讯云自媒体同步曝光计划，分享自微信公众号。

原始发表：2021-06-10，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自前端壹栈微信公众号，前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

评论

登录后参与评论

暂无评论

编辑精选文章

换一批

万字详解高可用架构设计

Go 开发者必备：Protocol Buffers 入门指南

10分钟带你彻底搞懂分布式链路跟踪

CSS入门指南-3：定位元素

CSS 布局的核心是 position 属性，对元素盒子应用这个属性，可以相对于它在常规文档流中的位置重新定位。position 属性有4个值：static、relative、absoulte、fixed，默认值为 static。

goodspeed

2020/12/22

6820

2021前端面试高频 HTML + CSS

网络安全 css

当DOM的变化影响了元素的几何信息(元素的的位置和尺寸大小)，浏览器需要重新计算元素的几何属性，将其安放在界面中的正确位置，这个过程叫做重排。

程序员海军

2021/10/11

9840

2021前端面试高频 HTML + CSS

HTML & CSS页面布局之定位

css 容器 html

默认情况下，HTML元素都在标准流中呈现和展示。我们之前把元素分为块级元素，行内元素，行内块级元素，他们的特性是块级独占一行，行内和行内块级可以在一行内共存，这些特性都是针对标准流的。总结一下就是，标准流中元素只能在水平或垂直方向上排版。如果元素是块级元素, 那么就会垂直排版，如果元素是行内元素/行内块级元素, 那么就会水平排版。

用户5997198

2020/05/12

5.6K0

CSS入门？一篇就够了！

CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。

对话、

2022/02/22

5.3K0

前端学习(13)~css学习(七)：浮动

auto height hidden overflow width

上图中可以看到，h1标签是块级元素，占据了整行，span标签是行内元素，只占据内容这一部分。

Vincent-yuan

2020/03/19

9430

Web - CSS3浮动定位与背景样式

这篇文章主要介绍了 CSS3 中的浮动定位、背景样式、变形效果等内容。包括 BFC 规范与创建方法、浮动的功能与使用要点、定位的多种方式及特点、边框与圆角的设置、背景的颜色、图片等属性、多种变形效果及 3D 旋转等，还提到了浏览器私有前缀。

stark张宇

2025/02/04

1300

【CSS3】css开篇基础（4）

css 容器 css3 布局基础

所谓的标准流：就是标签按照规定好的默认方式排列。块级元素会独占一行，从上向下顺序排列。行内元素会按照顺序，从左到右顺序排列，碰到父元素边缘则自动换行。以上都是标准流布局，我们前面学习的就是标准流，标准流是最基本的布局方式。这三种布局方式都是用来摆放盒子的，盒子摆放到合适位置，布局自然就完成了。注意：实际开发中，一个页面基本都包含了这三种布局方式

E绵绵

2024/10/23

1540

【CSS3】css开篇基础（4）

前端学习(20)~css布局(十三)

relative、absolute、fixed这三个属性，可以结合 z-index 来设置层级。

Vincent-yuan

2020/03/18

5320

前端学习笔记之CSS网页布局 CSS网页布局

　　1、浮动流只有一种排版方式，就是水平排版，它只能设置某个元素左对齐或者右对齐，没有居中对齐，也就是没有center这个取值

Jetpropelledsnake21

2019/02/15

5K0

前端基础篇之CSS世界

我想你每天写css代码有时候也会觉得很痛苦：这个布局的css怎么这么难实现！我也经常会有这种感觉，一个看似简单的布局总是要琢磨半天才能实现，偶尔还会出现一些怪异的超出理解的现象。这是因为我们对css只是大概知道个形，并没有看透css的本质。在同事的推荐下我阅读了张鑫旭老师的《css世界》，才发现css跟想象中的不太一样。本文为《css世界》个人总结笔记，为缩减篇幅丢弃了张老师冗余的小幽默，丢掉了些含金量较低的章节内容，因为ie已经被淘汰出局，所以有关css兼容性的地方也全部忽略不记，同时对个人觉得不易理解的地方加上了一些自己的理解和验证，所以错误之处还望指正。顺便推荐个好用的在线代码编辑工具，国内镜像站点，方便各位对本文实例进行测试。另外本文会随着作者对css的更深入理解而逐步更新，希望到最后能够文如标题展现出真正的css世界。

Nealyang

2019/10/14

2.2K0

【Web前端】深入CSS 布局

web 布局前端 css 容器

CSS 页面布局技术允许我们拾取网页中的元素，并且控制它们相对正常布局流、周边元素、父容器或者主视口/窗口的位置。

一条晒干的咸鱼

2024/11/19

2910

【Web前端】深入CSS 布局

【Web前端】“CSS 定位”如何工作？（补充）

布局工作前端 css web

CSS定位是一个非常重要的布局工具，它允许我们精确地控制元素的位置，从而创建复杂的布局效果。定位允许你从正常的文档流布局中取出元素，并使它们具有不同的行为，例如放在另一个元素的上面，或者始终保持在浏览器视窗内的同一位置。

一条晒干的咸鱼

2024/11/19

1850

【Web前端】“CSS 定位”如何工作？（补充）

Web前端温故知新-CSS基础

　　定义：CSS成为层叠样式表，它主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。CSS以HTML为基础，提供了丰富的功能（如字体、颜色、背景的控制以及整体排版等等），还可以针对不同的浏览器设置不同的样式。

Edison Zhou

2018/08/21

3.6K0

Web前端温故知新-CSS基础

值： (1)、normal(正常)；bold(加粗)；（<==常用） (2)、纯数字：100~900的整百数；

roydonGuo

2022/11/02

8320

前端面试之HTML && CSS

带!important 标记的样式属性优先级最高；样式表的来源相同时： !important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性

CODER-V

2023/03/04

4.4K0

2.利用css3新增属性transform: translate(-50%,-50%);

全栈程序员站长

2022/09/04

4270

css属性及定位操作

container display overflow padding position

font-family可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体，则会尝试下一个。浏览器会使用它可识别的第一个值。

全栈程序员站长

2022/07/21

2.5K0

CSS 定位布局 - 相对、绝对、固定三种定位

absolute fixed position

文档流，是指盒子按照html标签编写的顺序依次从上到下，从左到右排列，块元素占一行，行内元素在一行之内从左到右排列，先写的先排列，后写的排在后面，每个盒子都占据自己的位置。

Devops海洋的渔夫

2019/05/31

3.6K0

第一章一、内联块 display: inline-block; 1、特征： 1.1 块级元素在一行显示（得到内联元素的属性） 1.2 内联元素支持宽高（得到块的属性） 1.3 没有宽度的时候，内容撑开宽度（得到内联元

用户1148399

2018/01/09

6K0

前端学习(14)~css学习(八)：定位属性

html padding static

如果想做“压盖”效果（把一个div放到另一个div之上），我们一般不用相对定位来做。相对定位，就两个作用：

Vincent-yuan

2020/03/19

9650

相关推荐

CSS入门指南-3：定位元素

更多 >