垂直居中 相信我们大多数人都是从static,浮动,定位这三种布局方式来开始制作网页的。在大多数的业务需求下,浮动和定位都能够很好的满足我们的开发需要。即使是在响应式设计中,浮动和定位配合百分比,rem,媒体查询都能够解决大多数的问题。但是如果你只使用浮动和定位的话,碰到以下的场景你就会发现不是那么 ...
分类:
其他好文 时间:
2020-05-05 17:38:47
阅读次数:
79
1.布局,一般情况下大屏都是恰好铺满整个屏幕,当我们f11切换全屏时候经常会导致空出一节或者有部分内容超出屏幕,导致观赏效果不佳。这时候我们只需要用100vh设置一个总容器再利用flex布局填充总容器就可以确保任何情况都是铺满全屏。 2.大屏资源实例:https://gitee.com/lvyeyo ...
分类:
其他好文 时间:
2020-05-05 10:35:49
阅读次数:
130
1、为什么使用typeScript? typeScript是JavaScript的超集 typeScript在编译期间就可以将错误抛出 增强代码的可阅读性和可维护性 2、案例的功能逻辑 切换职业 选择服务区域 选择服务品种 选择服务承诺 3、使用命令创建react Native的typescript ...
分类:
其他好文 时间:
2020-05-05 10:31:48
阅读次数:
144
如果文章中哪里有问题,希望各位大哥大姐指出,小弟十分感激。 正文 什么是生成器模式? 生成器模式就是把生产对象的过程进一步抽取、细化、独立。以往我们生产对象,可能就是在一个小作坊里面从头做到尾。现在用了生成器模式,就等于把这些生产步骤细化分割了,进行了分散操作,一道工序完了就下一道工序,换一道工序就 ...
分类:
其他好文 时间:
2020-05-05 00:23:47
阅读次数:
75
1.通过flex布局 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>css垂直水平居中</title> 6 <style> 7 html, body { 8 margin: 0; 9 p ...
分类:
Web程序 时间:
2020-05-04 15:17:21
阅读次数:
61
梳理下平时常用css水平垂直居中方式~ 使用flex布局 HTML CSS 利用flex的 垂直居中, 水平居中 利用相对定位和绝对定位的 HTML CSS 相对定位下,使用绝对定位将上下左右都设置为0,再设置 即可实现居中 利用相对定位和绝对定位,再加上外边距和平移的配合 HTML CSS 相对定 ...
分类:
Web程序 时间:
2020-05-04 13:23:36
阅读次数:
77
1.编码和解码的基本介绍 :1) 编写网络应用程序时, 因为数据在网络中传输的都是二进制字节码数据, 在发送数据时就需要编码, 接收数据时就需要解码 [示意图]2) codec(编解码器) 的组成部分有两个: decoder(解码器)和 encoder(编码器)。 encoder 负责把业务数据转换 ...
分类:
Web程序 时间:
2020-05-04 01:00:43
阅读次数:
94
对比一下常用的三种布局: 1.传统布局方式:利用position属性+display属性+float属性,兼容性最好,但是效率低,麻烦 2.flex布局:效率高,学习成本低,兼容性强 3.grid:翻译网格,grid布局相对于flex布局稍微复杂那么一点点,但grid布局比flex布局更强大。 有一 ...
分类:
其他好文 时间:
2020-05-02 21:00:42
阅读次数:
92
案例基础布局 html <ul class="box"> <li class="item"></li> <li class="item"></li> <li class="item"></li> <li class="item"></li> </ul> css .box{ display: -web ...
分类:
其他好文 时间:
2020-05-02 13:25:00
阅读次数:
55
弹性盒子 使用弹性布局,首先要将父盒子定义为弹性盒子。 display: flex display: inline flex 行级弹性盒子,类似inline block 弹性元素 弹性盒子内的元素称为”弹性元素“。 弹性布局实际上就是要对弹性元素的排列做各种设置。 排列方向 flex directi ...
分类:
Web程序 时间:
2020-05-02 12:17:44
阅读次数:
86