引言 项目需求，要求在浏览器端进行远程桌面的访问，如图所示： 实现远程桌面，需要依赖VNC协议： VNC（Virtual Network Computing），为一种使用RFB协议的屏幕画面分享及远程操作软件。此软件借由网络，可发送键盘与鼠标的动作及即时的屏幕画面。 相关的参考比较少，去谷歌搜索出来的文章大多都是如何使用客户端进行VNC的搭建与访问，很少有将其内嵌到web里的，腾讯云有相关的功能，但因为业务安全性，咱也看不着人家咋实现的。 再见，百度。用百度查了一次之后，我才知道原来VNC是口红。 所以VNC实践之路就是如下流程： 根据自己已有的知识与技能，设计一个VNC方案。

最近做了一个项目，这个项目中需要实现的一个功能是：用户自定义头像（用户在本地选择一张图片，在本地将图片裁剪成满足系统要求尺寸的大小）。这个功能的需求是：头像最初剪切为一个正方形。如果选择的图片小于规定的头像要求尺寸，那么这整张图片都会作为头像。如果大于规定的尺寸，那么用户可以选择要裁剪的区域。用户点击确定按钮，就将裁剪得到的图片数据发送到服务器，在后端将图片数据保存成一个文件。 要完成上述功能，涉及到的知识有：ajax，canvas和html5中的files接口。我将实现这个功能的代码封装到了4个模块中，分别是ajax.js，preview.js，shear.js和customerImg.js

一、背景 粒子特效是为模拟现实中的水、火、雾、气等效果由各种三维软件开发的制作模块，原理是将无数的单个粒子组合使其呈现出固定形态，借由控制器、脚本来控制其整体或单个的运动，模拟出现真实的效果。three.js是用JavaScript编写的WebGL的第三方库，three.js提供了丰富的API帮助我们去实现3D动效，本文主要介绍如何使用three.js实现粒子过渡效果，以及基本的鼠标交互操作。 （注：本文使用的关于three.js的API都是基于版本r98的。） 二、实现步骤 1. 创建渲染场景scene scene实际上相当于一个三维空间，用于承载和显示我们所定义的一切，包括相机、物

内容概要：通过html+css+js实现骰子游戏，点击开始后骰子旋转，结束后骰子随机一面朝上； 核心内容：css 3d旋转 、js setInterval函数、随机数等 可以学到什么：css 3d构建立方体，js setInterval函数的使用及清除； 阅读建议：无；

使用faceapi.js实现的人脸识别，有动态视频检测的，也有图片检测的，有需要的同学可以下载来看看，记得要在本地服务器上打开你的网页才能使用

html2canvas.js是一个插件，可以用作屏幕截图，官网的js库有时更新过来会出问题，不一定要最新版本的，所以我挑选了稳定的一个版本下来。

效果展示 （鼠标移入，滚动停止；鼠标移出，滚动继续） 实现原理 　　1. html结构：核心是ul > li，ul外层包裹着div。因为想要内容循环滚动无缝衔接，所以在原有ul后面还要有一个一样内容的ul。如下图： 　　   （红色边框为可视区域div，此处为了方便查看效果去除overflow:hidden；） 　　2. 样式方面：由于要滚动，所以必须2个ul的高度 > 外层可视div高度，且div必须设置overflow：hidden; 代码实现 HTML：