无心的专栏

对于代码有洁癖的人,才能写出更好的代码。

深入理解跨站点 WebSocket 劫持漏洞的原理及防范

WebSocket 作为 HTML5 的新特性之一格外吸引着开发人员的注意,因为它的出现使得客户端(主要指浏览器)提供对 Socket 的支持成为可能,从而在客户端和服务器之间提供了一个基于单 TCP 连接的双向通道。该技术被广泛应用到了实时性要求比较高的各类应用,譬如在线证券、在线游戏,以及不同...

2017-04-11 10:54:50

阅读数:3302

评论数:0

HTML5 Canvas 绘制椭圆与椭圆弧的实现

由于HTML Canvas 2D Context标准中并没有直接绘制椭圆与椭圆弧的方法,所以浏览器普遍没有这个方法,不过,Chrome支持ellipse方法。IE11,Edge, Firefox, Safari目前最新版都还不支持。所以,我们需要用JS来实现这个方法,给Context2D加上一个e...

2016-06-01 19:00:33

阅读数:7518

评论数:0

DataURL与File,Blob,canvas对象之间的互相转换的Javascript

canvas转换为dataURL (从canvas获取dataURL) var dataurl = canvas.toDataURL('image/png'); var dataurl2 = canvas.toDataURL('image/jpeg', 0.8); File对象转换为d...

2015-05-27 01:14:54

阅读数:80064

评论数:11

5款好用的开源JS图片裁剪插件(3个jQuery插件,2个AngularJS插件)

Jcrop是人气最高的图片裁剪jQuery插件,stars数量2k+,功能非常丰富,文档齐全,首选。Github.com官网也使用了这个插件。有一个小细节是,边框线的蚂蚁线是动画的,真的很用心。Cropper也是一款图片裁剪jQuery插件……

2015-05-25 09:50:04

阅读数:75493

评论数:3

获取当前Javascript脚本文件的路径

获取当前Javascript脚本文件的路径获取当前Javascript脚本文件的路径,在特定场景下可能需要,比如写模块加载器,或者进行日志记录。并没有统一的方法适用于所有浏览器,本文分几种情况进行说明。

2015-05-22 14:49:49

阅读数:8977

评论数:0

Javascript TypedArray 解惑:Uint8Array 与 Uint8ClampedArray 的区别

JS的类型数组,从其构造函数名称,基本上都可以望文生义,看名字就知道怎么回事。 但是有一个例外 Uint8ClampedArray ,它与 Uint8Array 颇为相似,但又有所区别。 本文详细介绍这两者之间的差异,并举例说明。

2014-12-30 20:32:48

阅读数:18916

评论数:0

一切皆为 JavaScript

JavaScript起源于Netscape公司的LiveScript语言,这是一种基于对象和事件驱动的客户端脚本语言,最初的设计是为了检验HTML表单输入的正确性。 早些年,JavaScript由于其复杂的文档对象模型(DOM)、糟糕的实现和调试工具、不一致的浏览器实现而不受开发者的待见。而随着...

2014-07-12 17:08:24

阅读数:4815

评论数:0

用Javascript清空(重置)文件类型的INPUT元素的值

因为安全限制,脚本不能随意设置文件域< input type=file >的value值,重置一个文件域的值,归纳起来主要有 3 种方法。本文分析这三种方法的浏览器兼容性以及优缺点,并给出一个比较完美的综合方案的代码和Demo。

2014-07-08 08:47:27

阅读数:28893

评论数:5

网页上直接选择本地文件夹上传

以前都是需要浏览器插件支持的,对于IE来说,有很多成熟的商业版上传控件,功能非常非常的强大,但基于多种原因,安装浏览器控件这种方式被接受的程度越来越低了,不轻易使用。Chrome浏览器早已针对网页上传时只能选择一个或多个文件的局限性而扩展了文件上传功能,使得可以方便的选择整个文件夹上传。

2013-12-31 23:42:31

阅读数:21627

评论数:2

Firefox奇怪的文字溢出bug,百思不得其解

最近在我的本机win 7 + firefox 26.0 下遇到个很头大的bug,带滚动条的div容器里面的文字竟然溢出到容器之外了,在我的环境下,百分百能重现,但到两台别人机器上就无法重现。 我的系统环境和浏览器并没有什么特殊之处,百思不得其解,真是人品不行啊。这是个简单的HTML文档,4条简单...

2013-12-28 16:00:06

阅读数:3708

评论数:0

CSS3 3D transform变换,不过如此!

一、写在前面的秋裤 早在去年的去年,我就大肆介绍了2D transform相关内容。看过海贼王的都知道,带D的家伙都不是好惹的,2D我辈尚可以应付,3D的话,呵呵,估计我等早就在千里之外被其霸气震晕了~~ 看看下图女帝的动作以及神情,就可以知道名字带D的家伙的厉害! 最近折腾...

2013-11-20 13:44:42

阅读数:4837

评论数:0

Javascript解惑之 new A.B() 与 new A().B() 的区别

Javascript解惑之 new A.B() 与 new A().B() 的区别,这个问题涉及到的知识面是,点运算符、new运算符、函数执行这三者之间的优先级的问题。到底是点运算符优先呢,还是new运算符优先?

2013-11-15 01:18:09

阅读数:5105

评论数:3

DataURL在Web浏览器中的兼容性总结

对DataURL在Web浏览器中的兼容性做了9点总结,IE中使用data URL的限制,并附了几个实用的有关data URL的链接。

2013-11-06 01:40:15

阅读数:12188

评论数:1

高效的获取当前元素是父元素的第几个子元素

例如处理事件的时候,有时候需要知道当前点击的是第几个子节点,而HTML DOM本身并没有直接提供相应的属性,需要自己来计算。 对于表格TD和TR元素优先使用cellIndex和rowIndex属性。对于IE优先使用sourceIndex属性。其它情形使用previousElementSibling...

2013-10-14 16:30:03

阅读数:9240

评论数:0

html中的 ol 元素的序号数字的极限

在IE, Firefox上,序号达到极限正值2147483647之后,后续的列表项的序号全部同为极限正值 2147483647 不变。 在Chrome上,序号达到极限正值2147483647之后,下一个序号将变为极限负值 -2147483648, 再后续的将在这个基础上递增-2147483647...

2013-10-14 15:16:37

阅读数:2622

评论数:0

CSS多级数字序号的目录列表(类似3.3.1.这样的列表序号)

纯CSS实现类似3.3.1., 3.3.2.这样的列表序号,支持多级嵌套编号。 编写文档手册目录的时候,经常会用到这种格式。

2013-09-30 14:52:45

阅读数:6162

评论数:2

indexedDB中创建和使用索引

本文展示如何在indexedDB中创建和使用索引来优化数据查询。网上搜索到的indexedDB入门教程中,都没有介绍索引的使用,或是只带过了一下怎么创建索引,没提可以用来干什么。我在这里给出一个简洁完整的例子,示范一下indexedDB索引的使用。

2013-08-14 09:36:56

阅读数:5001

评论数:2

一道js代码填空题的解 window.alert = function(){};____;alert(1);

window.alert = function(){}; //覆盖了alert方法 //这里写些代码将alert还原 alert(1); //这里要求还能弹出alert对话框 记录这个话题是因为微博上有人讨论到了,我直接写答案了。 方法1,直接删除 alert。 window...

2013-03-20 16:41:01

阅读数:5920

评论数:2

HTML5 Canvas里绘制椭圆并保持线条粗细均匀的方法

Canvas里绘制椭圆是一个很常见的需求,比较新的HTML Canvas 2D Context W3C草案里面新增了ellipse方法绘制椭圆,但是目前大多数浏览器还没有实现该方法,所以需要用arc或者arcTo方法结合scale变形来绘制椭圆。 示例代码: var ctx = docum...

2013-03-20 16:07:31

阅读数:6040

评论数:1

Javascript编写的EditPlus注册码生成器

今天同事惊奇的告诉我,说找到个在线的EditPlus注册码生成器,我赶紧去看了看,还真是,在这里。 exe的注册机病毒太多,纯js的在线注册机可就放心了。 作者是从别人的注册机反汇编然后找出算法的,更令我惊奇的是,这作者Demon竟然是搞法律的,才刚拿到法律职业资格证书,佩服。 ...

2012-12-14 17:27:41

阅读数:2181

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭