让网页变为黑白配色，是个常见的诉求。而且往往是突如其来的诉求，无法预知。遇到这样的需求时，我们需要迅速改代码和发布。本文给你解决方案。

HTTP协议作为前端开发的重要基础知识，却是很多非计算机专业出身的码农的软肋。笔者通过《图解http》一书系统的学习了HTTP协议的基础内容，并旁征博引，试图用更加简练的语言着重描述出HTTP协议需要掌握的重点内容，帮助不爱看书的同学节省时间。 HTTP协议定义Web客户端如何…

视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。 作为网页设计的热点趋势，越来越多的网站应用了这项技术。 通常而言，滚动视差在前端需要辅助 Javascript 才能实现。当然，其实 CSS 在实现滚动…

伪类经常与伪元素混淆，伪元素的效果类似于通过添加一个实际的元素才能达到，而伪类的效果类似于通过添加一个实际的类来达到。实际上css3为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。伪类与伪元素的本质区别就是是否抽象创造了新元素。具体的伪类和伪元素相…

相信大家在写css属性的时候，会遇到一些问题，比如说：垂直对齐，垂直居中，背景渐变动画，表格宽度自适应，模糊文本，样式重置，清除浮动，通用媒体查询，自定义选择文本，强制出现滚动条，固定头部和页脚，自己在网上看到的一篇关于css的文章，感觉这里边一些常用的css代码片段对大家很有…

模块化的开发方式可以提高代码复用率，方便进行代码的管理。通常一个文件就是一个模块，有自己的作用域，只向外暴露特定的变量和函数。目前流行的js模块化规范有CommonJS、AMD、CMD以及ES6的模块系统。参见阮一峰老师的文章 module-loader 。 Node.js是c…

跨平台开发、新技能和深度学习社区在 GitHub 活跃度增长最快。 这些开源项目的趋势让开发人员在共享知识的同时，可以寻找方法来简化流程并增加新的技能。 ”GitHub 在周四发布的一篇博客中称，GitHub 用户在 2018 年应该关注几个关键的开源项目趋势。 GitHub …

本文仅对一些关键性的知识点进行解释，具体请Fork源码学习。 Demo页面如果没啥人的话可以自己新建几个页面复制地址进入，每个页面都是一个独立的访客，兼容PC和移动端访问。 socket.io：跨平台的WebSocket通信库，具有前后端一致的API，可以触发和响应自定义的事件…

1. 背景 将网页保存为图片（以下简称为快照），是用户记录和分享页面信息的有效手段，在各种兴趣测试和营销推广等形式的活动页面中尤为常见。 快照环节通常处于页面交互流程的末端，汇总了用户最终的参与结果，直接影响到用户对于活动的完整体验。因此，生成高质量的页面快照，对于活动的传播和…