前台制作's archives

<转>网站重构到底是什么?

Posted by Allan.Wang in 12月 3rd 2008

在蓝色看到一篇很好的文章,就赶紧转来了,转完休息去
原文在这里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标准重构网站。

Continue reading " <转>网站重构到底是什么? "

No Comment

under: 前台制作
Tags: 网站重构

window.onload覆盖问题的解决

Posted by Allan.Wang in 10月 29th 2008

最近比较忙,因为打算去外地,所以都在抓紧时间冲电,难得有闲的时间也抓紧看下电影-_!!
好了,费话少说,进入正题,
今天在做页子,一直都用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()机制也可以解决

Continue reading " window.onload覆盖问题的解决 "

No Comment

under: 前台制作
Tags: window.onload覆盖, 解决

计算器制作&知识要点

Posted by Allan.Wang in 09月 13th 2008

回头一看- -，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 或负数，将返回一个空字符串。如果没有指定该参数，则子字符串将延续到字符串的结尾。

Continue reading " 计算器制作&知识要点 "

No Comment

under: 前台制作
Tags: js, parseFloat, 计算器

Web开发设计的五大准则

Posted by Allan.Wang in 08月 28th 2008

如果仓促而为，设计一个专题或者网站一定会成为恶梦。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! [...]

Continue reading " Web开发设计的五大准则 "

No Comment

under: 前台制作
Tags: web, 开发

css小测试:)

Posted by Allan.Wang in 08月 17th 2008

刚跟在外地的朋友聊了下，本来说要看下DZ，但是在雨夜看枯燥的php实在看不下去，
就去w3school瞎转悠，做了下小测试：）
尽管很简单，还是错了1道题-_!!实际平时用padding一直是用padding-方向。来表达的,谁晓得他出了个在一行内表示的方法，乱猜了个，结果运气一如既往的差….所以又去翻了下手册，把padding的方向铭记与心，投机取巧可以，但是一样不能忘记苯方法，
padding方向：如果提供全部四个参数值，将按上－右－下－左的顺序作用于四边。如果只提供一个，将用于全部的四条边。如果提供两个，第一个用于上－下，第二个用于左－右。如果提供三个，第一个用于上，第二个用于左－右，第三个用于下。
还有。忽然发现我的css手册是苏昱的老版-。0等下去下个新的，对我这种记性不好的人，下个手册没事儿偷看还蛮省力：）

测试地址有兴趣的同行去看下：http://www.w3school.com.cn/quiz/quiz.asp?quiz=html

Continue reading " css小测试:) "

No Comment

under: 前台制作
Tags: css, padding

« Older Entries