自 2015 年的千播大战至今，社交直播已经衍生出很多不同的玩法了。传统的简单 “你说我听”，已经再基础不过，又很难给观众带来 “刺激” 的形式了。...但问题是，实时音视频技术背后有非常多的坑，很难有一个人能从后端到前端自研出来一套直播系统。而通过调用不同的 API 来搭建是最佳的实践途径。...最近在 GitHub 上就有这样一个新的开源项目，它实现了单主播直播、多人连麦直播、PK 直播、虚拟主播，四种现在社交直播领域最成熟的场景。...Github URL：https://github.com/AgoraIO-usecase/agoralive 这个项目原本是声网 Agora 开发的「Agora Live」，是作为一个 Demo 提供给用户来体验不同互动直播场景而开发的...官方表示还将在接下来几个月对 repo 中的代码进一步梳理、优化，提升源码的易用性、可读性。而且，未来还会增加新的场景。
但如果有一天，你发现我写了这样一个类： class People: def say(self): print(f'我叫做：{self.name}') def __new...__(self): raise Exception('不能实例化这个类') kingname = People() kingname.say() 一旦初始化就会报错，如下图所示：...一个不能被初始化的类，有什么用？ 这就要引入我们今天讨论的一种设计模式——混入（Mixins）。 Python 由于多继承的原因，可能会出现钻石继承[1]又叫菱形继承。...显然，这样写会报错，因为两个类的实例是不能比较大小的： 但在现实生活中，当我们说 某人比另一个人大时，实际上是指的某人的年龄比另一人年龄大。...混入： 不能包含状态（实例变量）。 包含一个或多个非抽象方法。 参考资料 [1]钻石继承: https://en.wikipedia.org/wiki/Multiple_inheritance
前两天被人问到这样一个问题: “松哥，为什么我的 Spring Boot 项目打包成的 jar ，被其他项目依赖之后，总是报找不到类的错误？”...有的小伙伴可能就有疑问了，既然同样是执行 mvnpackage 命令进行项目打包，为什么 Spring Boot 项目就打成了可执行 jar ，而普通项目则打包成了不可执行 jar 呢？...打包 repackage 功能的 作用，就是在打包的时候，多做一点额外的事情： 首先 mvnpackage 命令 对项目进行打包，打成一个 jar，这个 jar 就是一个普通的 jar，可以被其他项目依赖...，被重命名的 jar，这是一个不可执行 jar，但是可以被其他项目依赖的 jar。...如果有这种需求，建议将被依赖的部分，单独抽出来做一个普通的 Maven 项目，然后在 Spring Boot 中引用这个 Maven 项目。
所以我问自己，为什么不搞篇文章列出所有那些较少使用但既有用又有趣的 CSS 属性？ 在本文中，我将介绍一些不一样的CSS属性，希望能给你带来点新鲜感，废话不多说，让我们开始吧。...> CSS .hero { display: grid; place-items: center; } place-items是将justify-items和align-items结合在一起的简写属性...Flexbox 与 margin 的配合 ? 与flexbox 结合使用，margin: auto 可以非常轻松地将 flex 项目水平和垂直居中。...object-fit属性是相当神奇且有用的。 当我第一次了解它时，它改变了很多事情，使我作为前端开发人员的生活更加轻松。 最近，我正在研究显示徽标网格的部分。...更好的是，我们可以将以上内容包装在@supports中，以避免在不支持对象适配的浏览器中拉伸徽标图像。
所以我问自己，为什么不搞篇文章列出所有那些较少使用但既有用又有趣的 CSS 属性？ 在本文中，我将介绍一些不一样的CSS属性，希望能给你带来点新鲜感，废话不多说，让我们开始吧。...> CSS .hero { display: grid; place-items: center; } place-items是将justify-items和align-items结合在一起的简写属性...与 margin 的配合 与flexbox 结合使用，margin: auto 可以非常轻松地将 flex 项目水平和垂直居中。...大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 列表的 marker 属性 ? 这前，我还不知道每个li项旁边的默认小圆圈称为marker。...更好的是，我们可以将以上内容包装在@supports中，以避免在不支持对象适配的浏览器中拉伸徽标图像。
看完视频你就明白为什么不能出门了，千万不要放松警惕！（@Ele实验室 ） 在家憋了一段时间的人们，耐心也在一点一点消磨中。很多人已经忍不住开始想蠢蠢欲动了。...他们总有一套自己的理论：我们城市才一点确诊病人，而且在距离我们很远的地方，我就出去一会儿，哪有那么巧合，就感染上了。没事儿的！大街上都没人，我戴着口罩又没事。...疫情的防控工作的防控点或者是成功与否主要在于感染人员是否戴口罩、医院里的隔离床位（或者是自我隔离位）、人口的流动。...因此通过这一次的疫情防控，为了你、我、他，请以后感冒发烧生病之后，能够带个口罩，减少传染率。因为不知道你体内的这一个病毒威力如何。 ?...因此一个疫情发生，必须依靠强大有力的政府比如中国，和广大的医院医生护士等伟大的工作者们的努力，所以平时请尽量的尊重他们的这个职业。 ?
手机和 PC 之间的宽度不同 ? 我们有一组按钮。在移动设备上，我们希望它们彼此相邻(每个按钮包装器占据其父元素的50%)，而在桌面设备上，每个按钮都应该占据其父元素的全部宽度。该怎么做?...大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 Flexbox 在某些情况下，在flexbox中使用自动页边距非常有用。...接下来我要解释的是对我来说是新的，我在研究本文时学到了它。 考虑下面的模型: ? 我们有一个有内边距的 wrapper 元素，还有一个子项。子项目是绝对定位的，但没有任何定位属性。...如果我检查了子项并转到computed styles，你猜下left属性的值会是什么？ ? left的默认值为16px，即使没有设置。为什么会发生这种情况？...我们不能使用left:0，因为这会将子元素粘到边缘，这不是我们想要的。 请参阅下面的模型，以了解我的意思。 ? 要以正确的方式重置子项，我们应该使用left: auto。
是什么 对项目内部结构的一种调整，目的是在不改变成品可观察行为的前提下，使项目更加亲切，通俗易懂，高效。 喔，亲切排第一位，然后是通俗易懂，然后是高效。 为什么我喜欢重构？...项目拿到手上，经过前期的立项、分析，分工之后，首先想的自然是赶紧实现功能吧，如果有哪位大神已经通篇规划之后再像填空一样填代码，我服。...我目前还没有那么深厚的功底，所以当功能实现之后，我的项目就像是鸡啄米一样，混乱不堪但是暂时还是尽在掌握的。这时候就需要第一波重构了。...但是，曾经一个亲身经历让我明白，重构所花费的时间都不算什么。那是我刚开始做项目时候的事情了，刚开始还好，代码之间的联系不多，写了几天之后，各个功能需要串在一起了，这时候麻烦来了。...首先是函数接口不明朗，有的功能函数，单独的测试demo都好好的，但是一接起来就各种不适应出来，好不容易串起来了，又出现那种牵一发而动全身的状况，陷入泥潭之后，又发现有些细节的东西就忘了，不知道某些地方为什么要那样写
如果大家发现网上有抄袭本文章的，欢迎举报，并且积极向这个 github 仓库 提交 issue，谢谢支持~ 本文是“为什么我建议”系列第二篇，本系列中会针对一些在高并发场景下，我对于组内后台开发的一些开发建议以及开发规范的要求进行说明和分析解读...往期回顾： 为什么我建议在复杂但是性能关键的表上所有查询都加上 force index 在业务一开始上线的时候，我们线上日志级别是 INFO，并且在日志内容中输出了代码位置，格式例如： 2022-03...直接看 Thread CPU Load 这个事件，看每个线程的 CPU 占用情况。发现reactor-http-epoll线程池的线程，CPU 占用很高，加在一起，接近了 100%。...模拟两种方式获取调用打印日志方法的代码位置，与不获取代码位置会有多大性能差异 以下代码我参考的 Log4j2 官方代码的单元测试，首先是模拟某一调用深度的堆栈代码： 然后，编写测试代码，对比纯执行这个代码...由此，我建议：对于微服务环境，尤其是响应式微服务环境，堆栈深度非常深，如果会输出大量的日志的话，这个日志是不能带有代码位置的，否则会造成严重的性能衰减。
三 但是，看了输出，我就纳闷为什么，为什么第三行不是BigEgg2.Yolk()，不能覆盖吗？...那么，他们构造方法为什么不能覆盖，都是Public Yolk（）{}。 当然，网上都说子类继承父类除构造方法以外的所有方法，但这是结果，我要知道为什么！！ 五 先说几个错误的观点 1....有说构造方法的方法名与类名必须一样，父子类不能同名，故不能继，所以不能覆盖构造方法。 这个不用多说，这个例子，就是大神写出来打这样说的人的脸的。 2....(这就是为什么创建子类时先创建完父类的原因了) 那么很明显了，要是同名类之间可以覆盖了，子类创建时就是创建了两个自己而没有父类。...Java设计的时候，他们绝对想到有些人会像强迫症那样折腾个同名类继承，然后实现构造覆盖的场景吧.... 总结 构造方法是唯一的，不能又造爸爸又造儿子
实际上老板们每天的事情很多，根本没法关注到每一个人，我以前也曾经跟老板们问过这样一个问题：做和说到底哪个重要？答案是两个都重要。把一件事做好是必须的，但将这件事分享出来，可以同样给团队带来更多的成长。...质量的维度同样可以用对比的方式来展示：所以，为什么项目复盘很重要呢？及时发现自己的问题并改进，避免掉进同一个坑。让团队成员和管理者知道自己在做什么。整理沉淀和分享项目经验，让整个团队都得到成长。...一般来说，可以通过几个方面来总结整理：项目背景，比如为什么启动项目、目标是什么之类。技术方案，是否做了技术选型、架构设计等。项目结果，时间维度和质量维度，最好有数据佐证。未来规划/优化方向。...结束语本文介绍了在项目开发过程中，要如何做好前期的准备，又该如何在项目结束后进行完整的复盘。...查看Github有更多内容噢: https://github.com/godbasin我正在参与2024腾讯技术创作特训营第五期有奖征文，快来和我瓜分大奖！
)和样式 控制view的布局应当简单易行，这就是为什么React Native从web中借鉴了Flexbox模型。...Flexbox让大多数常见的UI布局构建变得简单(譬如带有外衬margin和内衬padding，且堆叠在一起的多个矩形)。...包装。...最后用一个Javascript文件连接并进行包装。...文件连接并进行包装。
在定义边缘计算架构时，有一点是不变的：平台必须具有灵活性和可扩展性，以便在其上和核心数据中心部署智能应用程序。 KubeEdge（它向资源受限的环境提供容器编排）是2020年笔者最喜欢的开源项目。...KubeEdge是开源的、轻量级的、易于部署的、资源需求低的，并且提供你所需要的一切。 KubeEdge架构 KubeEdge于2018年在西雅图举办的KubeCon首次亮相。...2019年，它被接受为CNCF沙盒项目，这使其具有更高的知名度，并使其有望成为CNCF认可的成熟项目。 ? 简而言之，KubeEdge有两个主要的组成部分：Cloud和Edge。...这就是为什么笔者认为KubeEdge是使用边缘计算从移动技术产生的数据中获益的完美解决方案。 KubeEdge架构允许在边缘计算层实现自治，从而解决了网络延迟和速度问题。...这就是KubeEdge是笔者最喜欢的2020年项目的原因。还有更多的事情要做，笔者希望看到更多的社区贡献以推动更广泛的采用。它的未来令人感到兴奋，它将使我们能够使用可用的数据并将其获得更大的利益。
它们会尽量占用尽可能多的水平空间，同时尽量减少垂直空间的占用。 内联元素在水平方向上像段落中的文本一样显示在一起。...为什么它们不共享相同的选项呢？我们将很快揭开这个谜团，但首先，我需要分享另一个对齐属性：align-self。...「默认情况下，它们很好地排列在一起，侧边相邻」。我可以画一条直线，将所有子元素串起来，就像烤肉一样： 然而，交叉轴是不同的。「一条垂直的直线只会与其中一个子元素相交」。...例如，width属性对替换元素（如图像）的影响与flex-basis不同。此外，width可以将项目减小到其最小尺寸以下，而flex-basis则不能。...包裹 到目前为止，我们的所有项目都是并排或纵列的。flex-wrap属性允许我们改变这一点。 如果容器宽度不能包含子元素的话，子元素会被隐藏。
所以，我完全理解为什么你会讨厌 CSS，但今天，我于分享的是一个小课程，你将学习如何使用现代功能编写干净的 CSS，同时避免在 2021 年以及未来不应该编写糟糕的代码。...它还在 HTML 中提供了有用的注释，例如当一个元素导致另一个元素溢出时，Firefox 还为 flex 和网格布局提供了非常漂亮的图形，谈到哪个布局或元素相对于彼此的位置历来是最重要的布局之一。...3、 Flexbox 很棒 一种选择是给子元素绝对定位，然后使用 top 和 left 属性移动到右下角，然后将其转换回50%，以将其放在可以工作的中心，但现代CSS有一种更好的方法是 使用flexbox...当涉及到布局时，Flexbox 通常是我使用的第一个工具，但它确实有一个主要缺点，如果你有一个包含许多相交行和列的大型复杂 UI，你最终可能会在 HTML 中使用大量容器或包装元素。 ?...一种更复杂的方法是为每个定义其顺序的项目定义一个内联 CSS 变量，然后我们可以将动画延迟定义为顺序变量 100 次毫秒的计算。 ?
如果两个或多个元素很接近，那么用户就会认为它们以某种方式属于彼此。当对多个设计元素进行分组时，用户可以根据它们之间的空间大小来决定它们之间的关系。...处理底部margin 假设以下组件堆叠在一起，每个组件都有底边距。 ? 注意最后一个元素有一个空白，这是不正确的，因为边距只能在元素之间。...我是用flexbox搭建的。这项技术称为“对齐移位包装”，我从CSS Tricks中学到了它的名称。...我在这篇文章中讨论了避免margin的概念，并使用间隔组件来代替它们。 让我们假设一个区域需要从左到右24px的空白，并记住这些限制： margin不能直接用于组件，因为它是一个已经构建的设计系统。...：使用一个等于 2vmax 的间隙，但不能超过 32px。
上已经收录，更多往期高赞文章的分类，也整理了很多我的文档，和教程资料。欢迎Star和完善，大家面试可以参照考点复习，希望我们一起有点东西。...大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 水平居中 内联元素 要使内联元素（如链接，span 或img）居中，使用 text-align: center 足够了。...使用 flexbox 也可以快速居中元素： .desk { display: flex; justify-content: center; } 对于多个内联的项目，也可以正常工作： image.png...width: 120px; height: 120px; margin-left: auto; margin-right: auto; } image.png 对于多个块元素，它们应该包装在一个元素中....tray { display: flex; margin-left: auto; margin-right: auto; } image.png Flexbox 对于 flexbox
CSS的居中是众多CSS难点的代表。为啥用CSS居中这么难呢？但是我认为这个问题其实并没有那么难啦，就是有很多种不同的方式可以达到居中的目的，这取决于不同的情景，很难说用哪一种方式去实现居中。...出于某些原因不能用，并且你要使一些不换行的文字居中，这里有一个技巧，就是设置文字的 line-height 和 height 的值相等。...: center;flex-direction: column;height: 400px;} 请记住这个方法仅仅适用于父容器具有一个固定的额高度（px，%，等等），这也是为什么容器有一个高度。...如果上面的方法都不能用，你可以试试 ”虚元素“ 技术：其中一个完整高度的伪元素放置在容器内，并与文本垂直对齐。...但是我发现，这些方法通常都属于以下三种阵营： 元素有固定的宽和高？
当对多个元素进行分组设计时，用户可以通过它们之间的空间量来决定它们之间的关系。如果没有间距，用户将很难分清页面上哪些项目内容相关，哪些项目内容不相关。...考虑下面的模型： 当它们彼此靠近时，这些元素看起来并不好，我用 flexbox 构建它们，这种技术被称为“Alignment Shifting Wrapping”，我从 CSS Tricks 中了解到它的名字...，现在每个按钮都包装在自己的元素中。...工具应该将每个项目包装在其自己的元素中。...我在检查 Facebook 的新设计 CSS 时，首先注意到了这一点。 我们将内联样式div设置为width ：16px， 它的唯一目的是在左边缘和包装器之间添加一个空间。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
