如果你准备在Web中开发一个可以聊天互动的应用，那么一个支持表情符号的输入框很可能会是必备的内容项。但具体到Web环境来说，我们知道，表单元素<input>和<textarea>只能输入纯文本，这样的话，表情符号的支持具体要如何做呢？

在webpack的配置项中，可能会见到hash这样的字符。 当存在hash配置的时候，webpack的输出将可以得到形如这样的文件： {代码...} 这种带哈希值的文件名，可以帮助实现静态资源的长期缓存，在生产环境中非常有用。关于这一点的详细内容，可以参考这篇久远的大公司里怎样开发和部署前端代码。 在webpack中配置hash 下面是一...

rscss和rsjs是一套比较新，也比较小巧的前端开发规则和约定，其中rs代表Reasonable System，所以可以理解为，追求“合理”的css和js。本文除了介绍它们，还会有一点补充以及我自己的看法，也推荐你点击链接阅读原作者给出的完整内容。

最近在CSS Secrets一书看到了这样一节：让一个元素沿环形路径平移。这是一个css动画的问题，但却没有看上去那么简单，其关键点是元素是平移的，也就是说，元素自身并不发生旋转，只是稳定地沿着一个环形的路径移动，像这样：

说起用Java语言来搭建Web项目，那么最令人熟知，也应用最广的框架就是Spring MVC了。不过，Spring MVC的Web项目搭建起来并不是一件简单的事，而如果你也像我这样之前没有接触过Spring生态系统，那多半会感觉到相当费劲。

React Native是现在移动开发新的可选方案，也带来了原属于Web领域的React的优秀开发特性。另一方面，React Native的技术栈一经掌握，可以用于iOS、Android及Windows（见此）多个平台，即所说的“learn once, write anywhere”。

说到在网页里创建动画，你可能很快会想到jQuery的animate()方法，或者css3的animation和transition。现在，本文将介绍另一个web动画的可选方案，GSAP。

不要误会，CSS Modules可不是在说“css模块化”这个好像在某些地方见过的词，它其实是特指一种近期才出现的技术手段。 什么技术手段呢？请待后文说明。 层叠样式表 我们知道，css的全名叫做层叠样式表，这个“层叠”到底是什么意思呢？ 有一种解释是，如果你先写了一条样式规则（选手1）： {代码...} 然后又在后边写了一条类...

web开发中可能遇到这样的场景：网页里的某一块区域里写了一些内容，但这些内容不是固定的，即使看网页的人没有做任何操作，它们也会随时间不断变化。股票行情、活动或游戏的榜单都是比较常见的例子。

在以前的一篇文章BrowserSync，迅捷从免F5开始中，我介绍了BrowserSync这样一个出色的开发工具。通过BrowserSync我感受到了这样一个理念：如果在一次ctrl + s保存后可以自动刷新，然后立即看到新的页面效果，那会是很棒的开发体验。

在Photoshop等图像编辑软件里，图层是最基础的概念之一。我们平时看一张照片，就可能想到“远处的背景”、“近处的人物”这样的描述，这其实就是在划分图层。多个图层从下到上（从远到近）依次拼合，就得到完整的图像。

需要注意的是，3d transform只是css的一部分，它并不是一个三维引擎（3d engine）。三维引擎一般是这样的（游戏引擎Unity3D）：

平时我们在电脑上访问的网页，大部分情况下是用鼠标来控制的。比如说链接跳转，就是鼠标指针移动到链接文字或图片的位置，然后点击一下。又比如说滚动屏幕，滑动一下鼠标滚轮就可以。

我们在写css的时候，就会经常考虑“位置”这个事。理念就是，所有的页面元素都应该被安排在为它预定的位置上。毕竟按照计划预定的来，才能有条不紊，不容易出错。

来自Gulp的难题 描述Gulp的项目构建过程的代码，并不总是简单易懂的。 比如Gulp的这份recipe： {代码...} 这是一个使用Browserify及Uglify并生成Source Map的例子。请想一下这样几个问题： b.bundle()生成了什么，为什么也可以.pipe()？ 为什么不是从gulp.src()开始？ 为什么还要vinyl-source-stream和vinyl-buffer？它...

单页应用（Single Page Web Application）往往有一个基本的要点，那就是把多个视图集成到一个网页内，然后去控制这些视图的显示和隐藏。此外，视图的切换动作几乎都会引入动画效果，以获得更平滑、流畅的浏览体验。

像这样，通过固定的格子结构，来进行布局设计。这是一种设计风格，而且一直以来很广泛地应用于网页设计领域。这样的风格清晰、工整，可以让网页具有更友好的浏览体验。

以前，我新开一个网页项目，然后想到要用jQuery，我会打开浏览器，然后找到jQuery的官方网站，点击那个醒目的“Download jQuery”按钮，下载到.js文件，然后把它丢在项目目录里。在需要用到它的地方，这样用<script>引入它：

提到css预编译器（css preprocessor），你可能想到Sass[]以及[Stylus][]。而本文要介绍的PostCSS，正是一个这样的工具：css预编译器可以做到的事，它同样可以做到。

请想象这样一个场面：你开着两个显示器，一边是IDE里的代码，另一边是浏览器里的你正在开发的应用。此时桌上还放着你的手机，手机里也是这个开发中的应用。然后，你新写了一小段代码，按下了ctrl+s保存。紧接着，你的手机和另一个显示器里的应用，就变成了更新后的效果。你可以马上检查效果是否和你预想的一致，甚至都不...

在之前的异步JavaScript与Promise一文中，我介绍了Promise以及它在异步JavaScript中的使用意义。一般来说，我们是通过各种JavaScript库来应用Promise的。随着使用Promise的机会越来越多，你也可能像我这样会关心Promise到底是如何工作的。显然，了解Promise的实现细节，可以帮助我们更好地应用它。尤其是碰到一些Promise...

这里的函数doSomethingElse对应的功能可能会在其他地方用到，所以会这样做分拆。此外，可能会有设定坐标这样的功能（假定函数名为setPosition），则还需要用到浏览器事件对象event提供的诸如指针位置一类的信息：

我在很多地方都看到过异步(Asynchronous)这个词，但在我还不是很理解这个概念的时候，却发现自己常常会被当做“已经很清楚”(*￣ﾛ￣)。

请想象你正在看一个视频下面的评论，在翻到十几页的时候，你发现一个写得稍长，但非常有趣的评论。正当你想要停下滚轮细看的时候，手残按到了F5。然后，页面刷新了，评论又回到了第一页，所以你又要重新翻一次。

首先，它是一门小巧的编程语言。有一本关于CoffeeScript的指南，写作“The Little Book on CoffeeScript”：

面向移动端的单页应用（Single Page Web Application），从页面代码上来说，会使用较一般网页不同的结构。单页应用并不是说应用只需要一个视图，而是说可以将组成应用的多个视图集合在一个网页内呈现，且在视图之间能够自由切换（平滑的动画形式居多）。

最近在The Sass Way[]一文，发现文章在开头部分就提到了OOCSS、 SMACSS、 BEM、这3个词。“如果还不知道这些是什么，请先不要继续看下去”，联想到作者这样友好（gāo lěng）的提醒，作为围观群众，自然要有所回应。所以，本文在这里分别介绍它们。

Date是javascript中的引用数据类型之一，如果要处理日期、时间，一般都会用到Date类型。不过，要正确地使用Date，还应该了解日期和时间有关的概念。就从Date类型的方法开始吧。

“配置”（Config | Options | Settings）对大家来说一定是非常熟悉的词。就以一般玩的游戏为例，很多游戏的主界面，搭配的菜单会是"start"，"load"，"config"，"exit"这样的搭配。在"config"中，我们可以调整游戏参数，比如音量、控制按键等，以更符合自己的游戏习惯。不过，也有游戏并没有"config"，这些游戏其实就是只...

很多css属性的取值都可以是百分比值。虽然形式上来说，百分比值都是数字后跟%的形式（注意数字和%之间不可以有空格），但在不同的使用场合下，其意义会有很多不同。因此，百分比值可以说包含了相当丰富的内容。