popotang

原创 博客已经迁移到http://popotang.org

<br />博客已经迁移到http://popotang.org

转载 textContent与innerText的不同

<br />IE下有个innerText属性，FF下有个textContent属性。很多以前给IE写脚本的，在FF下找不到innerText属性，于是网上搜到的建议是用textContent来替代。反之给FF写脚本的也一样。 <br />但是实际上，这里有个误解。网上很多文章说“FF下等效于innerText属性的属性是textContent”————但是事实上并非如此。 innerText与textContent有几点很重要的不同，导致它们在一些情况下不能直接互换使用。 <br />前些日子写了个代码高亮

转载 为什么5%的技术人员开发效率是其他95%的20倍？

5%神话 Bruce Eckel(Thinking in Java/C++作者) 在他的 5%的神话 (Mythical 5%) 中提到：5%的程序员开发效率是其他95%程序员的20倍 (5% of programmers are 20x more productive than the other 95%) 按照80-20法则,80%的程序员几乎不看书,不读Blog,不参加技术会议，不持续学习。这些人也可能会进入大公司，他们日复一日的做着重复的工作。另外20%则在专业方面比较主动，他们

转载 关于跨浏览器测试那点事

Web 设计与开发师的一个重要工作环节是跨浏览器测试，谁让我们生活在这个既幸福又痛苦的时代，有那么多浏览器摆在我们面前，还有那个噩梦般总也摆脱不掉的 IE6。本文讲述了与跨浏览器测试有关的各种问题与知识，包括渲染，平台，设备以及 JavaScript 引擎。梦幻五组合IE 独霸天下的那些日子，Web 设计师不时陷入 IE 同它竞争者的口水战，然而，当一些新的，注重 Web 标准的浏览器出现时，事情发生了改变，IE 的统治地位受到了挑战。时过境迁，移动浏览器与新渲染引擎的出现，使 Web 设计者开始考虑跨浏览

转载 Web测试方法

在Web工程过程中，基于Web系统的测试、确认和验收是一项重要而富有挑战性的工作。基于Web的系统测试与传统的软件测试不同，它不但需要检查和验证是否按照设计的要求运行，而且还要测试系统在不同用户的浏览器端的显示是否合适。重要的是，还要从最终用户的角度进行安全性和可用性测试。然而，Internet和Web媒体的不可预见性使测试基于Web的系统变得困难。因此，我们必须为测试和评估复杂的基于Web的系统

原创 扩展Array.prototype.indexOf引发的问题

 Array没有indexOf方法，这样在一个数组中查找某个元素的索引时比较麻烦，为了调用方便，于是通过prototype原型扩展了Array.prototype.indexOf()，这样用起来就比较方便了。Array.prototype.indexOf = function(item) {for (var i = 0; i < this.length; i++) {if (this[

转载 JavaScript对象模型-执行模型↓↑

数据类型基本数据类型基本数据类型是JS语言最底层的实现。简单数值类型: 有Undefined, Null, Boolean, Number和String。注意，描述中的英文单词在这里仅指数据类型的名称，并不特指JS的全局对象N an, Boolean, Number, String等，它们在概念上的区别是比较大的。对象: 一个无序属性的集合，这些属性的值为简单数值类型、对象或者函数。同上，这里的对

转载 function, new function, new Function

函数是JavaScript中很重要的一个语言元素，并且提供了一个function关键字和内置对象Function，下面是其可能的用法和它们之间的关系。使用方法一：var foo01 = function() //or fun01 = function(){var temp = 100;this.temp = 200;return temp + this.temp;}aler

转载 Javascript的一种模块模式

Douglas Crockford已经传授了一个有用的单例模式（singleton pattern）实现此规则，我认为他的模式有益于你基于YUI的那些应用。Douglas叫它模块模式（module pattern）。它是如下工作的： 创建一个命名空间对象：如果你使用YUI，可以用YAHOO.namespace()方法： YAHOO.namespace("myProject");这分配了一个空的my

转载 Javascript Object Model 图解

原创 typedef的四个用途和两个陷阱

用途一： 定义一种类型的别名，而不只是简单的宏替换。可以用作同时声明指针型的多个对象。比如： char* pa, pb; // 这多数不符合我们的意图，它只声明了一个指向字符变量的指针， // 和一个字符变量； 以下则可行： typedef char* PCHAR; // 一般用大写 PCHAR pa, pb; // 可行，同时声明了两个指向字符变量的指针  虽然： ch

原创 解决IE下图片渐隐渐现效果，图片出现“坏点”的bug

 QQLive新版官网首页顶部有个焦点图，巨幅图片以渐隐渐现的效果动画切换。这里没有使用Flash来实现，而是直接使用Javascript来控制。  【图片没有了，去http://live.qq.com上面看吧，就是那个每隔5秒切换一次的大图】 用js实现这个效果并不困难，我的方案是每隔指定时间让透明度+0.1，直到1。当然，IE下需要换成0~100范围。但是这里出现了一个

转载 HTTP头的Expires与Cache-control

1.概念 Cache-control用于控制HTTP缓存（在HTTP/1.0中可能部分没实现，仅仅实现了Pragma: no-cache） 数据包中的格式： Cache-Control: cache-directive cache-directive可以为以下： request时用到： | "no-cache" | "no-store" | "max-age" "=" delta-seconds

转载 linux中select()函数分析

Select在Socket编程中还是比较重要的，可是对于初学Socket的人来说都不太爱用Select写程序，他们只是习惯写诸如connect、accept、recv或recvfrom这样的阻塞程序（所谓阻塞方式block，顾名思义，就是进程或是线程执行到这些函数时必须等待某个事件的发生，如果事件没有发生，进程或线程就被阻塞，函数不能立即返回）。可是使用Select就可以完成非阻塞（所谓非阻塞方式

转载 解决Flash __flash_unloadHandler 死循环的Bug

跟踪Flash代码,发现只要 Flash 的 AS 代码里执行了 flash.external.ExternalInterface.call ,自动会在页面上面创建 function __flash_unloadHandler() {} 方法.为了防止这个方法对浏览器造成死循环,我们得把这段不必要的方法在页面刷新前清掉. 幸运的是,IE为我们提供了 onbeforeunload 程序代码

转载 JS内存释放问题

一个内存释放的实例 strTest = "1";for ( var i = 0; i { strTest += strTest;}alert(strTest);delete strTest;CollectGarbage();//-->CollectGarbage,是IE的一个特有属性,用于释放内存的使用方法嘛应该是,将该变量或引用对象,设置为null或delete然后在进行释放动作在做Co

原创 特殊符号大全

εїз♂ ♀ ♥ ♡ ☜ ☞ ☎ ☏ ⊙ ◎ ☺ ☻ ► ◄ ♨ ◐ ◑ ↔ ↕ ▪ ▫ ☼ ♦ ▀ ▄ █ ▌ ▐ ░ ▒ ▬ ♦ ◊ ◦ ☼ ♠ ♣ ▣ ▤ ▥ ▦ ▩ ◘ ◙ ◈ ♫ ♬ ♪ ♩ ♭ ♪ の ☆→ あ ぃ ￡ ▧ ▨ ♠ ♣๑•ิ.•ั๑๑۩۞۩๑ ♪ ♬ ⓛⓞⓥⓔ ๑۩ﺴ ♬ ♫ ♪♯♭ $ ஐﻬ◎ ﻬஐ の ☆→ あ ぃ ￡ ♥『』Ψ № ∑ ⌒〖〗＠ξζ∮ ▓ ∏

原创 FLASH AS：如何运用Flashvars传参

IE中:src=”test.swf”quality=”high”pluginspage=”http://www.macromedia.com/go/getflashplayer”type=”application/x-shockwave-flash”width=”550″height=”400″ />FirFox中：flashvars=”str=flashpixy”src=”test.swf”

转载 浏览器禁止跨域浏览，如果非要程序修改跨域访问数据资源，可采用下面办法

REG add "HKEY_CURRENT_USER/Software/Microsoft/Windows/CurrentVersion/Internet Settings/Zones/1" /v "1406" /t reg_dword /d 0x00000000 /f REG add "HKEY_CURRENT_USER/Software/Microsoft/Windows/CurrentVer

转载 简单开启兼容模式 让IE8兼容网页

自从用了IE8 整个世界都变了形.　　呵呵,问题没那么严重,如果你的网站还来不及修改以适合IE8访问的时候,咱们可以通过非常简单的方法,加几行代码就可以让访问的IE8自动调用IE7的渲染模式,这样可以保证最大的兼容性,方法如下:　　只需要在页面中加入如下HTTP meta-tag: meta http-equiv="X-UA-Compatible" content="IE=EmulateI

转载 c++中的堆和栈

1、内存分配方面：    堆：一般由程序员分配释放， 若程序员不释放，程序结束时可能由OS回收 。注意它与数据结构中的堆是两回事，分配方式是类似于链表。可能用到的关键字如下：new、malloc、delete、free等等。    栈：由编译器(Compiler)自动分配释放，存放函数的参数值，局部变量的值等。其操作方式类似于数据结构中的栈。2、申请方式方面：    堆：需要程序员

转载 XML和HTML常用转义字符

XML和HTML中都有一些特殊的字符，这些字符在XML和HTML中是不能直接使用的，如果必须使用这些字符，应该使用其对应的转义字符。XML常用转义字符：字符转义字符描述&&和<小于号>>大于号

原创 ajax jsp 无刷新上传文件

首先要说的就是 ajax 是无法实现上传文件的，可以想一下ajax与后台通信都是通过传递字符串，怎么能传递文件呢？其实出于安全考虑js是不能操作文件的，所以就不要再说用ajax来实现文件的上传了，这是不可能的。    而本文实现的文件上传也是无页面刷新的，可以说是一种"类似AJAX"方法。    开始之前先说两句无关的，其实在ajax出现之前，web应用也可以是无刷新的，那时大多通过IFram

转载 linux系统配置文件

1:/etc/sysconfig/i18n(语言配置文件).2:/etc/sysconfig/network-scripts/ifcfg-eth0(eth0配置文件).3:/boot/grub/grub.conf(grup配置文件) 或/boot/grub/menu.list.4:/etc/passwd:系统用户数据库文件.5:/etc/group:组的数据库文件.6:/etc/gshadow(存

转载 JavaScript中Array（数组）的属性和方法

数组有四种定义的方式使用构造函数：var a = new Array();var b = new Array(8);var c = new Array("first", "second", "third");或者数组直接量：var d = ["first", "second", "third"];属性Array只有一个属性，就是length，length表示的是数组所占内存空间的数目，

转载 Linux crontab-自动化的任务

在 Linux 中，任务可以被配置在指定的时间段、指定的日期、或系统平均载量低于指定的数量时自动运行。红帽企业 Linux 预配置了对重要系统任务的运行，以便使系统能够时时被更新。譬如，被 locate 命令使用的 slocate 数据库每日都被更新。系统管理员可使用自动化的任务来执行定期备份、监控系统、运行定制脚本等等。 红帽企业 Linux 随带几个自动化任务的工具：cron、at、和 b

转载 fork两次如何避免僵尸进程收藏

 #include #include #include #include int main(void) { pid_t pid; if ((pid = fork()) < 0) { fprintf(stderr,"Fork error!/n"); exit(-1);

转载 PHP ADODB 1.99版手册中文翻译

PHP ADODB 1.99版手册中文翻译(Tripc)感谢记事PHP ADODB 1.99版手册中文翻译 翻译作者：Tripc ------------------ ADODBPHP在资料库的支援上是很令人称道的，几乎所有的知名资料库系统都有对应的函数群支援，而且支援的很完整。但很不幸的，每一群资料库支援函数无论在名称或叁数结构上，都有很大的差异，

转载 程序调试的利器GDB

无论是多么优秀的程序员，都难以保证自己在编写代码时不会出现任何错误，因此调试是软件开发过程中的一个必不可少的组成部分。当程序完成编译之后，它很可能无法正常运行，或者会彻底崩溃，或者不能实现预期的功能。此时如何通过调试找到问题的症结所在，就变成了摆在开发人员面前最严峻的问题。通常说来，软件项目的规模越大，调试起来就会越困难，越需要一个强大而高效的调试器作为后盾。对于Linux程序员来讲，目前可供使用

转载 Linux程序设计入门 - fork, pthread, and signals

   在UNIX程序设计中，学会fork及signal的运用，算是相当基本的功夫。        fork()及signal经常运用在daemon守护神这一类常驻程序，另外像      a4c.tty/yact/chdrv这些中文终端机程序也有用到，一般如      Mozilla/Apache/Squid等大程序几乎都一定会用到。        虽然在UNIX下的程序写作，对thread的功

原创 Linux 2.6 内核Epoll用法举例说明

epoll用到的所有函数都是在头文件sys/epoll.h中声明的，下面简要说明所用到的数据结构和函数： 所用到的数据结构:  typedef union epoll_data { void *ptr; int fd; __uint32_t u32;

转载 系统设计之 网络模型（一）基础篇

全文针对linux环境。tcp/udp两种server种，tcp相对较复杂也相对比较常用。本文就从tcp server开始讲起。先从基本说起，看一个单线程的网络模型，处理流程如下：socket-->bind-->listen-->[accept-->read-->write-->close]-->close[]中代码循环运行，[]外的是对监听socket的处理，[]内的是对accept返回

原创 CSS opacity - 实现图片半透明效果

前几天一位做网页设计的朋友问我这个问题：如何通过CSS来实现图片半透明效果，并且在IE和Mozilla上都可以得到支持。下面将我的方法分享给大家。下图为通过CSS实现的图片透明效果这个效果在IE和Mozilla浏览器上都可以工作，代码如下this.filters.alpha.opacity=100" onmouseout="this.style.MozOpacity=0.5;thi

原创 SEO中的DIV CSS样式的命名规则

在搜索引擎优化中， 对于代码的优化是一个非常重要的部分。 如果一个网页的代码非常的简捷，对于提升网站的排名那个是非常有好处的。 同样， 在CSS样式表中，合理有序的命名同样可以为整个CSS工作带来意想不到的简便。 为了更加符合搜索引擎的规范， 下面是一些常用的CSS代码命名标准。 这些标准虽然不是一个必须遵守的规范，但是，却被大多数SEOer所接受，并为整个网站的更新工作带来方便。页头:hea

原创 css图片滤镜参考

语法:STYLE="filter:filtername(fparameter1,fparameter2...)}(Filtername为滤镜的名称，fparameter1、fparameter2等是滤镜的参数)滤镜说明：Alpha：设置透明层次.blur：创建高速度移动效果，即模糊效果.Chroma：制作专用颜色透明.DropShadow：创建对象的固定影子.FlipH：创建水平镜像图片.Flip

原创 SSH 的详细使用方法

SSH 的详细使用方法如下： ssh [-l login_name] [hostname | user@hostname] [command] ssh [-afgknqtvxCPX246] [-c blowfish | 3des] [-e escape_char] [-i identity_file] [-l login_name] [-o option] [-p port] [-L port:h

原创 EPOLL为我们带来了什么。

在大家苦苦的为在线人数的增长而导致的系统资源吃紧上的问题正在发愁的时候，Linux 2.6内核中提供的System Epoll为我们提供了一套完美的解决方案。传统的select以及poll的效率会因为在线人数的线形递增而导致呈二次乃至三次方的下降，这些直接导致了网络服务器可以支持的人数有了个比较明显的限制。 自从Linux提供了/dev/epoll的设备以及后来2.6内核中对/dev/epoll设

原创 Create a connection-oriented socket

These server and client examples illustrate socket APIs written for a connection-oriented protocol such as Transmission Control Protocol (TCP).The following figure illustrates the client/server rela

原创 读取配置文件

void LoadSvrConf() {    CMyIni ini;    if(ini.Load("./conf/server.conf"))    {        svr_log.FormatEx(1 ,"Load File Error %s" , strerror(errno));        exit(-1);    }    memset(&

转载 C++的XML编程经验――LIBXML2库使用指南

  写这篇文章的原因有如下几点：1)C++标准库中没有操作XML的方法，用C++操作XML文件必须熟悉一种函数库，LIBXML2是其中一种很优秀的XML库，而且它同时支持多种编程语言；2)LIBXML2库的Tutorial写得不太好，尤其是编码转换的部分，不适用于中文编码的转换；3)网上的大多数关于Libxml2的介绍仅仅是翻译了自带的资料，没有详细介绍如何在windows平台下进行编程，