Bem 是块（block）、元素（element）、修饰符（modifier）的简写，由 Yandex 团队提出的一种前端 CSS 命名方法论。 BEM 是一个简单又非常有用的命名约定。让你的前端代码更容易阅读和理解，更容易协作，更容易控制，更加健壮和明确，而且更加严密。 bl…

如题，这是一篇关于浏览器的兼容问题及解决方案的文章，带你简单的了解浏览器、了解兼容问题，并提供一些关于 JS 兼容、CSS 兼容的介绍及解决方案！

故事：2007 年初。苹果公司在发布首款 iPhone 前夕，遇到一个问题：当时的网站都是为大屏幕设备所设计的。于是苹果的工程师们做了一些约定，应对 iPhone 这种小屏幕浏览桌面端站点的问题。 这当中最出名的，当属双击缩放(double tap to zoom)，这也是会有…

划重点，这是一道面试必考题，很多面试官都喜欢问这个问题，我就被问过好几次了 要实现上图的效果看似很简单，实则暗藏玄机，本文总结了一下CSS实现水平垂直居中的方式大概有下面这些，本文将逐一介绍一下，我将

就是顶部黄色的滚动进度条，随着页面的滚动进度而变化长短。 在继续阅读下文之前，你可以先缓一缓。尝试思考一下上面的效果或者动手尝试一下，不借助 JS ，能否巧妙的实现上述效果。 OK，继续。这个效果是我在业务开发的过程中遇到的一个类似的小问题。其实即便让我借助 Javascrip…

1. 事件模型 JavaScript事件实现网页与用户之间交互，在各式各样的浏览器中，JavaScript事件模型主要分为3种：原始事件模型（DOM0）、DOM2事件模型、IE事件模型。 优点：所有浏览器都兼容。 缺点：逻辑与显示没有分离；相同事件的监听函数只能绑定一个，后绑定…

随着网格布局的普及率越来越高，在前端面试中出现的概率也逐年增长，这里只做个引子，这方面的内容还是需要重视起来的，不只是面试中，在日常项目中页可以提高自己的排版布局效率。

接下来就是响应式布局了，一模一样的东西，顺便吐槽一下，一模一样的东西，为毛要写那么多？看不出来哪里响应了。。可能是less编译的问题吧。。。

作者｜OhansEmmanuel译者｜谢丽本文的目的是用非常简单的术语解释浏览器如何将HTML、CSS和JavaScript转换为我们可以与之交互的网站。了解这个过程，可以帮助你优化Web应用程序，从