原文链接： http://hangyangws.win/2017/06… 为什么需要校验 CSS 规则 对于编程语言进行「语法、书写」校验，能有效「归并」不同开发者的「不同风格」，还能检验出一些语法错误。 比…

1 介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？ 标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin低版本IE盒子模型：宽度=内容宽度（cont…

迭代器（Iterator） ES5实现迭代器 迭代器是什么？遇到这种新的概念，莫慌张。 迭代器是一种特殊对象，每一个迭代器对象都有一个next()，该方法返回一个对象，包括value和done属性。 ES5实现迭代器的代…

在移动端的布局开发中经常要考虑到横竖屏所带来的不同布局， 但有时候我们只仅做了横向或纵向布局，为了更好的用户体验在没有做布局的页面放一个提示会更加友好。网上有人写了一些插件来方便开发者一键添加，比如这篇博客中提到的lan…

只使用一个html元素绘制图形，部分图形需要浏览器支持 正方形 Square #square { width: 100px; height: 100px; background: dodgerblue; } 长方形 Re…

本人喜欢把一些实用的东东拿过来，写成文章或者收藏起来。于是乎… 直接上代码： .article { color: #000000; overflow: hidden; display: -webkit-box…

1、fetch： https://github.com/github/fetch 2、HTML5 History/State APIs (pushState, replaceState, onPopState)：http…

欢迎提issues 斧正： css小技巧 业务代码中可用的CSS技巧 兼容chrome下的10px字体 p { font-size: 10px; -webkit-transform: scale(.83); } 此方法在…

欢迎交换友链 Laker’s Blog–进击的程序媛Github：https://github.com/younglaker微博: 江小湖Laker 本文讲介绍:hover、:active、:fo…

欢迎关注前端小讴的github，阅读更多原创技术文章 非常简单： 外层（被遮挡的层）{ pointer-events: none; } 内层（要发生事件的层）{ pointer-events: auto; } point…

<div class="sl"> <div>数量</div> <div>-</div> <input type="number" value="1" mi…

方法一：全局增加一个负值下边距等于底部高度 <style> html, body { height: 100%; margin: 0; } .content { padding: 20px; min-heig…