Elasticsearch 简介

什么是 ElasticsearchElasticsearch 是一个实时的分布式搜索分析引擎, 它能让你以一个之前从未有过的速度和规模,去探索你的数据。 Elasticsearch 中,并没有特别革命性的组件,其革命性的地方在于,它将这些单独的组件融合到了一个单一的,一致的,实时的应用中。 为什么要使用 Elas...

谈谈设计模式 —— Iterator

本文源代码地址:https://github.com/Erichain/design-patterns-in-typescript/tree/master/iterator 最近在阅读《图解设计模式》一书,书上每一个设计模式涉及的篇幅不是太长,但是,知识点却都涵盖了进去。在学习的同时,打算加上自己的理解,将这...

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

本文原文发表在:https://medium.com/@Erichain/%E4%BD%BF%E7%94%A8-happypack-%E5%92%8C-dllplugin-%E6%9D%A5%E6%8F%90%E5%8D%87%E4%BD%A0%E7%9A%84-webpack-%E6%9E%84%E5%BB%...

更合理的 setState

React 是我做前端以来接触到的第三个框架(前两个分别是 Angular 和 Vue),无论是从开发体验上和效率上,这都是一门非常优秀的框架,非常值得学习。 原谅我说了一些废话,以下是正文。 借助于 Redux,我们可以轻松的对 React 中的状态进行管理和维护,同时,React 也为我们提供了组件内的状...

理解并运用 CSS 的负 margin 值

本文样式代码采用 SCSS。浏览器兼容性为 IE6+。 你的网页中,不可能没有使用过 margin。大多数情况下,我们采用的都是正数的 margin 值,可能有时候会用到负的 margin 值。在我们的印象中,负的 margin 值就类似于浏览器的 hack 一样,不被人接受。但是,本文要说明的就是,负的 ...

如何实现 font-size 的响应式

本文样式代码采用 SCSS。 那么多的文章讲了响应式的网站如何布局,使用 CSS 如何实现,如何 Blah Blah 的。但是,我们都忘了很重要的一点——对字体大小的响应式控制。 现在的很多网站,从布局上来说,尽管是响应式的(当然,或许可以说成所谓响应式的)。但是,从字体上来说,却不一定是响应式的。虽然,每个...

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

用过 Medium 的用户不会不记得它的图片加载方式——纯色-高斯模糊-加载完成并显示。 这是一种很优雅的图片预加载的方式(因为 Medium 的图片质量都很高,如果全部一下加载的话,需要的时间难以想象,所以,这是一种很棒的做法)。从第一次打开 Medium 这个网站开始,我就被这种技术给吸引住了——好吧,直到今...

Making An Indicator With Pure CSS

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

CSS Link 伪类特性

本文参考自 Link Specificity CSS Link 伪类,包括 :link, :visited, :hover, :active。 我们平时写的时候,用得最多的应该是 :hover 这个伪类,将四个伪类一起写的情况可能不多。正是由于用的不多,所以,这其中的一些需要注意的地方就必须要知道,不然,将调试器...

在CoffeeScript中定义私有成员变量

最近花了一些时间把CoffeeScript学习了一下, 说实话, 习惯了原生JavaScript的语法和格式, 对于Coffee还真有点不太适应: 一是在Coffee里基本上都不会去写分号和括号, 大括号啥的(对于一个有分号强迫症的人来说, 这还真得适应一段时间); 然后就是, 使用类似于Python的那种语法格...