无心的专栏 - CSDN博客

置顶 SVG + Javascript 实现的五边形的扫雷游戏

扫雷游戏都玩过，五边形的扫雷你玩过么？国庆期间，写了个SVG + Javascript 实现的五边形的扫雷游戏，根据朋友们的体验，以及自己的想法，后面几天又陆续修了一些bug，增加了一些功能。推理难度降低了，但是没有方块扫雷那么直观，挑战一下头脑吧。

原创

2013-10-22 09:43:20

4896

14

SVG路径（path）中的圆弧(A)指令的语法说明及计算逻辑

SVG中的路径数据，即path元素的 d 属性，有一系列的路径绘制指令，其中椭圆弧指令(A)最复杂，不算椭圆弧起始点的x,y坐标的话，依然有 7 个参数。SVG椭圆弧指令的参数，与Canvas等圆弧指令的参数有很大差别，Canvas中使用圆心、半径、起始角度、结束角度等为参数，而SVG使用起始点坐...

QQ轻聊版、TIM版无法修改个人文件夹位置的解决方法

QQ轻聊版、TIM版均有这个BUG：如果电脑上之前没有安装过QQ完整版（比如我新装的虚拟机），那么QQ轻聊版、TIM版里面，设置修改个人文件夹位置将无法生效。在QQ轻聊版、TIM版设置界面修改个人文件夹位置后，会提示转移数据文件，之后会重启轻聊版/TIM，但重启后的登录界面上没有之前登录过的QQ号...

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

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

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

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

从注册表清理 IE10,IE11 用户代理字符串(UserAgent)中的垃圾信息

某一天，我发现我的 IE User Agent 字符串里面竟然含有刷机大师、百度浏览器等许多垃圾，国货流氓见怪不怪了。微软自家的.NET CLR也占据了一大片，看着也不爽。决定清理一下，但是却没找到直接设置的地方。根据经验，只能自己从注册表寻找了，很快就找到了，分享给有强迫症的人……

在Windows命令行窗口中输入并运行PHP代码片段(不需要php文件)的方法

有时候只是简单的为了测试某个php函数的效果，以前总是需要建一个php文件，复制这个文件的路径，再通过web访问或者用php命令执行这个php文件。一直想要怎么才能不用创建文件，才能直接执行PHP代码片段呢？终于找到了方法，现在分享出来，给有需要的人。

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...

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

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

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

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

Javascript TypedArray 解惑：Uint8Array 与 Uint8ClampedArray 的区别

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

为Web服务器配置svgz文件需要的http头，让浏览器可以打开svgz文件

本文介绍了让浏览器能正常显示svgz文件应该怎样进行配置，并给出了Apache httpd服务器上的几种配置方式的示例，以及PHP程序动态输出svgz的例子。

RGB颜色转灰度的算法公式

方法一：对于彩色转灰度，有一个很著名的心理学公式： Gray = R*0.299 + G*0.587 + B*0.114 方法二：而实际应用时，希望避免低速的浮点运算，所以需要整数算...

HTML5游戏验证码，让验证码美好一点

以前我写过一篇《HTML5迷你游戏作验证码》

一切皆为 JavaScript

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

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

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

firefox sync 同步失败问题的解决方法

Firefox的同步故障通常是因为同步服务器网址错误或者连接不上。修改为正确的网址即可。本文介绍一下修改方法。

EditPlus 3.60 新功能：函数列表面板、代码提示

前几天安装了EditPlus的最新升级，现在已经是3.60版了。官方的新特性列表一大堆，就不多说了，对我来说，最显著的两个改进有2个： (1)函数列表面板。这个以前是对话框的形式，使用起来不是特别方便，现在改为和主流一样了，和目录面板、剪贴板一样的左侧面板形式了。 (2)代码提示。输入一个字母以...

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

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

Stave插件，让Fiddler能将URL映射到本地目录，实现批量文件自动响应

Stave是一个Fiddler扩展插件，让Fiddler能将URL映射到本地目录，实现批量文件自动响应。 Fiddler自带的AutoResponder每条自动响应规则只能对应一个本地文件，在文件数目较多的时候，使用起来很不方便，往往需要部署到本地web服务，有了Stave插件(扩展)，一个UR...