09 2012 档案
摘要：上午看到一篇博客（http://www.cnblogs.com/chinhi/archive/2012/09/26/fdsf.html），里面是腾讯2013年校园招聘笔试题，有这样一道题（在其他面试过程也会经常看到类似的）： 用容积分别为15升和27升的两个杯子向一个水桶中装水，可以精确向水桶中注入（）升水？ A、53 B、25 C、33 D、52 对于这类问题有没有好的算法可以确定所有可以精确得到的值呢？ 注：这里说的所有是指不大于容积大的杯子的容积。 我们可以这样想，首先我们可以得到的是12升的值，方案是把大杯装满水，然后把小杯倒满，这样可以得到：27 - 15 = 1...
阅读全文
摘要：本文前半部分转自：正则表达式–零宽断言详解 零宽断言的意思是（匹配宽度为零，满足一定的条件/断言） 我也不知道这个词语是那个王八蛋发明的，简直是太拗口了。 零宽断言用于查找在某些内容(但并不包括这些内容)之前或之后的东西，也就是说它们像\b,^,$那样用于指定一个位置，这个位置应该满足一定的条件(即断言)，因此它们也被称为零宽断言。 断言用来声明一个应该为真的事实。正则表达式中只有当断言为真时才会继续进行匹配。 其中零宽断言又分四种 先行断言：也叫零宽度正预测先行断言(?=表达式)，表示匹配表达式前面的位置 例如 [a-z]*(?=ing) 可以匹配cooking singin...
阅读全文
摘要：方案一：<!DOCTYPE html><html><head> <meta charset="utf-8"/> <title>Demo</title> <style type="text/css"> #outer{ width:500px; height:200px; margin: 50px auto; border:1px solid #CCC; display:table; text-align:center; ...
阅读全文
摘要：鼠标悬浮提示效果：View Code 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"/> 5 <title> New Document </title> 6 <style type="text/css"> 7 body{ 8 padding:10px; 9 min-height:400px; 10 } 11 .tip-help-wrap{ 12 positi...
阅读全文
摘要：我们先看段代码：var s = "Test";var len=s.length; 我们知道在JavaScript中像上面这样声明的字符串不是对象，但既然这里的s不是对象，为什么会有length的属性呢？ 原因是在JavaScript中只要引用了字符串（数字、布尔值也是一样的）的属性，JS就会将字符串通过调用new String(s)的方式转换成对象，这个对象继承了字符串的方法，并被用来处理属性的引用。一旦属性引用结束，这个新创建的对象就会销毁（真实实现并不一定是这样，但整个过程看起来是这样）。这个过程就叫包装对象。 有没有办法验证上面的解释呢，我们来看两段代码： 代码一：v
阅读全文
摘要：无意中看到某网站的一段JS代码： 1 function clearSearchText(){ 2 var searchtext = document.getElementById("searchwordl").value 3 document.getElementById("searchwordl").value=""; 4 } 5 function replaceALL(){ 6 var replaceTxt = document.getElementById("searchwordl").value; 7 va
阅读全文
摘要：效果： 代码：<!DOCTYPE html><html><head> <meta charset="utf-8"/> <title> New Document </title> <style type="text/css"> body,ul,li{ maring:0; font-size:12px; padding:0; } ul{ list-style:none; line-height:25px; } ...
阅读全文
摘要：测试代码：<div id="test"></div><script> document.oncontextmenu=function(){ return false; }; var oDiv=document.getElementById("test"); oDiv.onmousedown=function(e){ e= e || window.event; var mouseNum = e.button; this.innerHTML = mouseNum; }</script> 在线测试： 结论：...
阅读全文
摘要：周末闲来无事写了一个JavaScript版扫雷游戏，现在把源代码分享出来，共同学习。 扫雷游戏的原理大家可以参考这篇文章：http://www.cnblogs.com/goodwin/archive/2010/03/22/1691871.html JavaScript代码：(function () { var FLM = function (id,rowCount,colCount, minLandMineCount, maxLandMineCount) { if (!(this instanceof FLM)) return new FLM(...
阅读全文
摘要：递归算法的时间复杂度除非只有前两项，否则都不是线性的，并且相当耗费内存。我们用最常见的的fibonacci数列来说明：function fibonacci(n){ if( n === 0 || n === 1){ return n; } else { return fibonacci(n - 1) + fibonacci(n - 2); }} 这是一种最常见的写法，这种写法极其耗费内存，当参数n大于30时，就会明显感觉到花的时间比较长，如果n等于100，浏览器极有可能会崩溃掉。 我们来分析一下耗费内存和时间原因：先将要计算的变量值存到堆栈中...
阅读全文
摘要：本文首发博客园：http://jscode.cnblogs.com，转载请注明出处。 关于Element跟Node的区别，cilldren跟childNodes的区别很多朋友弄不清楚，本文试图让大家明白这几个概念之间的区别。 Node(节点)是DOM层次结构中的任何类型的对象的通用名称，Node有很多类型，如元素节点，属性节点，文本节点，注释节点等，通过NodeType区分，常见的有：节点类型NodeType元素element1属性attr2文本text3注释comments8文档document9 更多节点类型参考：https://developer.mozilla.org/en-...
阅读全文
摘要：很多初学者对于JavaScript中的offset、scroll、client一直弄不明白，虽然网上到处都可以看一张图（图1），但这张图太多太杂，并且由于浏览器差异性，图示也不完全正确。图一 不知道大家看到这张图的第一感觉如何，反正我的感觉就是“这次第，怎一个乱字了得”。 既然我认为上图太多太乱，那么我就把offset、scroll、client分开说，希望能让大家彻底弄清楚，今天只说offset。一、关于offset，我们要弄明白什么 w3中offset相关页面是：http://www.w3.org/TR/cssom-view/#extensions-to-the-htmlelem...
阅读全文
摘要：关于JavaScript中的Delete一直没有弄的很清楚，最近看到两篇这方面的文章，现对两文中部分内容进行翻译(内容有修改和添加，顺序不完全一致，有兴趣推荐看原文)，希望能对大家有所帮助。 原文为： 1、http://perfectionkills.com/understanding-delete/(英文) 2、http://nanto.asablo.jp/blog/2008/01/09/2552470(日文) 注：本文首发博客园(http://jscode.cnblogs.com/)，转载必须给出原文链接。一、问题的提出 我们先来看看下面几段代码，要注意的是，以下代码不要在浏...
阅读全文
