前端
文章平均质量分 83
licaomengRICE
这个作者很懒,什么都没留下…
展开
-
基于HTML5 Canvas绘制的支持手势缩放的室内地图
你是否有过这样的经历,在大型的商圈、商场中傻傻找不到路。嗯,室内地图就这样应运而生了。百度地图、高德地图等都提供了室内地图的功能,高德地图最近还把室内地图的API开放了。室内地图的导航、定位功能一定是未来几年非常有前途的一件事。本文提供了一种基于HTML5 Canvas绘制室内地图的方案,更重要的是可以支持手势的缩放。先来看看室内地图的效果gif动图吧:原创 2015-11-30 18:18:32 · 21993 阅读 · 3 评论 -
利用CSS3 @font-face使用图标字体
CSS3可以通过@font-face使用自定义字体,这是让前端工程师拍手称赞的一件事情。在CSS3之前,前端页面的字体只能使用设备中已经安装好的字体。@font-face 可以让前端工程师随心所欲的使用各种字体,让我们的页面更丰富、更炫酷。@font-face 不仅仅可以让我们的前端文字变得更加丰富,我们在前端页面中使用的很多图标也可以通过@font-face实现。下面这张图显示的是手机上面看到的w原创 2015-11-26 18:24:24 · 7620 阅读 · 0 评论 -
Angular 图片裁剪上传插件
本文将介绍基于Angular的图片裁剪上传插件。 github: https://github.com/licaomeng/angular-image-upload 插件效果如下: 该插件的图片裁剪是通过图片的放大、缩小、拖动完成的。而不同于我们通常所见到的拖动剪裁范围,进行的图片剪裁。这是一种反向思维。imgZoomCanvas.js图片的放大、缩小、拖动,全部是在html5的Canvas上原创 2017-08-23 18:36:04 · 2648 阅读 · 0 评论 -
Nginx + Node.js 利用Socket.IO实现前后端实时通讯
在HTML5的WebSocket以及HTTP2 出现之前,我们实现如网页聊天这种前后端实时通讯的功能只能是通过AJAX的方式了,无论是轮询也好,长轮询也罢。而后来者,WebSocket、HTTP2.0 更多的是在TCP运输层之上进行了改良,实现前后端的双向通信。比如WebSocket,在建立之前,客户端会和服务端建立一次http“握手”,之后就是基于TCP通信了。HTML5提供的WebSocket...原创 2018-04-08 00:14:00 · 2713 阅读 · 0 评论 -
模拟ES6 Promise的轻量级实现
Promise是ES6提供的原生的异步编程解决方案,它的出现主要是为了解决回调地狱实现异步编程的糟糕语法。最早是由社区提出并实现的。本文提供了一个轻量级的Promise实现方式,主要想解释下Promise实现的主要原理。至于更细节的部分,本文不做阐述。我已经将该轻量级的Promise实现放到了Gist上面:https://gist.github.com/licaomeng/528d0a63c330...原创 2018-05-27 23:09:00 · 652 阅读 · 0 评论