WebRTC可以实现实时通信，他可以直接建立两个浏览器之间点对点的连接，在连接中实时传输媒体流和任何数据。这就非常适合进行屏幕共享。

注：本文主要是在分享中使用，如果只是看本文的话最好是拿出编辑器跟着我的代码copy也好，对着敲也好，这样才更加了解我在说什么，完整代码在这，文章里面的链接也可以点击去试一试，放心，试出了问题才会想办法去解决~

D3是什么

D3的全称是Data-Driven Document，可见D3是一个基于数据来操作文档的js库。他可以帮助你使用HTML，CSS，SVG甚至是Canvas来展示数据。D3操作SVG的写法像是JQuery，可以对元素添加删除和属性设置，不过D3可以将数据绑定到DOM上，然后根据数据来计算DOM的展示效果，这就是D3的数据驱动。D3不依赖任何库，而且D3不只是一个单独的库，你可以按需加载D3中任意一个单独的模块去使用。

前言

在前段时间公司内部的一个比赛上做了一个找工位的小项目，既然是找工位就得有工位的地图，本来是想着用建模的工具来把工位的模型建出来然后放在地图插件上，然后因为工作量，性能等原因没有继续思考下去了。

梳理了一下需求无非就是需要实现出单指拖动，单指点击，双指缩放的效果，然后底下放一张图片来充当地图，然后记录下当前的位移和缩放，就可以算出点击的位置，然后把工位的坐标遍历一下就可以知道点击的是哪个工位了。

开始以为非常的简单就可以实现出来，然后在项目的过程中遇到了很多的问题，然后项目完成后我就把拖动和缩放单独抽了出来，在这里我讲一下我的思路和遇到的问题。

从一个渐变圆角进度条浅出画一个圆

开始

这一切需要从一个（简单）的需求开始，在最开始对设计第一眼看到这张图的时候，感觉挺简单的嘛，直接用echarts饼图模拟出来一个就好了

写在前面

本文主要是讲了菜鸡作者（我）在面对文件上传的需求的时候的一些解决方法，如果有问题或者有更好的方法欢迎大家指出。

Docker介绍

最近花了点时间学习了一下docker，发现docker还是挺好用的，学了后也在实际中使用到了，就是一个静态页面需要跑在服务器上查看效果，如果用node跑的话还需要在项目中加上其他项目中没有用到的东西，然后用nginx的话还需要写个nginx的配置文件，如果在你的文件夹里面还需要设置权限，都比较麻烦，然后我就直接用上了docker，在之前使用docker的时候也装上过nginx的docker镜像，然后就只需要一条命令创建一个nginx的容器，然后把目标目录挂载到nginx上就可以访问到了，然后每次打开只需要docker start一下就好了，非常方便。

nginx 安装

直接用brew安装，没有brew的自行安装

发现部署问题

在部署的时候发现打开的页面是空白

先从一个简单的闭包开始

想从函数外部访问到函数内部的变量，当然是不可以访问的，但是你如果在这个函数里面返回一个方法用来对这个函数里面的变量进行操作的话，就可以像是在外面访问量函数内的变量（其实我暂时是认为没有访问函数里面变量的，实质上只是调用了对相应参数进行操作的方法），举个栗子把

前言

在单页面应用程序中，前后端采用了完全分离的方法，因此在前端实现路由的切换非常的重要。同时前端实现路由可以减少请求数，缓解后端的压力。在单页面中的路由主要有两种实现方法，一种是通过h5的history api来实现，还有一种是hash来实现。