2013年4月1日
摘要: js 正则什么是正则表达式?这个问题可以参见:“正则表达式30分钟入门教程”,很多编程语言都支持正则表达式,本文仅仅讨论JavaScript中的正则表达式。创建一个正则表达式第一种方法:var reg = /pattern/;第二种方法:var reg = new RegExp('pattern');正则表达式的exec方法简介语法:reg.exec(str);其中str为要执行正则表达式的目标字符串。例如:将会输出test,因为正则表达式reg会匹配str(‘testString’)中的’test’子字符串,并且将其返回。我们使用下面的函数来做匹配正则的练习:function 阅读全文
posted @ 2013-04-01 10:16 李东振 阅读(268) 评论(0) 推荐(0) 编辑
摘要: 一、响应式布局 相应式布局的核心内容其实就是使用CSS3引入的MediaQuery模块。它的意思就是,自动探测屏幕宽度,然后加载相应的CSS文件。<linkrel=”stylesheet” type=”text/css”media=”screen and(max-device-width: 400px)”href=”tinyScreen.css” />上面的代码意思是,如果屏幕宽度小于400像素(max-device-width:400px),就加载tinyScreen.css文件。<P><linkrel=”stylesheet” type=”text/css”m 阅读全文
posted @ 2013-04-01 10:15 李东振 阅读(222) 评论(0) 推荐(0) 编辑
摘要: 原名《移动平台3G手机网站前端开发布局技巧汇总》,由武方博整理的,让我们了解下移动设备上的WEB站点开发的基础知识,多些时间和精力去优化其他细节,我这里对原文的标签格式做了细微的调整,阅读查看起来明晰些,原文如下:-----------华丽的分割线-------------您或许正在或准备参与一个WepApp项目,您或许正在Google搜索mobile development相关的文章,您或许是一名专业的WEB前端工程师,您或许想学习Mobile前端开发方面的技术,如果您被我说中了,呵呵那么这篇 文章将为您带来意想不到的惊喜!当您看到这篇文章时,哥已经默认认为您是一名资深的WEB前端工程师,如 阅读全文
posted @ 2013-04-01 10:14 李东振 阅读(182) 评论(0) 推荐(0) 编辑
摘要: 本文所使用的技巧是用了一条 Internet Explorer 的 CSS 表达式 (expression) 。你不可以直接使用该表达式,因为它可能会因为缓存而不更新。解决这一点的最简单的方式是使用 eval 包裹你的语句。如何解决“振动”的问题?显然 IE 有一个多步的渲染进程。当你滚动或调整你的浏览器大小的时候,它将重置所有内容并重新渲染页面,这个时候它就会重新处理 CSS 表达式。这会引起一个丑陋的“振动” bug ,在此处固定位置的元素需要调整以跟上你的(页面的)滚动,于是就会“跳动”。 解 决此问题的技巧就是使用 background-attachment:fixed 为 body 阅读全文
posted @ 2013-04-01 10:13 李东振 阅读(192) 评论(0) 推荐(0) 编辑
摘要: 验证QQ号码<inputtype="text"value="1321"onblur="alert(/^[1-9]\d{4,9}$/.test(this.value))">cript表单验证年龄href="http://www.ijavascript.cn/yanzheng/validate-198.html"<<b>JavaScript表单验证年龄JavaScript表单验证年龄,判断一个输入量是否符合年龄,通过正则表达式实现。//检查年龄function isAge(str){ va 阅读全文
posted @ 2013-04-01 10:12 李东振 阅读(332) 评论(0) 推荐(0) 编辑
摘要: 浮动(float),一个我们即爱又恨的属性。爱,因为通过浮动,我们能很方便地布局;恨,浮动之后遗留下来太多的问题需要解决,特别是IE6-7(以下无特殊说明均指 windows 平台的IE浏览器)。也许很多人都有这样的疑问,浮动从何而来?我们为何要清除浮动?清除浮动的原理是什么?本文将一步一步地深入剖析其中的奥秘,让浮动使用起来更加得心应手。一、清除浮动 还是 闭合浮动 (Enclosing floator Clearing float)?很多人都已经习惯称之为清除浮动,以前我也一直这么叫着,但是确切地来说是不准确的。我们应该用严谨的态度来对待代码,也能更好地帮助我们理解开头的三个问题。1)清除 阅读全文
posted @ 2013-04-01 10:11 李东振 阅读(177) 评论(0) 推荐(0) 编辑
摘要: 原文地址:Javascript中批量定义CSS样式-cssText属性作者:APJE给一个html元素设置css属性,传统做法:var mybox= document.getElementByIdx("mybox");mybox.style.width ="200px";mybox.style.height ="70px";mybox.style.display ="block";这样写很烦,尤其是很多的时候,一个样式一行,天啊,那是很大的工作量!这时候可以使用cssText属性使用cssText属性,想怎么写就怎 阅读全文
posted @ 2013-04-01 10:10 李东振 阅读(238) 评论(0) 推荐(0) 编辑
摘要: div{height:auto!important;height:110px;min-height:110px;} 阅读全文
posted @ 2013-04-01 10:09 李东振 阅读(263) 评论(0) 推荐(0) 编辑
摘要: CSS Hack的原理是什么CSS Hack大致有3种表现形式,CSS类内部Hack、选择器Hack以及HTML头部引用(if IE)Hack,CSS Hack主要针对IE浏览器。类内部Hack:比如 IE6能识别下划线"_"和星号" * ",IE7能识别星号" * ",但不能识别下划线"_",而firefox两个都不能认识。等等选择器Hack:比如 IE6能识别*html .class{},IE7能识别*+html .class{}或者*:first-child+html .class{}。等等HTML头部引用( 阅读全文
posted @ 2013-04-01 10:08 李东振 阅读(435) 评论(0) 推荐(0) 编辑
摘要: 相信从事前端开发的朋友对IE6都是深恶痛绝,恨不得先杀后J,然后再大卸八块以解心头只恨。虽然是这么可恶的一个浏览器,但是IE6迄今为止的市 场占有率仍然很高,截止2009年8月份的市场占有率仍然有25%之多。那么今天创意灵犀通过翻译国外的译文对IE6的兼容问题进行总结概括。难免有疏漏 之处,如若您有更好的建议,欢迎在回复中提出,我会及时加以补充。1.前言:考虑浏览器的兼容性,我们要做的首先一定要简洁,如果你的布局太复杂,兼容性就更加难以做到。其次,我们要实用合适的文档声明,因为没有声明的情况下,IE6会出现很多怪异的问题。W3CSCHOOL指出,XHTML1.0中文档声明包括以下三种:Fram 阅读全文
posted @ 2013-04-01 10:07 李东振 阅读(182) 评论(0) 推荐(0) 编辑