之前学习socket.io的使用时,曾经跟着教程耍了一下实现群聊的功能。心血来潮,实现一下随机匹配私聊的功能。 马上体验 开聊吧 – 随机匿名聊天 尴尬的问题 做这个私聊的功能,最尴尬的问题是没有用户使用,你进去了,基本上不会遇上有其他人刚好在线,所以往往是一直处于匹配中。实在尴尬,别人都怀疑是不是有bug
前端生成支付宝个人年度关键词
昨天,整个朋友圈都被支付宝的年度账单刷屏了。突然发现,原来自己的朋友圈里隐藏着众多土豪。当然啦,也有一些朋友ps一些好玩的截图。 实在无聊,晚上下班之后,就想着写个页面,让那些贪玩的朋友生成自己的年度关键词。先来看一下效果图。 基本功能点 用户输入文案 选取图片并裁剪 图片合成 实现思路 天下武功,唯快不破。这是移动端
前端计算文件MD5
在上传文件的时候,为了校验文件的完整性或者实现断点续传,需要对比文件的MD5值。然而,前端怎么计算文件MD5值呢?查找相关资料之后,发现插件SparkMD5有较高的效率,故Mark之。 DEMO 好吧,先来一个demo,猛戳DEMO 基本用法 document.getElementById(‘file’).addEve
js实现二分查找
最近发现自己是一个假前端[捂脸],每天都在写业务代码,忽略了较多平时少用的知识点。故以后每天坚持写一下博客吧,胡乱扯扯。 今天先回顾一下二分查找吧。 简介 二分查找又称折半查找,优点是比较次数少,查找速度快,平均性能好;其缺点是要求待查表为有序表,且插入删除困难。因此,折半查找方法适用于不经常变动而查找频繁的有序列表。
通过js巧妙获取剪切板的内容
前两天探究一个直接从Excel中复制数据到html中的实现方法。现在很多html编辑器都实现了表格的复制,但是如果不借助编辑器,如何将Excel中的数据复制到html中对应的table呢? 基本的思路就是获取到复制的内容,然后解析并填入相应的位置中。首先想到的是通过js获取剪切板的内容,可惜的是,在浏览器中通过js获取
js实现打字机效果
在七夕表白的小页面(点击查看)中,有一段打字机效果的文字输出。效果还是比较逼真的,实现起来很简单却很巧妙。 来看看关键代码: (function($) { $.fn.typewriter = function() { this.each(function() { var $ele = $(this), str = $e
JS获取select的选中值和选中文本text
通过JS去获取select的选中值和选中文本text有很多种方法。通过jQuery实现时,一般这样用: //html <select id=”selector”> <option value=”1″>one</option> <option value=”2″>two&l
使用html5实现本地图片裁剪
很多时候我们都会遇到图片裁剪的相关需求,比如用户上传头像,然后进行裁剪。 在最近的项目中,就有一个用户更改头像的需求。按一贯的做法,就是用户选择图片进行上传,上传成功后返回预览,用户在页面上进行拖拽“裁剪”,然后将相关参数传给后台,后台进行真正的裁剪,裁剪成功后返回裁剪后的图片url。这一过程相对来说较为繁琐,而且,会
使用Raphael JS实现的中国地图
正如上一篇文章所说,需要一个地图。所以就上网查找是否有合适的js库。最后发现了raphael.js,官网为:http://raphaeljs.com/ raphaelJs是一个很小的javascript库,大小不到100K。但可以在网页中实现绘制各种矢量图、各类图表、以及图像裁剪、旋转、运动动画等等功能。更加令人惊喜的
使用nodejs将excel数据转为json
今天接到一个需求,需要实现一个简单的页面。基本的需求就是点击地图上不同的区域,然后显示相关的信息。没什么难度,唯一的问题是数据并不是保存在数据库中,而是提供给我Excel表格,里面有六百多条数据,所以第一步就是将这些数据转换成json格式的。 首先想到的就是伟大的nodejs,于是上网搜了一下是否有相关的模块。果然,n