摘要：
最近看了Justany_WhiteSnow的Javascript图像处理一文，写的非常好，于是就练练手，略做了一些封装：(function () { function imageToGray(iCanvas, url) { this.canvas = iCanvas; this.iCtx = this.canvas.getContext("2d"); this.url = url; } imageToGray.prototype = { imread: function (_image) { v... 阅读全文
摘要：
netstat命令是一个监控TCP/IP网络的非常有用的工具，它可以显示路由表、实际的网络连接以及每一个网络接口设备的状态信息，这里我只用到其中的部分功能. netstat 的常用参数: - t、- u、- w和- x分别表示TCP、UDP、RAW和UNIX套接字连接。-a标记，还会显示出等待连接（也就是说处于监听模式）的套接字。-l 显示正在被监听(listen)的端口, -n表示直接显示端口数字而不是通过察看/etc/service来转换为端口名,-p选项表示列出监听的程序1) netstat -tl查看当前tcp监听端口Active Internet connections (on... 阅读全文
摘要：
约翰·格鲁伯：我认为 MobileSafari 不会再逐点对应的渲染图片，因为新旧 iPhone 之间的像素尺寸极为悬殊。 戴夫·海厄特：大多数设计师仍停留在传统的思想：CSS 像素即屏幕像素。然而，当我们进入高 DPI 的世界，用户界面可能被整体放大，一个 CSS 像素会占据多个屏幕像素。 IPHONE 3和 IPHONE 4是最典型的了，图片或ICON，在IPHONE 3能清晰显示的时候，IPHONE 4却会变的很模糊，无奈，只能准备两套图了。好在CSS提供的Media属性，能方便的让我们识别出不同DPI的设备，并以此来应用不同的样式。 首先，看看，常见的IPHONE和 阅读全文
摘要：
本文主要转自：移动浏览器的viewport，部分内容有补充修改。 对于移动web开发，最好了解一下viewport的概念，在quirksmode.org有两篇文章详细介绍了它，A tale of two viewport(12)，感觉非常好，本来想翻译的，但这两篇文章实在太长了，没耐性，于是抽取了其中重点讲viewport的部分，用半翻译半自己写的方式写出来，这也是为了让自己能够理解得更好一些。其中CSS像素和设备像素的概念，还有js获取各种宽高和位置的内容都没有提及，要想了解得更清楚还是推荐看看那两篇文章。以下图片均来自quirksmode.org。桌面浏览器 先说说桌面浏览器上vi... 阅读全文
摘要：
最近开始阅读《JavaScript权威指南》第六版，这次阅读的主要目地是进一步把基础打牢，对以前的学习复习和检查。 第一章是JavaScript概述，没什么好说的，只把本章最后一个综合示例（贷款计算器）动手敲了一遍： 代码如下：<!DOCTYPE html><html><head> <meta charset="utf-8"/> <title>Demo</title> <style type="text/css"> .output{ font-weight:bold; } 阅读全文
摘要：
测试代码：<table id="test"></table><script> var oTable=document.getElementById("test"); oTable.innerHTML="<tr><td>innerHTML</td></tr>";</script> 上述代码在IE6-9中无效，直接报错： IE9：Invalid target element for this operation. IE6-8：Unknown r 阅读全文
摘要：
From：http://support.microsoft.com/kb/2015129Symptoms Consider the following scenario. Youinstall the .NET Framework 4.0. Then, youinstall an earlier version of the .NET Framework, or you enable.NET 3.0 WCF HTTP Activation. In this scenario, you may receive the followingerror message when you when... 阅读全文
摘要：
朋友让帮忙找个原生JS写的带缓动效果的图片幻灯，类似Tmall首页的效果，找了一圈后发现网上JS写的图片幻灯很多，相关的jQuery插件也很多，但用原生JS写的带缓动效果的却不多。没办法只好自己动手，现在把代码分享给大家，希望对大家有用。 代码中的缓动公式用了司徒正美博客中整理的代码：http://www.cnblogs.com/rubylouvre/archive/2009/09/17/1567607.html 缓动公式的推导主要利用了物理中的加速度知识，推荐过程可以看看这篇文章：http://floatyears.info/javascript-animation-easing ... 阅读全文
摘要：
虽然XML和DOM已经变成Web开发的重要组成部分，但目前仅IE跟Mozilla支持客户端的XML处理。一、IE中的XML DOM支持 IE对XML的支持是基于ActiveX的MSXML库。 1、DOM创建 对每个新版本的MSXML，都会创建出不同的XML DOM对象，所以尽量选择新的XML DOM版本。 2、载入XML 载入XML分两种，即： 载入XML字符串：loadXML(xml字符串) 载入xml文件：load(xml文件路径)。默认情况下文件载入是异步的，如果要改为同步把asynce特性改为true即可。异步载入文件时要用到readyState和onreadysta... 阅读全文
摘要：
昨天，jQuery官网发布了jQuery 1.8 Release版，现在已经可以在官网获得：http://jquery.com/。 由于在园子里还没发现这方面的文章，所以就来简单地介绍一下（注：本文只是简单的归纳介绍，不是完整的翻译，全文请参考原文：http://blog.jquery.com/2012/08/09/jquery-1-8-released/）。一、代码获取 http://code.jquery.com/jquery-1.8.0.min.js(压缩版，建议生产环璋用) http://code.jquery.com/jquery-1.8.0.js(源码版，建议调试研究用)... 阅读全文
摘要：
一、错误分类 1、语法错误：也称解析错误，发生在传统语言的编译时，在JavaScript中发生在解释时。这些错误是由代码中的意外字符直接引起的，然后就不能直接编译/解释。发生语法错误时，就不能继续执行代码。在JavaScript中，只有在同一个线程中的代码会受语法错误的影响。在其他线程中的代码和其他外部引用的文件中的代码，如果不依赖于包含错误的代码，则可以继续执行。 2、运行时错误：也称为异常（exception，在编译期/解释器后）。此时，问题并不出在代码的语法上，而是，尝试完成的一个操作，在某些情况下是非法的。异常只影响发生的线程，其他JavaScript线程即可继续正常的执行。二、错.. 阅读全文
摘要：
排序代码function SortTable(sTableID, iCol, sDataType){ this.oTable=document.getElementById(sTableID); this.oTBody=this.oTable.tBodies[0]; this.colDataRows=this.oTBody.rows; this.aTRs=[]; this.iCol=iCol; this.sDataType=sDataType;}SortTable.prototype={ convert:function(sValue, sDataTy... 阅读全文
摘要：
Win8出来时参加了一个活动，写了一个APP，后来微软那边没什么动静了，就一直没怎么管了，最近系统升级从Consumer Preview版升级到 Release Preview 版，VS也升级到Visual Studio 2012 RC后，才发现原来的APP不能运行了，于是折腾了好一阵子才OK，现在做个小结，希望可以帮到遇到相同问题的朋友。一、WinJS版本修改 Windows 8 Consumer Preview版中WinJS是0.6版，Release Preview 版中WinJS是1.0版，所以要把项目中的WinJS进行升级。 这个比较简单，大家直接按官方给出的步骤做就OK了：h... 阅读全文
摘要：
这是博问中的一个问题：http://q.cnblogs.com/q/39172/ 我的方案如下：function isOverlap(idOne,idTwo){ var objOne=$("#"+idOne), objTwo=$("#"+idTwo), offsetOne = objOne.offset(), offsetTwo = objTwo.offset(), topOne=offsetOne.top, topTwo=offsetTwo.top, leftOne=offsetOne.left,... 阅读全文
摘要：
跨平台的事件EventUtil对象 EventUtil:var EventUtil={ addEventHandler:function(oTarget, sEventType, fnHandler){ if(oTarget.addEventListener){ oTarget.addEventListener(sEventType,fnHandler,false); } else if(oTarget.attachEvent){ oTarget.attachEvent("on"+sEventType,fnHand... 阅读全文
摘要：
重构前的话 上一篇发布一个JavaScript工具类库jutil，欢迎使用，欢迎补充，欢迎挑错！发布后有幸得到了大部分朋友的肯定，在这里多谢各位的支持鼓励。 在上一篇评论中，也有园友指出了存在的问题，主要有建议增加数组过滤方法，HTMLEncode和HTMLDecode方法不安全，数组去重方法的问题等，没有命名空间，扩展不太方便。本次重构主要解决的就是上面这些问题。 本次重构具体的就是增加了数组过滤方法，划分了一下命名空间，增加了用于扩展的方法。对于HTMLEncode和HTMLDecode方法不安全的问题，本次重构没有处理，如果需要安全的HTMLEncode和HTMLDecode建议使... 阅读全文
摘要：
由来 工作中jQuery用的比较多，但jQuery再强大也有些方法是没有的，以前的做法就是东拼西凑，今天终于下定决心把平时用到的一些方法加以整理，这就是jutil的由来。 当前只有17个方法，涉及到的有Array、HTML、Cookie & localStorage、Date、String。这些方法都采用了原生的JS，不依赖于jQuery。 都说好的设计是易于理解的，不用过多介绍，而这也是我现在想达到的目标，因此下面的介绍会比较简单，如果大家哪个地方看不明白或有更好的建议，请提出来，我再优化。Array相关 jutil.arrayDistinct(Array)jutil.arrayIn 阅读全文
摘要：
一、事件流 IE中是冒泡型事件，即从最特定的事件目标到最不特定的事件目标。 Netscape Navigator使用的是捕获型事件，这个跟IE中采用的冒泡型事件相反。 DOM事件流同时支持两种事件模型，但捕获型事件先发生。二、事件处理函数/监听函数 事件是用户或浏览器自身进行的特定行为。这些事件都有自己的名字，如click、load、mouseover等。 事件处理函数有两种分配方式：在JavaScript中或者在HTML中。 如果在JavaScript中分配事件处理函数，则首先要获得要处理的对象的引用，然后将函数赋值给对应的事件处理函数属性，像这样(事件处理函数名称必须小写)：v... 阅读全文
摘要：
像诗一样的 Javascript 代码。1. 取整同时转成数值型：'10.567890'|0//结果: 10'10.567890'^0//结果: 10-2.23456789|0//结果: -2~~-2.23456789//结果: -22. 日期转数值：var d = +new Date(); //12956984167923. 类数组对象转数组：var arr = [].slice.call(arguments)4. 漂亮的随机码：Math.random().toString(16).substring(2); //14位Math.random().toStri 阅读全文
摘要：
String.replace( ) 简介语法：string.replace(regexp, replacement)regexp：您要执行替换操作的正则表达式，如果传入的是一个字符串，那就会当作普通字符来处理，并且只会执行一次替换操作；如果是正则表达式，并且带有 global (g) 修饰符，则会替换所有出现的目标字符，否则，将只执行一次替换操作。replacement：您要替换成的字符。返回值是执行替换操作后的字符串。String.replace( ) 的简单用法var text = "javascript 非常强大 ！";text.replace(/javascript 阅读全文