尽然有js写的操作系统,开发者才记得这些

尽然有js写的操作系统,开发者才记得这些

唯有 90 时期的 Web 开发者才记得那个

2016/04/26 · 基本功技术 ·
2 评论 ·
WEB

本文由 伯乐在线 –
dcscodelife
翻译,艾凌风
校稿。未经许可,禁止转发!
英文出处:holman。欢迎加入翻译组。

你早就强行把 <blink> 标签放入
<marquee> 标签吗?近来Pique斯动画工作室获得了独具荣誉,不过在 90
时期那几个做法则是计算机动画的宏伟创举。通过整合二种标签,你变成了3个前任。二个新意无限的人。二个令全体人都崇拜的人。

在 90 时期,你已经是三个网页开发者。

在即时,你领会自身是二个脍炙人口的人选。伴随你而来的是极端多量的技术革新,从那时候初叶,大家还没赶趟做出喜好,技术就曾经上马复制开来了。

让我们先放下 jQuery,抛开非关系型数据库不谈:我们有更关键的事情要探讨。

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“;
<html xmlns=”;
<HEAD>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″
/>
<TITLE>『{$Think.config.web_name}管理平台』By ThinkPHP
{$Think.version}</TITLE>
<load 
file=”../Public/css/{$Think.config.web_css_style|getDefaultStyle}.css”
/>
<style>
html{overflow-x : hidden;}
</style>
<base target=”main” />
</HEAD>

1×1.gif

1×1.gif
应有赢得巨大的格莱美大奖。也许普利策新闻奖。可能类似三年级体育课上发表的一流升高奖。除了链式链表,它是电脑科学史上最根本的完成。它不是我们应得的前程,而是大家供给的未来(直到盒子模型彻底取代了它)。

要是您还没不熟悉我们的 1×1.gif 小把戏,请看下边:

图片 1

你能看到它吧,让我们加大学一年级些:

图片 2

The 1×1.gif

以此 1×1.gif – 要么 spacer.gif,恐怕 transparent.gif –
仅仅是一个长度宽度都以3个像素的晶莹 GIF 图像。

JavaScript

<IMG SRC=”/1×1.gif” WIDTH=150 HEIGHT=250>

1
<IMG SRC="/1×1.gif" WIDTH=150 HEIGHT=250>

经过地点的代码,你能够把成分放置在页面包车型大巴其它岗位上。

JavaScript

<TABLE> <TR> <TD><IMG SRC=”1×1.gif” WIDTH=300>
<TD><FONT SIZE=42>Hello welcome to my
<MARQUEE>Internet Web Home</MARQUEE></FONT>
</TR> <TR> <TD BGCOLOR=RED><IMG
SRC=”/cgi/webcounter.cgi”> </TR> </TABLE>

1
2
3
4
5
6
7
8
9
<TABLE>
  <TR>
    <TD><IMG SRC="1×1.gif" WIDTH=300>
    <TD><FONT SIZE=42>Hello welcome to my <MARQUEE>Internet Web Home</MARQUEE></FONT>
  </TR>
  <TR>
    <TD BGCOLOR=RED><IMG SRC="/cgi/webcounter.cgi">
  </TR>
</TABLE>

1×1.gif
让你毫不费力地在页面包车型客车别的位放置成分。直到明天了却,它照旧是唯一的垂直居相月素的格局。

JavaScript

          

1
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

图形对于你而言是或不是太高档了?《HTML For Dummies》是还是不是截止第六章才介绍
<IMG> 标签?现在好了,你是幸亏的:&nbsp; 标签来了!

您能够对协调说,“我理解全数 HTML
实体编码。这几个弱不禁风的帅哥来那边干嘛的?”

听着,作者亲近的灵气的可喜的读者朋友,那是三个现行反革命的小伙子没有给予丰富重视的换代:不断重复
&nbsp;。很像 1×1.gif 的小把戏,你能自由地扩张 &nbsp;
并用在任何你要求的地点:

JavaScript

PLEASE SIGN <BR>       MY GUESTBOOK
BELOW: <HR><HR>

1
2
3
PLEASE SIGN  <BR>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;MY GUESTBOOK BELOW:
<HR><HR>

在 90 时期,假使自身每写下三个 &nbsp;
就取得五美分,作者就会有丰裕的钱支付来自U.S.在线的每月超额支出账单了。

// JS/UIX v0.44
// (c) mass:werk (N.Landsteiner) 2003
// all rights reserved

<body >
<div id=”menu” >
<TABLE cellpadding=0 cellspacing=0 >
<tr>
 <td height=’5′ colspan=7 ></td>
</tr>
<TR >
 <th ><IMG SQX56C=”../Public/images/home.gif” WIDTH=”16″
HEIGHT=”16″ BOLacrosseDE哈弗=”0″ ALT=”” align=”absmiddle”> <present
name=”Think.get.title”>
{$Think.get.title}</present><notpresent
name=”Think.get.title”>后台首页</notpresent> </th>
</TR>
<iterate id=”item” name=”menu” >
<eq name=”item[‘group_id’]” value=”$menuTag”>
<eq name=”item[‘access’]” value=”1″ >
<TR >
 <TD><div ><IMG SRC=”../Public/images/comment.gif”
WIDTH=”9″ HEIGHT=”9″ BORDER=”0″ align=”absmiddle” ALT=””> <A
name’]}/index/”
id=”{$key}”>{$item[‘title’]}</A></div></TD>
</TR>
</eq>
</eq>
</iterate>
<tr>
 <td height=’5′ colspan=7 ></td>
</tr>
</TABLE>
</div>
<script language=”JavaScript”>
<!–
 function refreshMainFrame(url)
 {
  parent.main.document.location = url;
 }

点下划线,边界效应

在 HTML 快走到他的金子时期的漏洞时,CSS
登场了,它推动了2个剧情和样式分离的社会风气,从此大家也初始不停地拍卖灾祸。

首当其冲地自然是用 CSS
来删除链接的下划线效果。一夜之间,整个因特网都陷入了这几个措施所带来的泥泞之中,文本看起来像链接,链接看起来像文本。你不明白点哪儿,不过银白并没有频频多长期,因为大家注明了光标效果(你还未曾活到你的鼠标有十二个火球尾巴的时候)。

尖端技术的采纳是这般鲜明,以至于差不离我们全数人都从一开首就利用
CSS。小编居然在 三千 年的一份 index.shtml(对,正是SSI)文书档案中发现了证据:

JavaScript

<style type=”text/css”> <!– a:hover {text-decoration: none;
color: #000000} –> </style>

1
2
3
4
5
<style type="text/css">
<!–
a:hover {text-decoration: none; color: #000000}
–>
</style>

就是它了!当然,那是 CSS
的内嵌样式。那个样式使您的鼠标滑过链接时,删除链接的下划线并且链接的文字变黑。从此,交互式网站诞生了。

// term gui

 if (document.getElementsByTagName(“a”)[0].href)
 {
refreshMainFrame(document.getElementsByTagName(“a”)[0].href);  
 }
//–>
</script>
</body>
</html>

DHTML 动态超文本标记语言

就在大家具备了剔除链接下划线的技艺后,我们决定把它和二个无敌功效结合起来,那个效应便是在页面加载的时候弹出1个新闻框
alert("Welcome to my website!")。组合 CSS 和 JavaScript
的双面力量,大家获取了三个技能怪兽:DHTML。

DHTML,表示“分布式
HTML”,那是网页开发工具的参天成就。它将忍受住时间的考验,它能够使大家落到实处无数效果,比如雪花从页面顶部飘落下来,恐怕创制可折叠的菜谱,动态的图样地图,又可能除了选拔语义标签
<div>,大家还是能自定义 <marquee> 标签。

DHTML 援救 Web 开发从业余爱好发展到三个成熟的标准领域。类似 Dynamic
Drive 那样的网站使你能够只是经过复制粘贴一个 50
行的代码块,就能够化解其余难点,而不供给团结再思索立异的消除办法。实际上,
DHTML 正是十一分时代的 推特(Twitter) Bootstrap 框架。

var conf_term_x=102;
var conf_term_y=34;
var conf_kbd_offset=34;
var termImgPath=’jsuix_support/’;
var termDiv=’termDiv’;
var termBgColor=’#181818′;
var termFrameColor=’#555555′;
var termPageColor=’#222222′;
var conf_repeat_delay1=320;
var conf_repeat_delay2=170;


像素字体

非常时期的电脑显示器不是非常的大。作者的意趣是,就算自从阴极射线管显示屏 C昂CoraT
诞生后,显示器的尺码的确非常大,可是它们的分辨率不高。由此,为了丰盛利用像素,大家必须用
6 个像素点来代表任意字符。

图片 3

从字里行间大家得以见见,当面对着那一个简单的无法再简单的字体,并且当发现到这个字体都是由像素结合的时候,Web
开发者们会渴望成为一个漫书法家。所以您会在运转画面上阅览那六个奇怪的等距像素插图,那几个开发者的时间和金钱假如投到那多少个新上市的互连网集团会生出愈来愈多的价值,而不是荒废在安装
Photoshop 软件上。

var termKbdDiv=’termKbdDiv’;
var termKbdBgColor=’#222222′;
var keycapspath=’jsuix_support/keycaps/’;

按钮

自笔者深信芸芸众生据此讨厌IE浏览器,都以因为IE浏览器抛弃了当年那种最纯粹的楷模

IE 4.0 是浏览器的一视同仁化身。它抱有动态桌面。拥有通道
Channels。对,正是高大的大道,那是最酷的技艺,在此之前根本没有在市镇上被运用过,一点都尚未。总的来说,IE
4 太可心如意了,无论你是或不是喜欢它,你都应该把它装到你的总计机上。

当你属于精英团队时,你浓密精晓完美的市场股票总值,你有一种与生俱来的喜悦,你想告诉每二个您遇见的人你的控制。你,也但是唯有你有须求严正地做1个英雄的支配。比如决定你的客户使用什么浏览器浏览你的网站。

图片 4

那几个按钮历历可知。就好像军人服装上的绶带:向人们揭穿着她们为了方今的荣誉,曾经是什么努力战斗的传说。换句话说,无论你用哪一个编辑器(当然是
FrontPage 98),无论你的 Web 服务器是哪些(傻瓜,当然是
GeoCities),无论是 Web
环的哪些部分(这些按钮无论怎么着都将增加你的网站排行)

自个儿挂念那段美好的时节。最近我们在
Javascript上拓展抽象,在空虚之上又开始展览抽象。大家甚至都不清楚哪些准确地展开测算。每当想起大家什么走到今日这一步,都令人非常震惊。

让大家自豪地举起酒杯,帮大家四个忙:复制一堆 &nbsp;
到您的下一个代码提交中,让您的团体成员大吃一惊吧。

1 赞 收藏 2
评论

var termSubDivs=false;
var termLayers=false;
var termDocNS4=null;
var termStringStart=”;
var termStringEnd=”;

至于我:dcscodelife

图片 5

简介还没赶趟写 :)
个人主页 ·
小编的小说 ·
10 ·
 

图片 6

var termKbdDocNS4=null;
var termKbdOn=false;
var keycapsShift=false;
var keycapsCpslk=false;
var keycapsShiftRef=new Array();
var keycapsCpslkRef=new Array();

var termSpecials=new Array();
termSpecials[0]=’ ‘;
termSpecials[1]=’$’;
termSpecials[2]=’ ‘;
termSpecials[3]=’?’;
termSpecials[4]=’#’;
termSpecials[32]=’ ‘;
termSpecials[34]='”‘;
termSpecials[38]=’&’;
termSpecials[60]='<‘;
termSpecials[62]=’>’;
termSpecials[127]=’◊’;

var termStyles=new Array(1,2,4,8);
var termStyleOpen=new Array();
var termStyleClose=new Array();
termStyleOpen[1]='<SPAN CLASS=”termReverse”>’;
termStyleClose[1]='<\/SPAN>’;
termStyleOpen[2]='<U>’;
termStyleClose[2]='<\/U>’;
termStyleOpen[4]='<I>’;
termStyleClose[4]='<\/I>’;
termStyleOpen[8]='<STRIKE>’;
termStyleClose[8]='<\/STRIKE>’;

// buttons UI

var termImgNames=new Array(‘left_lo’, ‘left_hi’, ‘right_lo’, ‘right_hi’, ‘delete_lo’, ‘delete_hi’, ‘esc_lo’, ‘esc_hi’, ‘kbd_show_lo’, ‘kbd_show_hi’, ‘kbd_hide_lo’, ‘kbd_hide_hi’);
var termImages=new Array();

function termImgPreload(path,imgnames) {
    for (var i=0; i<imgnames.length; i++) {
        var n=imgnames[i];
        termImages[n]=new Image();
        termImages[n].src=path+n+’.gif’
    }
}

if (document.images) termImgPreload(termImgPath,termImgNames);

function termSetImg(n,v) {
    if (document.images) {
        var img=(termLayers)? termDocNS4.images[‘term_’+n] : document.images[‘term_’+n];
        var stat=(v)? ‘_hi’ : ‘_lo’;
        img.src=termImages[n+stat].src
    }
}

// UI keyboard
// key maps (200=left shift, 202=right shift, 204=CpsLock)

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图