2017年12月_Facechat

原创前端下载excel文件

前端下载excel文件最简单的形式，前端正常请求，后端返回一个静态文件链接，使用a标签的download方法代码实现：var a = document.getElementById('alink')a.setAttribute('href', this.downloadUrl)a.setAttribute('download', reportName)a.click...

2017-12-25 19:54:46 7660 2

原创 peerjs填坑

webRTCWebRTC是“网络实时通信”（Web Real Time Communication）的缩写。它最初是为了解决浏览器上视频通话而提出的，即两个浏览器之间直接进行视频和音频的通信，不经过服务器。后来发展到除了音频和视频，还可以传输文字和其他数据。Google是WebRTC的主要支持者和开发者，它最初在Gmail上推出了视频聊天，后来在2011年推出了Hangouts，语序在浏览...

2017-12-22 14:24:30 5235

原创 vue 中滚动条始终定位在底部

vue 中滚动条始终定位在底部滚动条定位在底部，首先想到的是，动态修改滚动条到顶部的距离等于div的高度，代码实现：var div = document.getElementById('data-list-content')div.scrollTop = div.scrollHeight但是问题来了，滚动条并没有到达底部，而是距离底部还有一点距离（一脸懵逼）估计是动态加...

2017-12-10 19:59:12 18829 4

原创 vue 刷新当前路由

1.路由介绍vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，也就是组件的切换。2.刷新路由对于路由，不同的路由跳转，vue会帮我们刷新路由...

2017-12-09 13:50:59 38091 4

原创 fabricjs 删除object对象

fabricjs对于学习过fabric的人来说，对于canvas的操作，算是相当简化了，一些基础的操作我在这里就不多少了，网上有很多介绍，而且官网也是很详细的。下面我说一下删除fabricjs中canvas的对象。对于删除canvas 中的对象，fabricjs也提供了一个方法，remove()，可以移除指定对象。但是，有一个小小的问题，我们在什么情境下或者什么条件下，执行移除操作

2017-12-09 13:25:08 10109 11

原创 grunt的简单使用

grunt1.安装CLI在继续学习前，你需要先将Grunt命令行（CLI）安装到全局环境中。安装时可能需要使用sudo（针对OSX、*nix、BSD等系统中）权限或者作为管理员（对于Windows环境）来执行以下命令。npm install -g grunt-cli上述命令执行完后，grunt 命令就被加入到你的系统路径中了，以后就可以在任何目录下执行此命令了。注意，安装gru

2017-12-06 16:15:46 487

原创 Date 的 toLocaleTimeString() 格式问题

一般 Data的 toLocaleTimeString() 方法输出的时间格式为上午 08:09:07 和下午 03:23:23这两种形式。但有时，我们需要显示的格式是 08:09:07 和 15:23:23，不需要上午和下午这两个中文时间指示。大致思路：先判断是上午还是下午，如果是上午，只需要获取时间字符串的时间就可以了（也就是截去时间戳的前两个中文）如果是下午，则

2017-12-06 16:14:07 9087 5

原创 heatmap在vue中的问题

heatmap.js（热力图）注意：此方法是在vue中使用heatmap.js，正常引用请参考官方网站https://www.patrick-wied.at/static/heatmapjs/index.html1.安装heatmap.jsnpm install heatmap.js2.在vue项目中引用import Heatmap from 'heatmap.js'3.例子

2017-12-02 20:20:52 6374 10

原创 BMap的使用填坑

BMap 百度地图API 在vue中的使用1.先获取秘钥2.在vue的index.html中引入<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的秘钥"></script>3.在webpack.base.conf.js文件内添加external选...

2017-12-02 20:18:53 9788

看风听雨