随笔分类 - Javascript
摘要：这个不能算瞎折腾，也算是被逼的没办法了。从接手webgame开始，看到那么多的excel文件被翻译为繁体，我的头就没小过。现在因为新版本的问题又得重新翻译一次，经历过上一次惨痛的过程，这一次变懒了。 大陆内地使用的是简体中文，台湾地区使用的是繁体中文，我们将游戏中用到的配置和所有需要汉化的文字提供给台湾合作伙伴，他们翻译后再回传给我们。实际上面对那么大的工程，是不可能所有内容都一个一个...
阅读全文
摘要：本来这个并没有什么好写的，为什么，网上到处都是。不过在安装的时候确实遇到了很多问题，很有必要记录一下。 先安装gcc-c++编译环境和openssl， >yum install gcc-c++ openssl-devel 第二点，不要使用最新版本的node.js(官网目前最新的为0.5.5)，使用最新的在安装express模块会提示错误，为了避免这个问题还是装个0.5以上0.4以上的版本最好，我...
阅读全文
摘要：打开IE，新建一个页面报错，很影响心情 解决办法： 1、打开注册表 cmd –> regedit 2、找到HKEY_CLASSES_ROOT\TypeLib\{EAB22AC0-30C1-11CF-A7EB-0000C05BAE0B}\1.1\0\win32 3、点击默认，修改它的值 比如我的，报错时它的值为： X:\WINDOWS\system32\shdocvw.dll...
阅读全文
摘要：1、Ajax建立的Server Push 只能由后台向前台推送数据，如果前台想发送数据给后台则需要单独再发一个请求。 这里使用的例子就是一个在线CD销售页面，前台发起ajax请求，后台随机取一个数，从现在库中减去获得的随机数，然后返回给前台； 前台如果想改变库存的数据，在文字输入框输入相应的数量，然后提交给后台。 界面大致是这个样子 图中的“27”就是剩余的CD数量，上文提及的“库存”实际是使用一...
阅读全文
摘要：http://www.circlehack.com/ (qiang外)是facebook四个工程师通宵一晚上的成果，体验和效果上和Google+中的circle相比还是逊色一些 整个源代码在github上https://github.com/voloko/facebook-circles circlehack.com中的示例截图(都是使用CSS3来画圈)： Google+的示例截图(使用图片+Ca...
阅读全文
摘要：一般flash在网页显示出来就可以了，不用说与JavaScript之间交互的问题，但有时应用又较为特殊(须兼容各主流浏览器)： 1、网页中屏蔽flash的右键 2、点击flash广告打开新窗口 3、在不透明的情况下，要在flash之上弹出浮动层(设置flash为透明很容易解决掉这个问题) 这里其实分了三类： 1、设置flash的参数wmode为transparent可以解决问题的 2、使用DOM绝...
阅读全文
摘要：效果比较简单，没有放满各个时刻（网上这类例子很多） 这里有一点取巧：画完外圈圆、内圈圆后，将原点（默认为0,0）转换为圆的中心点，这样的话，只需要知道角度，在已知时针、分针、秒针它的长度情况下，很容易求出对应的坐标(x, y) 在求的时候需要注意的是，先要将得到的弧度 – 1/2*Math.PI，以时针为例，一圈分为12个刻度，那么1个小时对应的弧度为 hour * 30 * Math.PI / ...
阅读全文
摘要：看到现在很多应用，包括做的很优秀的产品，很多居然是支持右键进行拖拽的，在页面有滚动条时，也不会随着鼠标移动的方向向上、向下去滚动滚动条。 这里只是单纯的写一个兼容各浏览器的获取鼠标按按键的方法。 DOM2级事件中的event.button返回值只有三种 0 点击了左键 1 点击了中键（就是滚轮那一个键） 2 点击了右键 而在M$的IE中却定义了8种 0 默认没有点击任何鼠标键 1 左键被点击 (0...
阅读全文
摘要：要确定浏览器是否支持DOM规定的HTML事件，可以使用如下代码： var isSupported = document.implementation.hasFeature("HTMLEvents", "2.0");只有根据DOM2级事件实现这些事件的浏览器才返回true，以非标准方式支持这些事件的浏览器会返回false;关于document.implementation的其它方法以及它们各自的返回...
阅读全文
摘要：日常开发中一般都会使得ajax去获了数据，但有两点是需要值得注意的： 1、ajax请求队列 2、ajax的超时处理 为什么要注意这两点？为了让用户在其可视区域内更快速的看见内容。 假设页面结构分为三栏：左、中、右，而且页面数据会比较多，页面呈现的顺序则是是按从上而下执行的（当然是从左至右开始，一个模块一个模块加载数据），如果不采用队列，那么在页面可视范围之外的模块可能已经加载完数据了，而可视范围之...
阅读全文
摘要：遇到一件很奇怪的事情：假设有两张图片1.jpg、3.jpg，他们同时放在一个目录下（创建时间一样），后来发现这两张图片的名称命名反了，也就是1.jpg实际应该命名为3.jpg，而3.jpg则应为1.jpg，便到相应的目录中修改两张图片的名称。 在flash中加载这两张图片，在IE中查看，怎么样去刷新都还是以前的图片（反掉了），我尝试清空缓存，关闭所有进程，重启电脑，第二天来看还是不行，这就让我很...
阅读全文
摘要：也许在你面试的某一天，突然问你一个问题：“如何粗略的计算出当前系统cpu的使用情况？” JavaScript的应用分很多场景，在面对并发量过千万的平台，对JavaScript的性能将会越来越严格，而在面试中是一定会考察以下三条：算法、性能优化、业务分析，会不停的追问你有没有更好解决方法 回到题目，想获取当前系统cpu的使用率，如果允许使用hta，可以使用以下的代码获取当前cpu的使用率(较为精确...
阅读全文
摘要：记得有一次问起，一个主域下，如果把图片放在子域下，资源会并发下载吗，当时我回答是会的，后来空下的时候找到一些相关的资料。 服务端的连接数 浏览器 HTTP/1.1 HTTP/1.0 IE6、7 2 4 IE8 6 6 FF2 2 8 FF3 6 6 Safari3、4 4 4 Chrom1、2 6 6 Opera9、10 4 4 浏览器执行“每个服务端最大连接数”的限制是根据URL上的主机名，而不...
阅读全文
摘要：标题可能不是一读让人容易明白，上张图(转载的) 需要实现如下的效果，有一个浮动层，需要层级在它之下的一个元素也能照常响应相应的事件 一个100*100的元素，边框为1px solid #406c99，它有两个事件(鼠标移入、鼠标移出)： onmouseover="this.style.borderColor='#f00';" onmouseout="this.style.borderColor='...
阅读全文
摘要：假设有如下代码： <?php for ($i=10; $i>0; $i--) { echo $i; flush(); sleep(1); }?>按代码理解似乎应该是每过1秒钟，将输出一个数字，从10~1 (运行时间>10ms)而使用nginx作为web服务器时，会发现上面的代码，在程序运行10ms后一次性输出了10~1通过搜索，找到一段如下的说明：Nginx的FastCGI环境中，如果数据小于fa...
阅读全文
摘要：解决方案来自微博 webkit内核浏览器在form的target=”_blank”时，不允许同一页面中的同一个form做第二次提交，较为简单的做法是改action，如果不想污染到http request，用hash处理，ex：fm.action = ‘…#’ + (+new Date());
阅读全文
摘要：求最大公共子串，常见的做法是使用矩阵。 假设有字符串：abcdefg和字符串abcd，则可构成如下矩阵 a b c d e f g a 1 0 0 0 0 0 0 b 0 1 0 0 0 0 0 c 0 0 1 0 0 0 0 d 0 0 0 1 0 0 0 对两个字符串的每一项都进行比较，若匹配则该项为1，不匹配则为0。然后求出对角线最长为1的那一段序列，即为最大公共子串。 看上面的分开，似乎得...
阅读全文
摘要：这里算是总结一下，这两天的工作，也是自己动手尝试并实现了自己的想法一个案例。 情况大致是这样的： 新上线的webgame需要做一个官网，做好了并上线了（切割、程序、后台，后台使用是java版本的jeecms），但仅仅是自己家的官网做好了，现在上面的想法是需要把这个官网也整理成一个本地能运行的网站给其它游戏的联合运营商以便减少他们工作量（需要全部静态化，所有绝对地址必须改成相对的，图片也必须请求本...
阅读全文
摘要：判断某一天是该年中的第多少周，需要知道该年的第一天是星期几。 比如第一年第一天是星期一，那么直接获取那一天是该年中的第多少天，取它除以7的上限； 如果不是星期一，则需要进行如下计算： 一周是7天，减去那一天星期几，则该礼拜还有 7 – n天结束，再加一天则是下一礼拜。 示例代码： 1: //那一年第一天是星期几 2: var yearFirstDay = new Date(year, 0, 1)....
阅读全文
摘要：说它短，是因为总共核心代码+注释不到100行。(需要声明一下的是此代码非原创，但略有修改，加了自已的部分注解) 1: function getEl(id) { 2: return typeof id === "string" ? document.getElementById(id) : id; 3: } 4: /** 5: * @fileoverview Tween 6: */ 7: funct...
阅读全文