下文内容摘自：https://blog.csdn.net/mazhili1991/article/details/104476445/ 在IE10浏览器中，使用flex布局的常用兼容性代码： /*display*/ .display_flex{ display: -webkit-box; displ ...
分类：
其他好文 时间：
2020-06-08 14:47:53
阅读次数：
340
边距重叠 统一的解决方案；设置padding或者border或者触发BFC 边距重叠有一下三种情况： 首先把所有的margin格式清空 <head> <title>边距重叠</title> <style> html *{ margin-top: 0px; padding: 0px; } </styl ...
分类：
其他好文 时间：
2020-06-07 12:56:38
阅读次数：
73
一、flex布局 顶部，底部固定，中间自适应(中间左固定，右自适应)。 <body> <div class="container"> <div class="header"></div> <div class="content"> <div class="left"></div> <div clas ...
分类：
Web程序 时间：
2020-06-07 10:59:54
阅读次数：
64
第五章 建造者模式 5.1 目的 将产品和产品建造过程解耦。 5.2 基本介绍 建造者模式（Builder Pattern） 又叫生成器模式，是一种对象构建模式。它可以将复杂对象的建造过程抽象出来（抽象类别），使这个抽象过程的不同实现方法可以构造出不同表现（属性）的对象。 建造者模式是一步一步创建一 ...
分类：
其他好文 时间：
2020-06-05 23:25:55
阅读次数：
109
在 这里 display:flex 需要兼容性处理，webpack 编译打包时，需要使用 postcss-loader 这个loader 和 postcss-preset-env 这个插件，它帮postcss找到package.json中browserslist里面的配置，通过配置加载指定的css兼 ...
分类：
Web程序 时间：
2020-06-05 10:21:41
阅读次数：
83
在flex容器中默认存在两条轴，水平主轴和垂直的交叉轴，这是默认设置，当然可以通过修改相关属性使垂直方向变为主轴，水平方向变为交叉轴，在容器中，每个单元块称为flex item，每个flex item占据主轴空间为main size，占据交叉轴空间为cross size。 Flex容器 首先实现fl ...
分类：
Web程序 时间：
2020-06-05 01:09:43
阅读次数：
86
前言 我曾一度觉得总写css的前端很low，有了这种思想以后我便远离网页布局，H5的工作更不想接，沉迷于页面逻辑和封装组件。直到最近我面试，面试官说我css3理解的不熟，我起初很不屑，但后来静下来反省了一下并不是我不熟，只是我开始瞧不上网页制作这种工作了，问我css问题时，我感觉就像是再问一个老粉刷 ...
分类：
Web程序 时间：
2020-06-04 21:55:27
阅读次数：
82
css 如何水平垂直居中，请尽量多说几种方法？很尴尬，我多次面试都被问到这个问题，fuck 定位（回答了）、table-cell布局、flex布局、translate+relative定位 w3c和ie盒模型区别 我回答反了 尴尬 jquery jquery中如何只实现一次事件绑定 $('dom') ...
分类：
其他好文 时间：
2020-06-04 21:49:39
阅读次数：
135
创建型模式，将多个简单对象一步步构建成一个复杂的对象。 将一个复杂的构建与其表示相分离，使用同样的构建创建不同的表示。 实例应用：台式电脑的组成，是由多个零件组合成的，不同的CPU，显示器，显卡等能组合成配置完全不一样的电脑。 优点： 建造者独立，易扩展。 便于控制细节，降低风险。 缺点： 局限性大 ...
分类：
其他好文 时间：
2020-06-04 14:11:14
阅读次数：
62
同样的代码，只改了类型，分别为stringbuilder和stringbuffer，只比较一下，执行引擎为hive。 当数据量为100000条，string builder耗时280秒，stringbuffer耗时261秒。 当数据量为1000000条，string builder耗时878秒，st ...
分类：
其他好文 时间：
2020-06-04 13:51:29
阅读次数：
59
