使用 HappyPack 和 DllPlugin 来提升你的 Webpack 构建速度

2017-07-04
阅读 6 分钟
16.2k
如果你问我对 Webpack 什么印象的话,我只能告诉你,慢,真的慢。即使他的配置如文档所说(当然,它的文档也不是那么好)很简单,不像 Grunt 或者 Gulp 那样需要一堆配置,只需那么几十行就能够配置一个构建系统,我依然觉得,这个构建工具很慢。或许,是从它的文档开始,我就印象不好了?OK,这个话题到此为止,我们开...

理解并运用 CSS 的负 margin 值

2016-10-16
阅读 5 分钟
9.8k
你的网页中,不可能没有使用过 margin。大多数情况下,我们采用的都是正数的 margin 值,可能有时候会用到负的 margin 值。在我们的印象中,负的 margin 值就类似于浏览器的 hack 一样,不被人接受。但是,本文要说明的就是,负的 margin 值并不是 hack,这是正常范围内的写法。

如何实现 font-size 的响应式

2016-09-05
阅读 5 分钟
9.4k
那么多的文章讲了响应式的网站如何布局,使用 CSS 如何实现,如何 Blah Blah 的。但是,我们都忘了很重要的一点——对字体大小的响应式控制。

使用高斯模糊的效果逐步加载图片(仿 Medium)

2016-08-28
阅读 4 分钟
12.4k
这是一种很优雅的图片预加载的方式(因为 Medium 的图片质量都很高,如果全部一下加载的话,需要的时间难以想象,所以,这是一种很棒的做法)。从第一次打开 Medium 这个网站开始,我就被这种技术给吸引住了——好吧,直到今天才去研究它。

在 CSS 中使用功能查询

2016-08-27
阅读 5 分钟
5.2k
通过 @support,你可以在 CSS 中使用一小段的测试来查看浏览器是否支持一个特定的 CSS 功能(这个功能可以是 CSS 的某种属性或者某个属性的某个值),然后,根据测试的结果来决定是否要应用某段样式。比如:

Making An Indicator With Pure CSS

2016-08-23
阅读 6 分钟
2.6k
简单的说明一下,使用这个标题并不就是说要使用全英文来写这篇文章,主要是实在想不到更好的叫法了,也不知道怎么样能够更好的翻译成中文。 可以简单地理解为:使用 CSS 来实现一个阅读文章时的简单的进度条效果。 本文所需要用到的背景知识点包括:background-size, linear-gradient, calc() 函数, vh 单位。

在CoffeeScript中定义私有成员变量

2016-06-22
阅读 2 分钟
3k
最近花了一些时间把CoffeeScript学习了一下, 说实话, 习惯了原生Javascript的语法和格式, 对于Coffee还真有点不太适应: 一是在Coffee里基本上都不会去写分号和括号, 大括号啥的(对于一个有分号强迫症的人来说, 这还真得适应一段时间); 然后就是, 使用类似于Python的那种语法格式, 通过代码缩进来让编译器进行推导.

前端面试知识点集锦

2016-04-24
阅读 16 分钟
5k
个人总结的比较全面的前端面试知识点。主要是一些个人认为面试时容易考到以及平时需要注意的一些知识点。 本人只是对这些知识进行了一个大概的总结,还有一部分技术还没开始涉及,后期会持续添加。如果需要进行深入了解可以根据知识点查询相关的技术文章。 本文涵盖了以下各个方面的知识: HTML, CSS, JS基础知识 网站性...

你应该知道的关于CSS的一些奇淫巧技

2016-04-06
阅读 4 分钟
3k
本文分享关于CSS应用中的一些小技巧, 如果有不对的地方,欢迎指出建议和意见。 Github项目地址:Great-CSS-Tips-You-Should-Know,欢迎fork和star,如果有更多的tips,也欢迎提交PR。 使用CSS来垂直居中一切元素 其实很简单, 使用下面的代码就让你的所有元素都垂直居中 {代码...} 如果你的需求不只是垂直居中的话--比如...

CSS居中完整版

2016-04-02
阅读 3 分钟
4k
大家总是会抱怨如何在CSS中居中一个元素。为什么会这么难呢?呵呵(使用这个来词翻译再好不过了)。我认为问题不在有多难,而是居中在不同的场景中有那么多种方式,很难抉择到底该使用哪一种。

AngularJS:factory,service与provider的区别

2016-03-14
阅读 12 分钟
12.2k
当你开始使用Angular的时候,你会发现,你总是会让你的控制器和作用域充满各种不必要的逻辑。你应该早点意识到一个控制器应该是很简洁精炼的;同时大多数的商业逻辑和一些重复性的数据都应该要存储到服务中。一天我在Stack Overflow上看到一些问题说是考虑将重复性的数据放在控制器里,但是,这不是这不是一个控制器应该...

理解 Angular 中的 $digest() 和 $apply()

2016-03-02
阅读 4 分钟
10.6k
$digest()和$apply()是AngularJS中的两个核心并且有时候容易引人误解的部分。我们需要深入理解这两者是如何运作的,从而才能理解AngularJS本身是如何运作的。本文的目的就是为了和你解释,在你的日复一日使用AngularJS编写代码的过程中,$digest()和$apply()是如何确确实实的对你有用的。