随笔分类 - WEB前端
摘要：发布时间 2013-09-30 14:52:45 编写文档手册的时候，我们经常需要列表项前面的序号将上级各层的序号也附加在前面，如下图： (图一) 但默认的<ol>列表，任何层次都是单个序号开始。如下图： (图二) 要实现图一效果，方法之一是直接将序号部分作为列表内容的一部分，插入相应的HTML，可
阅读全文
摘要：发布时间 2013-10-14 15:16:37 一般来说，不太可能在html文档中遇到极大的<ol>列表，本文只是纯粹技术探讨。 碰巧遇到这个问题就测试了一下。 测得这个极限是 [-2147483648, 2147483647]， 也就是 [ - 2^31 ~ 2^31 - 1 ] 浏览器具体又略
阅读全文
摘要：发布时间 2013-10-14 16:30:03 例如处理事件的时候，有时候需要知道当前点击的是第几个子节点，而HTML DOM本身并没有直接提供相应的属性，需要自己来计算。 从一个索引序号，很容易得到该索引对应的子节点或者子元素，直接用parentNode.childNodes[index] 或
阅读全文
摘要：发布时间 2013-03-31 00:50:17 看到百度搜索结果的恶心网址，总是不爽，于是花了点时间写了个Chrome扩展，自动修正这些链接。 主要作用：移除百度搜索结果链接的跳转，直接打开结果网址。 将类似这样的链接 http://www.baidu.com/link?url=l7MHGJqjJ
阅读全文
摘要：发布时间 2013-12-30 19:56:00 Stave是一个Fiddler扩展插件，让Fiddler能将URL映射到本地目录，实现批量文件自动响应。 Fiddler自带的AutoResponder每条自动响应规则只能对应一个本地文件， 在文件数目较多的时候，使用起来很不方便，往往需要部署到本地
阅读全文
摘要：发布时间 2013-03-20 16:07:31 Canvas里绘制椭圆是一个很常见的需求，比较新的HTML Canvas 2D Context W3C草案里面新增了ellipse方法绘制椭圆，但是目前大多数浏览器还没有实现该方法，所以需要用arc或者arcTo方法结合scale变形来绘制椭圆。 示
阅读全文
摘要：发布时间 2013-11-15 01:18:09 new A.B() 与 new A().B() 是有区别的，这个大家都知道，至于为什么，我之前一直不是很理解。 这个问题涉及到的知识面是，点运算符、new运算符、函数执行这三者之间的优先级的问题。 new A.B(); 的逻辑是这样的： new A.
阅读全文
摘要：发布时间 2014-07-08 08:47:27 之前在StackOverflow回答了这个问题，现在整理到Blog里。 因为安全限制，脚本是不能随意设置其value值的，所以并不能像其它表单输入域那样用属性来设置使其重置。 重置一个文件域的值，归纳起来主要有 3 种方法。 本文分析这三种方法的浏览
阅读全文
摘要：发布时间 2013-11-06 01:40:15 IE8+，Firefox，Chrome，Opera，Safari 等现代浏览器普遍支持data URL IE8 data URL 最大长度限制为32k字节，超出无效。IE9+没有这个限制 IE只识别base64编码或百分号编码(URL编码, enco
阅读全文
摘要：发布时间 2013-08-14 09:36:56 前言 关于indexedDB的基础知识，可以查阅 Indexed Database API (W3C) s Using_IndexedDB (MDN) 和 使用IndexedDB (中文). 关于indexedDB的索引，我仔细翻看了W3C API才
阅读全文
摘要：发布时间 2014-10-13 13:30:18 以前我写过一篇《HTML5迷你游戏作验证码》，说的是国外的Play Thru用微游戏做的验证码，现在又看到了国内一家做类似验证码产品（极验验证）的公司（获得天使湾投资），也是采用拖拽拼图游戏的形式做验证码，用户需要使图块放入对应的空缺中，不过玩法就只
阅读全文
摘要：发布时间 2018-03-23 11:06:40 SVG中的路径数据，即path元素的 d 属性，有一系列的路径绘制指令，其中椭圆弧指令(A)最复杂，不算椭圆弧起始点的x,y坐标的话，依然有 7 个参数。 SVG椭圆弧指令的参数，与Canvas等圆弧指令的参数有很大差别，Canvas中使用圆心、半径
阅读全文
摘要：发布时间 2014-12-30 20:32:48 JS的类型数组大体可分为3类：无符号整数、有符号整数、浮点数。 Int8Array; Uint8Array; Uint8ClampedArray; Int16Array; Uint16Array; Int32Array; Uint32Array; F
阅读全文
摘要：发布时间 2015-05-27 01:14:54 canvas转换为dataURL (从canvas获取dataURL) var dataurl = canvas.toDataURL('image/png'); var dataurl2 = canvas.toDataURL('image/jpeg'
阅读全文
摘要：发布时间 2016-06-01 19:00:33 由于 HTML Canvas 2D Context标准中并没有直接绘制椭圆与椭圆弧的方法，所以浏览器普遍没有这个方法，不过，Chrome支持 ellipse方法，至于从哪个版本开始支持的，我就未查证了。IE11，Edge, Firefox, Safa
阅读全文
摘要：setTimeout与setInterval是window对象的两个非常神奇方法，用于实现定时或延时调用一个函数或一段代码。我这里要探讨的，不是什么时候该用哪一个，而是探讨这两个方法在各浏览器中的差异。原先我一直没觉得这两个方法会有什么乌龙，一个偶然的机会让我得知了，现在整理一下写出来和大家分享。
阅读全文
摘要：javascript版的dateAdd与dateDiff。其中，dateDiff里面如果用switch...case的话会比较高效，但是我懒得多敲那么些字母了。附javascript代码以及使用参考。
阅读全文
浙公网安备 33010602011771号