weizuqing的专栏

原创 LABjs、RequireJS、SeaJS 哪个最好用？为什么？

LABjs 的核心是 LAB（Loading and Blocking）：Loading 指异步并行加载，Blocking 是指同步等待执行。LABjs 通过优雅的语法（script 和 wait）实现了这两大特性，核心价值是性能优化。LABjs 是一个文件加载器。RequireJS 和 SeaJS 则是模块加载器，倡导的是一种模块化开发理念，核心价值是让 JavaScript 的模块化开...

原创 如何选择Javascript模板引擎（javascript template engine)

[img]http://dl2.iteye.com/upload/attachment/0089/0084/e7637020-79cc-3a20-9eed-8a2091b878d6.jpg[/img][size=medium]随着前端开发的密集度越来越高，Ajax和JSON的使用越来越频繁，大家肯定免不了在前台开发中大量的使用标签，常见到的例子如下：你得到了一个JSON对象，如下：...

原创 css3动画（transition）属性探讨

[size=medium]在webapp引用开发中经常会用到css3动画效果，下面我们就一起探讨一下这个属性的使用。在哪里定义动画效果？css3动画一般通过鼠标事件或者说状态定义动画，通常我们可以用CSS中伪类和js中的鼠标事件来定义。js的事件也可以，比如click，focus，mousemove,mouseover,mouseout等等transition的基本语法：c...

原创 css3新增样式介绍

[size=small]在PC版开发中由于IE原因，我们很少用到css3，但随着平板和智能手机进入我们的生活，以及现在越来越流行，在手机版和平板版开发中我们就可以大胆的使用了，下面我们探讨常用几个css3属性：1.css3前缀使用介绍，我们直接看个例子：[/size][code="java"]-webkit-transform:rotate(-3deg); // 给Chro...

原创 CSS强制性换行

[size=medium]一般情况下，元素拥有默认的white-space:normal（自动换行，PS：不换行是white-space:nowrap）,当录入的文字超过定义的宽度后会自动换行，但当录入的数据是一堆没有空格的字符或字母或数字（常规数据应该不会有吧，但有些测试人员是会这样子做的），超过容器宽度时就会把容器撑大，不换行。解决方法（以IE，chrome,FF为测试浏览器）：[/s...

原创 Iscroll4使用遇到问题探讨

[size=medium] iscroll4 是一款针对web app使用的滚动控件，它可以模拟原生IOS应用里的滚动列表操作，虽然插件不大但是效果十分好。是web app开发必备的控件之一。iscroll4官网 ： [url]http://cubiq.org/iscroll-4[/url]为什么要用iscroll4 因为在IOS5之前，web webkit是不支持...

原创 webapp触摸事件介绍：处理复杂手势

[size=medium] 这篇文章着重介绍多触式设备上特有的gesture event（android和iOS对这个事件的封装大同小异）。这个事件是对touch event的更高层的封装，和touch一样，它同样包括gesturestart，gesturechange，gestureend三个事件回调： [/size][code="java"]gesturestart // ...

原创 webapp触摸事件介绍：处理简单手势

[size=large] 这篇文章将描述多触式网页开发中对手势（Gesture）事件的处理。 水果设备中的Gesture，广义的说包括手指点击（click），轻拂（flick），双击（double-click），两只手指的分开、闭合（scale）、转动（rotate）等一切手指能在屏幕上做的事情。iOS上设计了了一系列手势来模拟和扩展鼠标操作，比如手指放下后迅速提起会触发clic...

原创 webapp触摸事件介绍：touch事件使用

[size=large] 水果公司的那些small and cute的设备给我们提供了前所未有的用户体验。当用户iphone和ipad上运指如飞的时候，那些使用objective-c写出优秀应用的开发人员们心里一定充满了成就感，因为正是他们（而不是水果）让iOS的世界变的丰富多彩。然而对于我们这些以web为自己事业核心的程序员来说，这种让人欲罢不能的多触式体验似乎跟我们关系不大，因为浏览器...

原创 web App 开发技术要点总结

[size=large]作为一名前端开发工程师，从桌面浏览器到移动设备上开发过度时总会遇到一些问题，下面我们就从我自己遇到问题开始学习和总结一些技术要点：1. viewport： 大家在手机web开发中有没有遇到这样一个问题，在pc浏览器中显示正常但是到了手机浏览器中显示却密密麻麻，字体等变得很小掉，看都看不清楚。那是因为没有设置viewport，也就是可视区域。对于桌面浏览器，...

原创 web手机开发（iPhone和Andriod）关于position:fixed 属性的讨论

[size=large]最近在开发手机版邮件系统，产品经理提出邮件列表页面菜单栏要固定手机底部，最直接想到的是position：fixed这个属性，但是发现在iphone中并不支持这个属性，菜单会随着滚动条滚动而滚动。后然就想到通过脚本控制来解决（参考jquery mobile），通过touchstart，touchmove和touchend事件来计算clientY变化来相应移动菜单，但是还是发现...

原创 Extjs中的迭代

EXTJS 有很多的迭代方法，例如,你也许已知道的Ext.each，但还有另外一些不为人知且很有用的方法。 首先，简要回顾下Ext.each: Ext.each为每一个数组的成员应用同一个方法，它基本上是一个更方便的循环形式 [code="java"]var people = ['Bill', 'Saul', 'Gaius'];//using each to d...

原创 默认Web字体样式

通常用户看到的页面的样式会受到三层控制，第一层是浏览器的默认样式，第二层是网页定义样式，第三层是用户自定义样式。和CSS一样，后面的优先级高于前面的，也就是说网页定义样式可以覆盖浏览器的默认样式，而用户自定义样式优先级最高。实际情况是虽然浏览器都或多或少提供了用户自定义样式的功能，但是极少数会有用户去自定义，一般用也是高级用户。而浏览器默认的样式往往在不同的浏览器、不同的语言版本甚至不同的系统版本...

原创 select如何实现重复选择同一项，可以连续触发事件

原创 Component：render方法

首先，让我们回忆一下对于组件的讨论： 1.只有配置了applyTo或renderTo属性才会在构建组件时立刻进行render方法的调用； 2.如果是applyTo属性，则会对component的容器进行渲染；renderTo则是对component进行渲染； 现在，让我们看一下render方法的实现： render : function(co...

原创 正则表达式

正则表达式可以:•测试字符串的某个模式。例如，可以对一个输入字符串进行测试，看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证•替换文本。可以在文档中使用一个正则表达式来标识特定文字，然后可以全部将其删除，或者替换为别的文字•根据模式匹配从字符串中提取一个子字符串。可以用来在文本或输入字段中查找特定文字 正则表达式语法一个正则表达式就是由普通字符...

原创 offsetParent,parentNode,parentElement区别

offsetParent 指与位置有关的上级元素 parentNode 指与位置无关的上级元素 parentElement 和 parentNode是一样,但parentNode是W3C标准但parentElement 只在IE中可用.例如： 这个例子中，“cc”元素的offsetParent是div，如果去掉div的...

原创 最小高度的定义

height:auto !important;IE6不可以识别，只有IE7以及以上版本可以height:200px;min-height:200px;IE6不可以识别，只有IE7以及以上版本可以结论：在IE6中，高度为200px，但是由于内部元素高度大于200时IE6会自动撑开在IE7以及以上版本时，最小高度为200px，高度为auto，所以内部元素高度大于200时会自动适...

原创 js中的preventDefault和stopPropagation

首先讲解一下js中preventDefault和stopPropagation两个方法的区别： preventDefault方法的起什么作用呢？我们知道比如百度,这是html中最基础的东西，起的作用就是点击百度链接到http://www.baidu.com,这是属于标签的默认行为，而preventDefault方法就是可以阻止它的默认行为的发生而发生其他的事情。看一段代码大家就...

原创 svn 安装

1、下载SVN插件下载地址：http://subclipse.tigris.org/files/documents/906/46495/site-1.6.5.zip2. 在MyEclipse 6.5的安装路径下的plug_in(C:\Program Files\MyEclipse 6.5\eclipse\plugins)下新建文件夹：site-1.6.5;3. 打开MyEcli...

原创 apache lighttpd nginx

一．软件介绍(apache lighttpd nginx)1. lighttpdLighttpd是一个具有非常低的内存开销，cpu占用率低，效能好，以及丰富的模块等特点。lighttpd是众多OpenSource轻量级的web server中较为优秀的一个。支持FastCGI, CGI, Auth, 输出压缩(output compress), URL重写,Alias等重要功能...

原创 Apache和Tomcat区别

Apache是世界使用排名第一的Web服务器软件。它可以运行在几乎所有广泛使用的计算机平台上，由于其跨平台和安全性被广泛使用，是最流行的Web服务器端软件之一。　　在Apache基金会里面ApacheServer永远会被赋予最大的支持，毕竟大儿子最亲嘛，而Apache的开源服务器软件Tomcat同样值得关注，毕竟Tomcat是开源免费的产品，用户会给予最大的支持。但是经常在用Apache和...

原创 dbcp,c3po和proxool的比较

Java框架数据库连接池比较（c3p0,dbcp和proxool）文章分类:Java编程 现在常用的开源数据连接池主要有c3p0,dbcp和proxool三种，其中： ¨ hibernate开发组推荐使用c3p0; ¨ spring开发组推荐使用dbcp (dbcp连接池有weblogic连接池同样的问题，就是强行关闭连接或数据库重启后，无法reco...

原创 flash wmode参数详解

在做web开发中可能会遇到flash遮挡页面中元素的情况，无论怎么设置flash容器和层的深度(z-index)也无济于事，现有的解决方案是在插入flash的embed或object标签中加入”wmode”属性并设置为wmode=“transparent”或”opaque”，但wmode属性到底是什么意义，为什么可以解决这个问题呢？window mode(wmode)wmode即窗...

原创 CSS 过滤器 兼容ie，火狐和谷歌

这篇汇总主要是提供一些CSS不透明的详细介绍，代码示例和解释，以实现这项有用的CSS技术在您的项目中兼容所有浏览器。　　关于CSS 透明度，有一点需要注意的是，它虽然使用了很多年，但它一直以来都不是一个标准属性。它是一种非标准技术，应该是CSS3规范的一部分。1. 旧的Opacity设置　　以下代码是Firefox和Safari旧版本所需的透明度设置...

原创 javascrip编码(escape(), encodeURL(), encodeURIComponent())

escape() 方法：采用ISO-Latin字符集对指定的字符串进行编码。所有的空格符、标点符号、特殊字符以及其他非ASCII字符都将被转化成%xx格式的字符编码（xx等于该字符在字符集表里面的编码的16进制数字）。比如，空格符对应的编码是%20。不会被此方法编码的字符： @ * / +encodeURI() 方法：把URI字符串[b]采用UTF-8编码格式转化成...

原创 合并图片工具

不错的合成图片的工具，还提供css样式

原创 gzip

页面[code="java"] [/code]在tomcat中配置gzip的方法是在conf/server.xml文件中把以前的配置修改成[code="java"] compression="on" 打开压缩功能compressionMinSize="2048" 启用压缩的输出内容大小，这里面默认为2KB noCompressionUserAge...

IE不能主动识别UTF-8编码的问题

动态页面静态化的过程中,IE打开页面后不显示内容,但html代码数据已经下载下来了,将其"字符编码"手动改"utf-8"才可以显示，自己今天花一个早晨时间来解决，为了方便自己也方便别人就把解决方法贴出来! 在windows操作系统上使用IE作为浏览器时。常常会发生这样的问题：在浏览使用UTF-8编码的网页时，浏览器无法自动侦测（即没有设定“自动选择”编码格式时）该页面所用的编码。...

发现几处IE与firefox的js和css几处不同点

.firefox不能对innerText支持，也不知道为什么。firefox支持innerHTML但却不支持innerText，所以上网查了一下，原来它改支持textContent来实现innerText，不过实现得没有那么好，默认把多余的空格也保留了。如果不用textContent，如果字符串里面不包含HTML代码也可以用innerHTML代替2.禁止选取网页内容：在IE中一般用js...

splice() 方法

splice() 方法用于插入、删除或替换数组的元素。语法arrayObject.splice(index,howmany,element1,.....,elementX)参数 描述index 必需。规定从何处添加/删除元素。该参数是开始插入和（或）删除的数组元素的下标，必须是数字。howmany 必需。规定应该删除多少元素。必须是数字，但可以...

ajax的优缺点

ajax的优点 1、最大的一点是页面无刷新，在页面内与服务器通信，给用户的体验非常好。2、使用异步方式与服务器通信，不需要打断用户的操作，具有更加迅速的响应能力。3、可以把以前一些服务器负担的工作转嫁到客户端，利用客户端闲置的能力来处理，减轻服务器和带宽的负担，节约空间和宽带租用成本。并且减轻服务器的负担，ajax的原则是“按需取数据”，可以最大程度的减少冗余请求，和响应对服务器...

ajax的原理和运行机制

关于ajax，是最近炒得非常火的一种技术，并且时下它也是非常流行。当然，它并不是什么新技术，而是在各种已有的技术和支持机制下的一个统一。在我的项目中，偶尔也会用到ajax，用来给用户一些无刷新的体验。用过几次之后，我个人决定对它的原理和运行机制做一个总结。 ajax这个名字据说是Asynchronous JavaScript + XML的简写，实际上，它由下列几种技术组合而成。 ...

关于line-height设置

一个小小属性就有那么多的学问，我们来一起了解一下关于line-height设置行高有五种设置方法inherit/normal/百分比/固定大小/纯数字如果使用百分比的话，只会根据父元素font-size来计算的行高，且它的子元素仅仅继承父元素的行高，而不能根据自己的font-size来计算的行高如果使用固定大小，那么父元素和子元素都使用这个大小如果使用norma...

常用的清除浮动的方法有以下三种

常用的清除浮动的方法有以下三种:此为未清除浮动源代码，运行代码无法查看到父级元素浅黄色背景。[code="java"]LeftRight[/code]1、使用空标签清除浮动。我用了很久的一种方法，空标签可以是div标签，也可以是P标签。我习惯用，够简短，也有很多人用，只是需要另外为其清除边框，但理论上可以是任何标签。这种方式是在需要清除浮动的父级元素...

CSS Sprites

通常被意译为“CSS图像拼合”或“CSS贴图定位”。[b]CSS Sprites优点：[/b]CSS Sprites为什么突然跑火，跟能够提升网站性能有关。显而易见，这是它的巨大优点之一。1.利用CSS Sprites能很好地减少了网页的http请求，从而大大的提高了页面的性能，这是CSS Sprites最大的优点，也是其被广泛传播和应用的主要原因；2.个人认为CSS Sprite...

html 状态码

100——客户必须继续发出请求101——客户要求服务器根据请求转换HTTP协议版本200——交易成功201——提示知道新文件的URL202——接受和处理、但处理未完成203——返回信息不确定或不完整204——请求收到，但返回信息为空205——服务器完成了请求，用户代理必须复位当前已经浏览过的文件206——服务器已经完成了部分用户的GET请求300——请求...

区别IE6,IE7,IE8,FF

区别IE6,IE7,IE8,FF 【区别符号】：「\9」、「*」、「_」【示例】：#tip {background:blue; /*Firefox 背景变蓝色*/background:red \9; /*IE8 背景变红色*/*background:black; /*IE7 背景变黑色*/_background:orange; /*IE6 背景变橘色*/ } ...

原创 有关 JavaScript 的 10 件让人费解的事情

[url]http://news.csdn.net/a/20100217/217053.html[/url]

原创 IE中的条件注释

一、条件注释简介 1. IE中的条件注释（Conditional comments）对IE的版本和IE非IE有优秀的区分能力，是WEB设计中常用的hack方法。 2. 条件注释只能用于IE5以上。 3. 如果你安装了多个IE，条件注释将会以最高版本的IE为标准。 4. 条件注释的基本结构和HTML的注释()是一样的。因此IE以外的浏览器将会把它们看作是普通的注释...