Node.js

Node.js - 200 多行代码实现 Websocket 协议

最近正在研究 Websocket 相关的知识,想着如何能自己实现 Websocket 协议。到网上搜罗了一番资料后用 Node.js 实现该协议,本文会从知识储备、具体代码分析以及注意事项角度去讲解如何用 Node.js 实现一个简单的 Websocket 服务,除去注释语句和 console 语句后,大约 200 行代码左右。本文记录了实现过程中的经验和总结。

  • boycgit
    boycgit
阅读耗时约 19 分钟
javascript

ES7 decorator 装饰者模式

装饰者模式 1、装饰模式 设计模式大家都有了解,网上有很多系列教程,比如 JS设计模式等等。 这里只分享 装饰者模式 以及在 如何使用 ES7 的 decorator 概念 1.1、装饰模式 v.s. 适配器模式 装饰模式和适配器模式都是“包装模式”(Wrapper Pattern),它们都是通过封装其他对象达到设计的目的的,但是它们的形态有很大区别。 适配器模式我们使用的场景比较多,比如连接不同数据库的情况,你需要包装现有的模块接口,从而使之适配数据库 —— 好比你手机使用转接口来适配插座那样; 装饰模式不一样,

  • boycgit
    boycgit
阅读耗时约 13 分钟
javascript

视差卷轴特效

搜索关键词:parallax scrolling tutorial 前景移动越快,越远的层移动越慢。这种效果叫做__“视觉卷轴/滚动”(parallax scrolling)__ 纯CSS视差特效 效果图: 当你手动拖动浏览器的窗口改变其大小,你会发现前景(小草)、中景(山)和背景(白云)的移动速度不一样,小草移动要快一些从而导致了视觉差。 这里的关键是: 背景图片按百分比铺设,背景的百分比铺设是非常有用的,见【CSS】响应式sprites 图像层使用position:absolute叠加 HTML: <div

  • boycgit
    boycgit
阅读耗时约 18 分钟