2.1 文字超长类

对于存在文本的盒子，包含但不限于button div span label input[placeholder]

1. 容器类型是定宽、通过 padding 自适应、换行显示等
2. 定宽容器需要考虑 省略显示，数字文本优化显示（对文本最大长度有数，比如10000->1万）等
3. 对于自适应不定宽容器、标题等容器，对最窄支持屏幕的最大宽度有数，需要和产品UI约定文案长度
   阅读全文 »

粘性的页脚(sticky footer)是布局中常见的一种，简单说就是让底部区域永远留在最底部：

1. 如果内容高度较小，底部区域固定在窗口底部
2. 如果内容高度较大，底部区域在整体内容的最底部

对于一个前端开发者来说，正则表达式让人又爱又恨，爱是因为人人都会，恨又是一些问题而又不能很好解决。

我将在下文里，分享自己学习正则表达式笔记，
尽量将正则表达式的全部概念分享给大家，了解全部正则概念读此一篇足以应付所有问题，让大家有个系统的了解，共同学习。由于自己理解可能有偏差，如果有不妥之处，还望指出，一定拜谢。

分类

• 标准模型
  • 只包含 content
• IE 模型
  • 包含 content、padding、border 三部分

本文教大家如何搭建一个谷歌镜像，就能正常使用谷歌进行搜索，与谷歌搜出的结果完全一样了。此举并非可以访问404内容，仅仅只是利用谷歌强大的排序搜索。

Ps: 由于谷歌属于禁止访问网站，该方案仅供学习用途，供学习及搜索资料用，并无其他特殊功能

现在很多前端框架或库能实现checkbox自定义样式，这里介绍一下最原生的方式来自定义checkbox样式，并且最早能兼容至IE9浏览器。

如果有使用My 97 DatePicker日历控件的话，在项目中可能会遇到一个BUG，如果自身项目有使用use strict严格模式的花，在Firefox或IE11下弹不开日历窗口。

这篇文章主要介绍了笔者自己初玩docker的一些入门心得，想简单了解或学习docker的朋友可以看一看，篇幅不大，这里不教你怎么自己做镜像，只介绍如何下载已经制造好的docker，然后纯玩。

  罗胖在2017年时间的朋友上提到一个测试：有两个按钮，一个按下立马得到500W，另外一个有一半概率获得1亿，一半概率什么也没有。问我们选哪个。我自己对这道题是陷入了思考，至少有很大的概率想选第一个，但是罗胖讲到后面，这个题目是有唯一正确答案的，就是第二个。他告诉我们，我们应该先选定第二个，然后去思考，怎样去降低那50%空手而归的风险，不断的提高获得1亿的概率。第一个选项，或许就是生活中各种“障碍”，阻碍着我们不断思考。

是否有些时候，float布局下，IE9右侧多出一块？本文有介绍解决方案。

很多时候，我们需要对一个盒模型居中/靠右，需要根据盒子内的内容的宽度，而限定父亲容器的宽度。我们可以容易查到，下面有三种方法都可以支持。

1. flexbox（该方法不支持IE9）
2. float
3. display: inline-block
   阅读全文 »