摘要: 我们知道,根域名其实是没有前导 www 的。举个例子,本站的根域名是 w3cfun.com , 如果我在前面加上一个 www , 那么我的域名看起来是 www.w3cfun.com 事实上后者是一个子域名,这是有 www 与没有 www 的最本质区别。为什么会有 www?我们平时听到的网址都是 www.xxxx.com 的类型,潜意识中就觉得网站就是应该以 www 开头的,因为 www 是 World Wide Web 的所写。其实不然。域名的本质是 IP 地址的别名 (w3cfun to IP address), 也就是说,一个域名不一定要用来做“网站”,而可以是其它的一些目的,例如仅仅是为 阅读全文
posted @ 2012-09-15 15:24 andy joe专注web前端 阅读(2127) 评论(0) 推荐(0) 编辑
摘要: 在某些特殊网页上面,我们不想让用户刷新或者点出右键菜单来,要达到这个功能需要添加一定的javascript代码才能做到,思路:判断用户点击的是哪个按键keycode,从而屏蔽这些按键的功能。但是IE和FF中的event不一样,要经过浏览器判断,包括e.keycode,FF中用的是e.which,经过这些分析后,就能完成禁止某些按钮功能的作用,下面是实例代码:<script language="javascript"> //禁止按键F5 document.onkeydown = function(e){ e = window.event || e; var key 阅读全文
posted @ 2012-09-15 15:14 andy joe专注web前端 阅读(236) 评论(0) 推荐(0) 编辑
摘要: 随着3G的普及,越来越多的人使用手机上网。移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页? 手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素。同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,并不是一件容易的事。 很多网站的解决方法,是为不同的设备提供不同的网页,比如专门提供一个mobile版本,或者iPhone / iPad版本。这样做固然保证了效果,但是比较麻烦,同时要维护好几个版本,而且如果一个网站 阅读全文
posted @ 2012-09-15 14:14 andy joe专注web前端 阅读(172) 评论(0) 推荐(0) 编辑
摘要: offset([coordinates])概述:获取匹配元素在当前视口的相对偏移。返回的对象包含两个整型属性:top 和 left。此方法只对可见元素有效。比如,获取第二段的偏移:HTML 代码:<p>Hello</p><p>2nd Paragraph</p>jQuery 代码:var p = $("p:last"); var offset = p.offset(); p.html( "left: " + offset.left + ", top: " + offset.top );结果 阅读全文
posted @ 2012-09-14 15:34 andy joe专注web前端 阅读(111) 评论(0) 推荐(0) 编辑
摘要: 网页可见区域宽:document.body.clientWidth;网页可见区域高:document.body.clientHeight;网页可见区域宽:document.body.offsetWidth(包括边线和滚动条的宽);网页可见区域高:document.body.offsetHeight(包括边线的宽);网页正文全文宽:document.body.scrollWidth;网页正文全文高:document.body.scrollHeight;网页被卷去的高(ff):document.body.scrollTop;网页被卷去的高(ie):document.documentElement. 阅读全文
posted @ 2012-09-14 15:03 andy joe专注web前端 阅读(174) 评论(0) 推荐(0) 编辑
摘要: 先来看一下要实现的效果css布局思路是在正常的li元素中放置一个正常的a标签,另一个是只放置背景的span标签,两者叠加可以产生出想要的效果。这个效果的关键在于span标签的高度要自动适应,因为可能出现多行文字的情况,而IE6下并不支持height:100%的css用法,目前在本人看开只能用js控制了,但是如果只是为这个小元素写js的话可能会感觉负担太多,当然这是开玩笑的了。如果用到css expression,就可以模拟独立js设置span的高度了,下面来具体说一下css expression:CSS Expressions 俗称 CSS 表达式定义:IE5及其以后版本支持在CSS中使用ex 阅读全文
posted @ 2012-09-11 20:01 andy joe专注web前端 阅读(122) 评论(0) 推荐(0) 编辑
摘要: 在最近做的一个叫入职帮帮 项目中,需要大量的及节点增删操作,稳定性和效果都在要求当中。在快要收尾的时候遇到一个问题,一个节点slideUp()之后实际上并没有删除,必须remove(),但是为了保持效果,采取了先隐藏在删除的做法,这里面就需要用到了setTimeout()这个方法,现在来总结一下js中setTimeout和setInterval这两个看似比较容易混淆的方法。首先讲的是setTimeout()官方定义:setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式;语法:setTimeout(code,milliseconds)括号里两个都是必须的参数(code:要调用的 阅读全文
posted @ 2012-09-11 16:46 andy joe专注web前端 阅读(178) 评论(0) 推荐(0) 编辑
摘要: 正则表达式的定义?无论是网页编程还是其他编程,都无可避免的要处理字符串,但是有的复杂字符串并不适合用所用语言去处理,比如说注册的时候限定输入格式,web前后端交互的时候处理提交 的数据,在某些情况下,字符串的处理至关重要,但是人们又不想使用复杂的语法去实现这个功能,而强大的正则表达式提供了一个很好的解决方法,这可能和windows或者linux操作性体统中的查找有点类似。正则表达式常见用法:1、正则表达式中强大的元字符查找一个简单的单词比如精确查找我的英文名chou,那么应该使用\bchou\b来查询(\b是正则表达式中的一个特殊代码,代表单词的开头或者结束也就是分词处),在比如去匹配两个分开 阅读全文
posted @ 2012-09-07 17:02 andy joe专注web前端 阅读(153) 评论(0) 推荐(0) 编辑
摘要: for (var i = 0; i <= 6; i++) { color = 'rgb(' + hue[i][0] + ', ' + hue[i][1] + ', ' + hue[i][2] + ')'; gradient.addColorStop(i * 1/6, color); }有六种颜色,线性渐变,不知道这个循环是什么怎么工作的 阅读全文
posted @ 2012-01-31 23:07 andy joe专注web前端 阅读(127) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2012-01-30 11:33 andy joe专注web前端 阅读(309) 评论(0) 推荐(0) 编辑