Declaring multiple variable expressions on a single line is common practice and also a great shorthand syntax. However, while reviewing several develo ...

What Are rem Units?You might have encountered the term “R.E.M.” before while listening to the radio or your music player. Unlike their musical counter ...

块级格式化上下文（Block Formatting Context）是网页CSS视觉渲染的一部分，并用于决定块盒子的布局。在定位体系（Positioning Scheme）中它属于常规流（Normal Flow）。根据W3C的描述： 浮动、绝对定位元素（position 为 absolute 或 ...

How flexbox works  属性#1 display: flex示例如下 我们有4个不同大小的div包含在一个灰色的div父容器里，每个div都默认设置为：display: block 现在给父容器设置:123#container { display: flex;} ...

原生JavaScript中的AJAXAJAX不是JavaScript的规范，它只是一个哥们“发明”的缩写：Asynchronous JavaScript and XML，意思就是用JavaScript执行异步网络请求。 如果仔细观察一个Form的提交，你就会发现，一旦用户点击“Submit”按钮，表 ...

第一步：安装Node首先，最基本也最重要的是，我们需要搭建node环境。访问https://nodejs.org/en/，然后点击install按钮，下载完成后直接运行程序，就一切准备就绪。npm会随着安装包一起安装，稍后会用到它。 第二步：使用命令行也许现在你还不是很了解什么是命令行——OSX中的 ...

用途和使用场景先不要管 Grunt，我们先来看下微硬公司小明和小红的日常前端开发工作： 小明在开发一个 JS 插件，写了好多代码，终于写完了，放在 HTML 文件里调用一看，console 里面好多 error，于是就挨个调整修改。为了排除深层潜在问题，他还打开了 http://www.jshint ...

JavaScript中的正则表达式 课程：JavaScript正则表达式 — 慕课网 正则表达式图形化工具Regexper 正则表达式是一种用来匹配字符串的强有力的武器。它的设计思想是用一种描述性的语言来给字符串定义一个规则，凡是符合规则的字符串，我们就认为它“匹配”了，否则，该字符串就是不合法 ...

CONTAINERContainer有两个作用： 在随时可能的宽度变化(响应式)中提供宽度限制。当页面宽度变化，container 的宽度也随之变化。并且其中的 column 的宽度是基于百分比，所以他们的值不需要变化。 提供一个水平方向的 padding，使其内部的内容不会接触到浏览器的边界，大 ...

JavaScript’s ‘this’ KeywordA commonly used feature of JavaScript is the this keyword, but it is often also one of the most confused and misinterpreted ...