目录前言问题代码代码清单1代码清单2shared_ptr原理分析问题修改代码清单1修改代码清单2修改enable_shared_from_this和shared_from_this总结前言之前学习muduo网络库的时候，看到作者陈硕用到了enable_shared_from_this和shared_from_this，一直对此概念是一个模糊的认识，隐约记着这个机制是在计数器智能指针传递时才会用到的，今天对该机制进行梳理总结一下吧。如果不熟悉C++带引用计数的智能指针shared_ptr和weak_ptr，可参考这篇文章：?深入掌握智能指针这篇文章主要介绍C++11提供的智能指针相关的enabl

目录前言问题代码代码清单1代码清单2shared_ptr原理分析问题修改代码清单1修改代码清单2修改enable_shared_from_this和shared_from_this总结前言之前学习muduo网络库的时候，看到作者陈硕用到了enable_shared_from_this和shared_from_this，一直对此概念是一个模糊的认识，隐约记着这个机制是在计数器智能指针传递时才会用到的，今天对该机制进行梳理总结一下吧。如果不熟悉C++带引用计数的智能指针shared_ptr和weak_ptr，可参考这篇文章：?深入掌握智能指针这篇文章主要介绍C++11提供的智能指针相关的enabl

我们知道，写习惯了前端的人，一般切图后布局页面的话，上手最习惯的是基于盒子模型的浮动布局，依赖display属性+position属性+float属性，但是浮动布局有一些致命的小问题，比如垂直居中比较费劲，比如著名的float坍塌问题，另外有些极端情况下，还得使用模型+clear:both来手动清除浮动，比较麻烦。于是，W3C提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能，本人在微信小程序页面中尝试了一下弹性布局，个人感觉是：简直太好用了。Flex是FlexibleBox的缩写，意为"

我们知道，写习惯了前端的人，一般切图后布局页面的话，上手最习惯的是基于盒子模型的浮动布局，依赖display属性+position属性+float属性，但是浮动布局有一些致命的小问题，比如垂直居中比较费劲，比如著名的float坍塌问题，另外有些极端情况下，还得使用模型+clear:both来手动清除浮动，比较麻烦。于是，W3C提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能，本人在微信小程序页面中尝试了一下弹性布局，个人感觉是：简直太好用了。Flex是FlexibleBox的缩写，意为"

一、flex布局的原理   1,flex是”flexibleBox”的缩写，意为”弹性布局”；   2.当我们为父盒子设为flex布局以后，子元素的float、clear和vertical-align属性将会失效。言而简之：flex布局原理就是通过给父盒子添加flex属性，来控制子盒子的位置和排列方式。二、flex布局父项常见属性flex-direction:设置主轴的方向justify-content:设置主轴上的子元素排列方式flex-wrap:设置子元素是否换行align-content:设置侧轴上的子元素的排列方式(多行)align-items:设置侧轴上的子元素的排列方式(单行)fl

一、flex布局的原理   1,flex是”flexibleBox”的缩写，意为”弹性布局”；   2.当我们为父盒子设为flex布局以后，子元素的float、clear和vertical-align属性将会失效。言而简之：flex布局原理就是通过给父盒子添加flex属性，来控制子盒子的位置和排列方式。二、flex布局父项常见属性flex-direction:设置主轴的方向justify-content:设置主轴上的子元素排列方式flex-wrap:设置子元素是否换行align-content:设置侧轴上的子元素的排列方式(多行)align-items:设置侧轴上的子元素的排列方式(单行)fl

文章目录前言方式一nth-child方式二gap属性方式三设置margin左右两边为负值总结前言flex布局是前端常用的布局方式之一，但在使用过程中，我们总是感觉不太方便，因为日常开发中，大多数时候，我们想要的效果是这样的即左右两端对齐并顶满，小盒子左右间距一致，并且从左至右排布。今天主要就来讨论，通过css，有几种方式来实现，以及它们的优缺点。方式一nth-childtemplate>divclass="main"> divclass="flex-box"> divclass="item-box">...div> ... div> div>template>.flex-box{ disp

文章目录前言方式一nth-child方式二gap属性方式三设置margin左右两边为负值总结前言flex布局是前端常用的布局方式之一，但在使用过程中，我们总是感觉不太方便，因为日常开发中，大多数时候，我们想要的效果是这样的即左右两端对齐并顶满，小盒子左右间距一致，并且从左至右排布。今天主要就来讨论，通过css，有几种方式来实现，以及它们的优缺点。方式一nth-childtemplate>divclass="main"> divclass="flex-box"> divclass="item-box">...div> ... div> div>template>.flex-box{ disp

最近做个项目,其中有个样式是换行布局,作为样式渣渣的我一开始不会,只能查资料,然后摆平了它.今天得空了,简要记录一下,方便后面小伙伴布局使用.参考资料flex-wrap开始样式divclass="planWrap">divclass="contentplanItem">1div>divclass="contentplanItem">2div>divclass="contentplanItem">3div>divclass="contentplanItem">4div>divclass="contentplanItem">5div>divclass="contentplanItem">6div>

最近做个项目,其中有个样式是换行布局,作为样式渣渣的我一开始不会,只能查资料,然后摆平了它.今天得空了,简要记录一下,方便后面小伙伴布局使用.参考资料flex-wrap开始样式divclass="planWrap">divclass="contentplanItem">1div>divclass="contentplanItem">2div>divclass="contentplanItem">3div>divclass="contentplanItem">4div>divclass="contentplanItem">5div>divclass="contentplanItem">6div>