在蓝色看到一篇很好的文章,就赶紧转来了,转完休息去
原文在这里http://www.blueidea.com/tech/web/2008/6262.asp
前不久听到这样一个面试的故事:
面试官:你准备在我们公司做些什么事情?(大致这个意思)
面试人:我准备在公司做网站重构,把原来是table的页面全部重构成css+div的,…
面试官:不好意思,我们的网站都是css+div的,不需要重构了。
面试人:…(无语了)
自从2004年阿捷翻译了《网站重构》这本书,网站重构这个词就慢慢的必成了css+div,甚至等同起来,一些朋友把标准跟重构也混淆了,css+div跟标准也混淆了。这里有很多误读的成份。
无可厚非《网站重构》当时给我们带来了一场革命。我看过部分章节,是本好书。可能是css,div,标准这些词太过于频繁,很多误读的人把网站重构和css+div或者html+css,css+div和标准,标准和重构都等同起来,弄得到底什么是什么,谁也说不清楚。这书出版到现在已经5年了,网站重构到底要多久?
我个人认为这本书始终围绕这一个思想:使用WEB标准重构网站。
前台制作's archives
<转>网站重构到底是什么?
window.onload覆盖问题的解决
最近比较忙,因为打算去外地,所以都在抓紧时间冲电,难得有闲的时间也抓紧看下电影-_!!
好了,费话少说,进入正题,
今天在做页子,一直都用ff,边测试边写…但是页子完成大半,忽然用ie一刷新.蒙了.
好几个函数是全瘫掉.. - -.一下蒙掉,这个页子可花去我快一下午时间啊..
赶紧的去baidu搜,但是一想没关键词啊…
只有无奈的再看代码,忽然发现他们有一共同点…window.onload….
这下有了关键词,用baidu一搜,才晓得答案,
<html>
<head>
<script type=”text/javascript” language=”javascript”>
window.onload=function()
{
alert(“第一次调用“);
}
</script>
</head>
<body>
<script type=”text/javascript” language=”javascript”>
window.onload=function()
{
alert(“第二次调用“);
}
</script>
</body>
</html>
<html>
<head>
<script type=”text/javascript” language=”javascript”>
window.onload=function()
{
alert(“第一次调用“);
}
</script>
</head>
<body>
<script type=”text/javascript” language=”javascript”>
function twofunction()
{
alert(“第二次调用“
);
}
window.attachEvent(’onload’,twofunction);
</script>
,第一段代码第二个onload很成功的覆盖了第一个,于是第一个很可悲的无法运行- -,
第二段代码很正常的两个函数都能运行:)
现在比较下两段代码的不同,您就会知道答案了
不过刚在群里有前辈说attachEvent是IE专有属性,
最好的方法是这样写
window.onload = function()
{
function1;
function2;
}
08.11.13补记:通过jq的$(document).ready()机制也可以解决
计算器制作&知识要点
回头一看- -,9月份都没写日志。
昨天刚忙完,就做了一个web版的计算器,熟悉了下表格跟js。。
在把源码贴出来之前,把这个计算器用到的基本知识点总结下,如果你是高手,那您直接跳过就好了-_!!
document.forms[]属性:一个包含文档中的对象类型是form元素对象。因为在一个文档中不止一个表单,所以表单在document.forms[]属性中以数组的形式存储。数组方括号内的索引号指向数组中的某个元素。为了找出当前文档中有多少form对象,使用:
document.forms.length
比如要访问文档中的一个表单,引用如下:
document.forms[0]
然而—般来说,我们建议使用表单NAME属性中的表单名引用表单,如下形式:
document.formName
两种方法得到相同的对象。当脚本需要在表单中引用元素时,对象的完整地址必须包括document和表单引用。
String.IndexOf 方法 :indexof() :在字符串中从前向后定位字符和字符串;所有的返回值都是指在字符串的绝对位置,如为空则为- 1
string test=”asdfjsdfjgkfasdsfsgfhgjgfjgdddd”;
test.indexof(’d’) =2 //从前向后 定位 d 第一次出现的位置
test.indexof(’d’,1) =2 //从前向后 定位 d 从第三个字符串 第一次出现的位置
test.indexof(’d’,5,2) =6 //从前向后 定位 d 从第5 位开始查,查2位,即 从第5位到第7位;
substr 方法:返回一个从指定位置开始,并具有指定长度的子字符串。
function substr(start : Number [, length : Number]) : String
start 必选。所需的子字符串的起始位置。字符串中第一个字符的索引为 0。
length 可选项。返回的子字符串中包含的字符数。
如果 length 为 0 或负数,将返回一个空字符串。如果没有指定该参数,则子字符串将延续到字符串的结尾。
Web开发设计的五大准则
如果仓促而为,设计一个专题或者网站一定会成为恶梦。Web设计需要遵循一些准则并有计划地去做。
规则 #1 : 先出设计图+ X% S# o* G t+ X9 l! P% O
这是必须的。不要假设设计图在你的头脑中就开始设计web,必须要放到纸上。可以这样做:7 D$ I( [3 \, ]: e- L2 K
1, 拿尺子、笔和纸,按照具体的尺寸一行一行地画下来;( K% f) b4 r# y, d S& X5 p) Y0 ~
2, 记得考虑分界线的长度等,这样才能符合CSS的像素;$ Y/ |8 [3 |3 Z, z$ U/ l8 F
3, 记下设计的每一个细节免得忘记,如果把所有细节都累积到最后将是巨大的麻烦。
规则 #2 :配色
这是设计的核心部分,只有颜色搭配合适才能使你的网页看起来不错。首先要决定的是主色,也即你在网页中多数使用的颜色;然后选择跟主色调搭配的第二颜色;不要选择超过三种颜色不然你的设计看起来会很乱。如果你想要更多的颜色,可以使用浅色或者深色的阴影来搭配主色调。
浏览十个跟你网页有同样主色调的网页; 给几个人看你的配色方案并取得反馈;2 l3 G& U3 M$ y# G$ f9 y ~; j9 _3 T' Y
3, 从浏览的网页和反馈你将更好地完善你的颜色搭配。, l* h! [...]
css小测试:)
刚跟在外地的朋友聊了下,本来说要看下DZ,但是在雨夜看枯燥的php实在看不下去,
就去w3school瞎转悠,做了下小测试:)
尽管很简单,还是错了1道题-_!!实际平时用padding一直是用padding-方向。来表达的,谁晓得他出了个在一行内表示的方法,乱猜了个,结果运气一如既往的差….所以又去翻了下手册,把padding的方向铭记与心,投机取巧可以,但是一样不能忘记苯方法,
padding方向:如果提供全部四个参数值,将按上-右-下-左的顺序作用于四边。如果只提供一个,将用于全部的四条边。如果提供两个,第一个用于上-下,第二个用于左-右。如果提供三个,第一个用于上,第二个用于左-右,第三个用于下。
还有。忽然发现我的css手册是苏昱的老版-。0等下去下个新的,对我这种记性不好的人,下个手册没事儿偷看还蛮省力:)
测试地址有兴趣的同行去看下:http://www.w3school.com.cn/quiz/quiz.asp?quiz=html
Search
Who i am?
Name:王高垒 Age:23
Born in:河南 Live in:河南
Focus on:Web前端,Php语言
本blog采用创作共享版权协议, 要求署名、非商业和保持一致. 本站欢迎任何非商业应用的转载, 但须注明出自本blog, 并请保留原始链接, 此外还必须标注原文标题和链接.
分类
链接
- jQuery中文文档
- Kevin-Online - BI Friend
- Lamp兄弟连 - php相关
- 农历(万年历)查询
- 玛雅不归 - php相关
- 空气博客 - BI Friend
- 西米CC - 前端牛人
存档页
Music
标签
- 中文jQuery API jQuery 北京 垄断 夺宝奇兵4 斯皮尔伯格 安吉丽娜.朱莉 开发 摩根.弗里曼 栅格 正则表达式 洪磊 添加标签 父亲节 番茄花园 知识共享组织 维度 维度 统计 Vdoing 网店办照 解决 计算器 通缉犯 Wanted 功夫熊猫 在线 邀请码 blog CMS 设计 开源 css CSS 命名规则 css 文字 链接 CSS 绝对定位 相对定位 absolute relative css hack display google GOOGLE联盟 googleadsense inline js padding parseFloat PHP position qq QQ 彩虹QQ 河南新闻 runcode plug-in String.prototype 使用 vdoing web window.onload覆盖 wordpress themes



