BBQ前端博客是一个WEB前端技术博客,由90后前端工程师舒彬琪创建并维护,本博客分享本人在前端工作和生活中的一些见解和技术积累。也欢迎各位前端爱好者和我一起互相学习,共同进步。本博客创建于2019年4月31日,将不断地进行更新和迭代整体页面,以达到更好的展示效果和交互效果。

BBQ前端技术博客

前端技术博客

BBQ前端技术博客

个人前端技术博客

BBQ前端博客

优秀的个人博客

最新文章 查看更多

Flex 七、总结
Flex 七、总结

总结附参考阮老师博文中的骰子练习,我做了张图,大家不妨可以各自实现下,理解之后应该能够比较轻松地写出来。codepen参考资料Flex 布局教程:语法篇Flex 布局教程:实例篇flex code pen理解Flexbox:你需要知道的一切深入理解css3中的flex-grow、flex-shrink、flex-basisA Complete Guide to Flexboxflex实战及坑总结flex···

 2019-06-09 21:51:48    阅读全文

Flex 六、其他内容
Flex 六、其他内容

order:更优雅地调整元素顺序#container > div:first-child {  order: 2; } #container > div:nth-child(2) {  order: 4; } #container > div:nth-child(3) {  order: 1; } #container > div:nth-···

 2019-06-09 21:50:39    阅读全文

Flex 五、容器内如何对齐
Flex 五、容器内如何对齐

前面讲完了元素大小关系之后,下面是另外一个重要议题——如何对齐。可以发现上面的所有属性都是围绕主轴进行设置的,但在对齐方面则不得不加入作用于交叉轴上。需要注意的是这些对齐属性都是作用于容器上。1. 主轴上的对齐方式justify-content2. 交叉轴上的对齐方式主轴上比较好理解,重点是交叉轴上。因为交叉轴上存在单行···

 2019-06-09 21:49:25    阅读全文

Flex 四、弹性处理与刚性尺寸
Flex 四、弹性处理与刚性尺寸

弹性处理与刚性尺寸在进行弹性处理之余,其实有些场景我们更希望元素尺寸固定,不需要进行弹性调整。设置元素尺寸除了width和height以外,flex还提供了一个flex-basis属性。flex-basis设置的是元素在主轴上的初始尺寸,所谓的初始尺寸就是元素在flex-grow和flex-shrink生效前的尺寸。1. 与width/height的区别首先以width为例···

 2019-06-09 21:48:16    阅读全文

前端随笔 查看更多

使用css或者js实现DIV盒子左右等高

使用css或者js实现DIV盒子左右等高1、使用CSS实现DIV等高并排显示先写出整体布局<div class="row">  <div class="col-6">    左侧内容左侧内容左侧内容左侧内容左侧内容左侧内容左侧内容左侧内容左侧内容左侧内容左侧内容左侧内容左侧内容左侧内容左侧内容···

 2019-07-22 13:53:04    阅读全文

Pboot编辑器输入字数测试

 对着镜子笑一笑,人生是积极的。给自己一个笑脸,不要对生活感到怜悯,也不要厌恶或者轻视自己。常常对镜子笑一笑,让你感到更快乐更自信。让生命永不枯竭作者: 逝者如斯夫古人云:勤能补拙,天道酬勤。从古至今,凡是有所成就的人,他们都付出了我们难以想象的艰辛。许多人都看到了他们站在领奖台上的风光,却往往忽···

 2019-06-26 23:58:14    阅读全文

获取指定栏目下面的所有单页内容

获取指定栏目下面的所有单页内容{pboot:nav parent=栏目编号} {pboot:if('[nav:type]'==1)} {pboot:content scode=[nav:scode]} [content:content] {/pboot:content} {/pboot:if} {/pboot:nav}获取指定栏目下面的所有单页内容,并且排除指定编号{pboot:nav parent=栏目编号} {pboo···

 2019-06-14 11:26:48    阅读全文

PbootCMS中常见使用方法

1. 模板里使用php的标签是:{php}     中间写php代码 {/php}2. Pboot列表起始位置设置(控制从第几条开始):start=* 起始数据

 2019-06-13 09:38:46    阅读全文

在线咨询

点击这里给我发消息 添加个人QQ

在线咨询

微信扫一扫

微信联系
返回顶部