input 框在输入查询内容之后，按回车键居然有两种不同的表现形式（input 框没有绑定键盘事件），谷歌和火狐功能正常，但IE在按了回车键以后居然自动调用方法。
对于 UI 自动化测试来说，许多所谓框架之间并没有太多差别，也从来不是影响整套测试用例是否健壮的关键性因素。相比之下，如何提高测试用例稳定性以及出现错误时 debug 的便捷性才是让 UI 自动化测试方案落地的重要细节。
CSS3非常强大，我们可以利用CSS3相关特性绘制很多平面图形，并且可以制作很多简单的动画。今天要分享的是一款用纯CSS3实现的可爱表情动画
css sprites雪碧图：把一堆小图片整合在一张大图上，通过背景图片相关设置（背景图片、背景图是否重复、背景图定位），显示图片，减轻服务器对图片的请求数量
作为网页内容的一部分，图像和视频通常要消耗很多资源加载。要提高网页应用的性能，如何避免资源浪费在加载图像和视频上就很重要了。但是，很多时候我们都不愿意减少网页上的媒体资源，所以我们经常无从下手。
本文主要列举在如今前后端分离、手机App大行其道的现状下，用户认证、授权的几种做法及对比。本文假设你已经理解了各种认证模式的具体细节。
Sass和Less这样的预处理器，让我们的CSS代码保持良好的结构和可维护性。像变量、混合(mixins)、循环控制等特性，增强了动态编写CSS的能力，从而减少重复代码，也加快了我们开发速度。
本节课讲解在webpack v4中的 SCSS 提取和懒加载。值得一提的是，v4和v3在 Scss 的懒加载上的处理方法有着巨大差别。本节课主要涉及 SCSS 在懒加载下提取的相关配置和插件使用。
瀑布流的布局自我感觉还是很吸引人的，最近又看到实现瀑布流这个做法，在这里记录下，特别的，感觉flex布局实现瀑布流还是有点懵的样子，不过现在就可以明白它的原理了。纯css实现的瀑布流只能是一列一列的排布，所以还是得用js来实现瀑布流更符合我们常见的瀑布流
HTTP状态码是用以表示网页服务器HTTP响应状态的3位数字代码,其中第一位数字表示响应类别，响应类别从1到5分为五种，分别代表：临时响应、成功、重定向、请求错误、服务器错误。
不知大家有没类似这样的经历：一天忙到晚，一会被PM叫去确认需求，一会被设计拉去确认UI是否能实现，一会又被测试叫去确认bug，然后貌似做了很多事，但好像工作进度也没什么进展。然后，只能晚上加班，在夜深人静时还得敲代码，苦逼
html5的Notification就可以很好的解决这些问题。Notification生成的消息是不依附于某个页面，仅仅依附于浏览器，所以无论你在看那个页面，浏览器是否最小化，只有有消息推送都能看到。
主要涉及知识点：
HTML与XHTML,HTML与XHTML的区别,DOCTYPE与DTD的概念,DTD的分类以及DOCTYPE的声明方式,标准模式（Standard Mode）和兼容模式（Quircks Mode）,标准模式（Standard Mode）和兼容模式（Quircks Mode）的区别
在写html表单的时候，发现了一个问题：input和button设置了一样的宽高，但是显示高度确不一致，很明显的看出高度不一样。这是由于button在高度计算上始终使用了Quirks模式。
arget作为目标伪类选择器，是css3中的新特性之一。URL 带有后面跟有锚名称 #，指向文档内某个具体的元素。这个被链接的元素就是目标元素(target element)。:target 选择器可用于选取当前活动的目标元素。
https http 混合访问问题：1、解决android 5.0 webview不能加载http与https混合内容的问题；2、解决浏览器默认是不允许在 https 里面引用 http 资源
要做到无iFrame，我将使用一种类似于之前我讨论过的方法：我将创建一个弹窗，然后在设置计时器后更改弹出窗口的位置。使用这种方法，我仍然可以加载受害者的CSS，但我不再依赖于受害者是否允许iFrame。
使用CSS 绘制出 1px 的边框，在移动端上渲染的效果会出现不同，部分手机发现1px 线条变胖了，这篇文章整理2种方式实现1px 像素线条。1、利用box-shadow + transform；2、利用border + 伪元素 + transform
css中line-height行高是指文本行基线之间的距离，不同字体，基线位置不同。line-height只影响行内元素和其他行内内容，而不会直接影响块级元素。line-height实际应用：图片水平垂直居中、多行文本水平垂直居中、用line-height代替height
这篇文章整理css如何实现文章分割线的多种方式，分割线在页面中可以起到美化作用，那么就来看看使用css实现分割线样式的多种方法：单个标签实现分隔线、巧用背景色实现分隔线、inline-block实现分隔线、浮动实现分隔线、利用字符实现分隔线
