Love You Ten Thousand Years

function foo(){
    ...
}
function bar(){
    foo();
    ...
}
bar();

May

High Performance Responsive Design

最近读了Tom Barker的High Performance Responsive Design。对响应式设计有了更多的新理解，尤其是利弊和测试方面。

在很多响应式架构中，我们都只注意到响应式的优点：能同时兼顾移动端和PC端，方便了开发。但是很多网站在设计时，并不能秉承移动优先的策略，或者完全放弃该策略。你就会发现，对于使用响应式构建的网站，需要加载更多的资源。这也意味着，相对于单独进行移动端和PC端建站，响应式页面加载的时间更长。这是值得响应式开发者深思的问题。

May 25 , 2017 Responsive  Performance  阅读全文

---

Webpack第三课 -- CSS篇

其他链接：

• Webpack第一课 – 初识Webpack
• Webpack第二课 – HTML、插件和webpack-dev-server篇

代码Github地址：

• https://github.com/maoxiaoke/You-know-what-is-webpack

当然了，webpack也可以对CSS文件进行打包，将其作为模块引入到JavaScript代码中，然后利用Loader输出。本篇文章主要针对的就是对CSS的操作。

May 19 , 2017 Webpack  阅读全文

---

Webpack第二课 -- HTML、插件和webpack-dev-server篇

其他链接：

• Webpack第一课 – 初识Webpack
• Webpack第三课 – HTML、CSS篇

代码Github地址：

• https://github.com/maoxiaoke/You-know-what-is-webpack

这里呢，打算将所有和html有关的操作都集合到这篇文章中来，用来熟悉webpack对html的操作。

May 18 , 2017 Webpack  阅读全文

---

Webpack第一课 -- 初识Webpack

其他链接：

• Webpack第二课 – HTML、插件和webpack-dev-server篇
• Webpack第三课 – HTML、CSS篇

代码Github地址：

• https://github.com/maoxiaoke/You-know-what-is-webpack

想不到webpack比我想象中要难一点。

webpack是一个现代的JavaScript应用程序的模块打包器(module bundler)。但随着它的发展，有向前端代码管理工具演变的趋势。

对于一个网站而言，之前的管理方式是：HTML文件、CSS样式、JavaScript文件、图片文件各自都是独立的，需要分开地管理每一个文件，然后确保一切正常运行。Gulp这样的任务管理工具就是在这个基础上发展而来，能处理不同的预处理器和编译器，任务一个接着一个进行。

而webpack抛开了这种管理方式，在开发过程中的某一个阶段通过JavaScript去处理所有的依赖。比如说，我们可以利用loader将HTML/CSS文件打包成JS文件，然后再解析出来(这里说的有点糊涂，下次理解透彻再来)。

May 17 , 2017 Webpack  阅读全文

---

特指度--确定哪个样式胜出

有些CSS属性有些是可以继承的，有些是不可以继承的。在多个规则定义了相同的CSS属性，并且这些规则都应用在页面的同一元素上，有时候，会产生冲突。对于现代浏览器，有一种cascade的机制，用来进行冲突判定。

有两种情况会导致样式冲突：

• 继承，从多个祖辈那里继承相同的属性，针对标签样式的继承
• 同一个元素有多个样式。比如说，我们为一个段落定义了Class样式，又定义了<p>标签样式

May 16 , 2017 CSS  阅读全文

---