国产欧美久久一区二区三区,欧美另类自拍,粉嫩精品导航导航

请不要做��躁的�h �Q��{自叶枫）

��奇 — Sun, 08 Apr 2007 01:44:00 GMT

请不要做��躁的�h
1.不要看到别�h的回复第一句话��p��Q�给个代码吧�Q�你应该��x��Z��么。当你自己想
出来再参考别人的提示�Q�你��q��道自己和别�h思�\的差异�?nbsp;
2.初学者请不要看太多太多的书那会误人子弟的�Q�先找本�pȝ��的学�Q�很多�h用了很久
都是只对部分功能熟悉而已�Q�不�pȝ��q�是不够的�?nbsp;
3.看帮�?不要因�ؓ很难而自己是初学者所以就不看�Q�帮助永�q�是最好的参考手册，
虽然帮助的文字有时候很隄��懂，总觉得不够直观�?nbsp;
4.不要被对象、属性、方法等词汇所�q�h��Q�最�Ҏ��的是先了解最基础知识�?nbsp;
5.不要放过��M��一个看上去很简单的��问�?-他们往往�q�不那么��单，或者可以引�?nbsp;
出很多知识点�Q�不会�D一反三你就永远学不会�?nbsp;
6.知道一点东西，�q�不能说明你会写脚本�Q�脚本是需要经验积累的�?nbsp;
7.学脚本�ƈ不难�Q�JSP、ASP、PHP�{�等也不�q�如�?-隄��是长期坚持实践和不遗余力的博�?nbsp;
��书�Q?nbsp;
8.看再多的书是学不全脚本的�Q�要多实�?nbsp;
9.把时髦的技术挂在嘴边，�q�不如把�q�时的技术记在心里；
10.学习脚本最好的�Ҏ��之一��是多练习；
11.在�Q何时刻都不要认�ؓ自己手中的书已经��_��了；
12.看得懂的书，请仔�l�看�Q�看不懂的书�Q�请��着头皮看；

13.别指望看�W�一遍书��p��C��和掌握什么——请看第二遍、第三遍�Q?nbsp;
14.��h��书上的例子亲手到电脑上实践，即��配套光盘中有源文�Ӟ��
15.把在书中看到的有意义的例子扩充；�q�将其切实的�q�用到自��q��工作中；
16.不要漏掉书中��M��一个练习——请全部做完�q�记录下思�\�Q?nbsp;
17.当你用脚本到一半却发现自己用的�Ҏ��很拙劣时�Q�请不要马上停手�Q�请��快��余
下的部分�_�略的完成以保证�q�个代码的完整性，然后分析自己的错误�ƈ重新�~�写和工
作�?nbsp;
18.别心急，写脚本确实不�Ҏ��Q�水�q�x��在不断的实践中完善和发展的；
19.每学��C��个脚本难点的时候，��试着对别��解这个知识点�q�让他理�?---你能
讲清楚才说明你真的理解了�Q?nbsp;
20.记录下在和别��Z��时发现的自己忽视或不理解的知识点；
21.保存好你做过的所有的源文�?---那是你最好的�U�篏之一�Q?nbsp;
22.对于�|�络�Q�还是希望大家能多利用一下，很多问题不是非要到论坛来问的�Q�首�?nbsp;
你要学会自己扄��案，比如google、百度都是很好的搜烦引擎�Q�你只要输入关键字就
能找到很多相兌��料，别老是�{�待别�h�l�你希望�Q�看的出你��^时一定也很懒�Q?nbsp;
23�Q�到一个论坛，你学会去看以前的帖子�Q�不要什么都不看��发帖子问，也许你的�?nbsp;
题早��有人问�q�了�Q�你再问�Q�别人已�l�不惛_��重复了，做�ؓ初学者，谁也不希望自�?nbsp;
的帖子没人回的�?nbsp;
24�Q�虽然不是打��d��学者，但是�q�句话还是要��_��论坛论坛�Q�就是大家讨论的地方�Q?nbsp;
如果你��L��望有高手��L��偿指点你�Q�除非他是你亲戚�Q�！讨论者，��L��是水�q�相当的
才有讨论的说法，如果水��^真差距太�q�了�Q�连基本操作都需要别人给解答�Q�谁�q�跟�?nbsp;
讨论呢�?nbsp;

��躁的�h�Ҏ��问：我到底该学什么；----别问�Q�学��对了；
��躁的�h�Ҏ��问：Js有钱途吗�Q?---��你去抢银行；
��躁的�h�Ҏ��_��我要中文版！我英文不行！----不行�Q�学呀�Q?nbsp;
��躁的�h分两�U�：只观望而不学的人；只学而不坚持的�h�Q?nbsp;
��躁的�h永远不是一个高手�?/strong>

��奇 2007-04-08 09:44 发表评论

BACKGROUND IMAGES AND IMAGE REPLACEMENT

��奇 — Tue, 03 Apr 2007 06:44:00 GMT

在这章我们将学习刎ͼ�

1.Fixed- and flexible-width rounded-corner boxes
2.The sliding doors technique
3.Mountaintop corners
4.CSS drop shadows
5.PNG transparency support for Internet Explorer 5.x and above
6.Image replacement

基本的背景图�?/strong>

body {
background:url(pattern.gif);
}

body {
background: #ccc url(gradient.gif) repeat-x;
}

#branding {
width: 700px;
height: 200px;
background:url(/images/branding.gif) no-repeat;
}

h1 {
padding-left: 30px;
background: url(/images/bullet.gif) no-repeat left center;
}

h1 {
padding-left: 30px;
background: url(/images/bullet.gif) no-repeat 0 50%;
}

Rounded-corner boxes

.box {
width: 418px;
background: #effce7 url(images/bottom.gif) no-repeat left bottom;
}
.box h2 {
background: url(images/top.gif) no-repeat left top;
}
.box h2 {
padding: 10px 20px 0 20px;
}
.box p {
padding: 0 20px 10px 20px;
}

Headline

Content

.box {
width: 424px;
background: url(images/bg-tile.gif) repeat-y;
}
.box h2 {
background: url(images/bg-top.gif) no-repeat left top;
padding-top: 20px;
}
.box .last {
background: url(images/bg-bottom.gif) no-repeat left bottom;
padding-bottom: 20px;
}
.box h2, .box p {
padding-left: 20px;
padding-right: 20px;
}

Headline

Content

Flexible rounded-corner box

.box {
width: 20em;
background: #effce7 url(images/bottom-left.gif)
no-repeat left bottom;
}
.box-outer {
background: url(images/bottom-right.gif) no-repeat right bottom;
padding-bottom: 5%;
}
.box-inner {
background: url(images/top-left.gif) no-repeat left top;
}
.box h2 {
background: url(images/top-right.gif) no-repeat right top;
padding-top: 5%;
}
.box h2, .box p {
padding-left: 5%;
padding-right: 5%;
}

Headline

Content

Mountaintop corners

.box {
width: 20em;
background: #effce7 url(images/bottom-left.gif)
no-repeat left bottom;
}
.box-outer {
background: url(images/bottom-right.gif) no-repeat right bottom;
padding-bottom: 5%;
}
.box-inner {
background: url(images/top-left.gif) no-repeat left top;
}
.box h2 {
background: url(images/top-right.gif) no-repeat right top;
padding-top: 5%;
}
.box h2, .box p {
padding-left: 5%;
padding-right: 5%;
}

Headline

Content

Drop shadows

Easy CSS drop shadows

.img-wrapper {
background: url(images/shadow.gif) no-repeat bottom right;
clear: right;
float: left;
}
.img-wrapper img {
margin: -5px 5px 5px -5px;
}
height="300" alt="Dunstan Orchard" />

.img-wrapper img {
background-color: #fff;
border: 1px solid #a9a9a9;
padding: 4px;
margin: -5px 5px 5px -5px;
}

.img-wrapper {
background: url(images/shadow.gif) no-repeat bottom right;
clear: right;
float: left;
position: relative;
}
.img-wrapper img {
background-color: #fff;
border: 1px solid #a9a9a9;
padding: 4px;
display: block;
margin: -5px 5px 5px -5px;
position: relative;
}

Drop shadows a la Clagnut

.img-wrapper {
background: url(images/shadow.gif) no-repeat bottom right;
float:left;
line-height:0;
}
.img-wrapper img {
background:#fff;
padding:4px;
border:1px solid #a9a9a9;
position:relative;
left:-5px;
top:-5px;
}

Fuzzy shadows

.img-wrapper {
background: url(images/shadow.gif) no-repeat right bottom;
float: left;
}
.img-wrapper div {
background: url(images/mask.png) no-repeat left top !important;
background: url(images/mask.gif) no-repeat left top;
padding: 0 5px 5px 0;
float: left; /* :KLUDGE: Fixes problem in IE5.2/Mac */
}
.img-wrapper img {
background-color: #fff;
border: 1px solid #a9a9a9;
padding: 4px;
}

Onion skinned drop shadows

.img-wrapper {
background:url(images/shadow.gif) no-repeat right bottom;
float: left;
}
.img-outer {
background:url(images/bottom-left2.gif) no-repeat left bottom;
float: left; /* :KLUDGE: Fixes problem in IE5.2/Mac */
}
.img-inner {
background:url(images/top-right2.gif) no-repeat top right;
padding: 0 5px 5px 0;
float: left; /* :KLUDGE: Fixes problem in IE5.2/Mac */
}
.img-wrapper img {
background-color: #fff;
border: 1px solid #a9a9a9;
padding: 4px;
display: block;
}

alt="Dunstan" />

Image replacement

Fahrner Image Replacement (FIR)

h2 {
background:url(hello_world.gif) no-repeat;
width: 150px;
height: 35px;
}
span {
display: none;
}

Hello World

Phark

h2 {
text-indent: -5000px;
background:url(hello_world.gif) no-repeat;
width: 150px;
height:35px;
}

Hello World

Gilder/Levin method

h2 {
width: 150px;
height: 35px;
position: relative;
}
h2 span {
background: url(hello_world.gif) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}

Hello World

��奇 2007-04-03 14:44 发表评论

VISUAL FORMATTING MODEL RECAP

��奇 — Mon, 02 Apr 2007 08:49:00 GMT

在这章我们将学习刎ͼ�

1.盒子模式的复杂和特征
2.怎样�q�且��Z��么页边空白收�~?br>3.�l�对位置和相对位�|�的不同
4.floating �?clearing怎样工作

Box model recap

* {
margin: 0;
padding: 0;
}

#myBox {
margin: 10px;
padding: 5px;
width: 70px;
}

Margin collapsing

Positioning recap

Relative positioning 相对位置

#myBox {
position: relative;
left: 20px;
top: 20px;
}

Absolute positioning �l�对位置

#branding {
width: 700px;
height: 100px;
position: relative;
}
#branding .tel {
position: absolute;
right: 10px;
bottom: 10px;
text-align: right;
}

Tel: 0845 838 6163

Floating

Line boxes and clearing

.news {
background-color: gray;
border: solid 1px black;
}
.news img {
float: left;
}
.news p {
float: right;
}

Some text

.news {
background-color: gray;
border: solid 1px black;
}
.news img {
float: left;
}
.news p {
float: right;
}
.clear {
clear: both;
}

Some text

更简��L��Ҏ��如下:

.news {
background-color: gray;
border: solid 1px black;
float: left;
}
.news img {
float: left;
}

.news p {
float: right;
}

Some text

��奇 2007-04-02 16:49 发表评论

css mastery ��M��W�记

��奇 — Sat, 31 Mar 2007 11:18:00 GMT

让我们开始阅读这本书

我所用的工具

UltraEdit

IE ��览�?/p>
�W?章�?打下基础

在这章我们将学习刎ͼ�

1.一个好的结构的重要性和有意义的文档
2.�~�写最优方�?br />3.共有的编写错�?br />4.文档�c�d��Q�DOCTYPE switching和浏览器样式
5.建立自己的样�?br />6.层叠�Q�特征和�l�承

(X)html包括很多元素。例�?/p>
h1,h2,..
ul,ol,dl
strong,em
blockquote,cite
abbr,acronym,code
fieldset,legend,label
caption,thead,tbody,tfoot

IDs 和类�?class names)

Home

About Us

Contact

Divs �?spans

Home

About Us

Contact

��?/p>

Home

About Us

Contact

Where’s Durstan?

Published on March 22nd, 2005
by Andy Budd

DOCTYPE switching
(X)HTML 文档遵��@的文档类型定�?DTD)�?/p>
"

"

"

建立自己的样�?/font>

Common selectors

Type selectors

p {color: black;}
a {text-decoration: underline;}
h1 {font-weight: bold;}

descendant selectors

li a {text-decoration: none;}

ID and class selectors

#intro {font-weight: bold;}
.datePosted {color: green;}
Some Text

24/3/2006

#mainContent h1 {font-size: 1.8em;}
#secondaryContent h1 {font-size: 1.2em;}

Welcome to my site

...

Latest news

...

Pseudo-classes

/* makes all unvisited links blue */
a:link {color:blue;}

/* makes all visited links green */
a:visited {color:green;}

/* makes links red when hovered or activated */
a:hover, a:active {color:red;}

/* makes table rows red when hovered over */
tr:hover {background-color: red;}

/* makes input elements yellow when focus is applied */
input:focus {background-color:yellow;}

IE 6 �?:focus不支�?/p>
The universal selector

* {
padding: 0;
margin: 0;
}

Advanced selectors

Child and adjacent sibling selectors

#nav > li {font-weight: bold;}

Home

Services

Design

Development

Consultancy

Contact Us

覆盖
#nav li {font-weight: bold;}
#nav li * {font-weight: normal;}

��q��
h1 + p {font-weight: bold;}
Main Heading

First Paragraph

Second Paragraph

Attribute selectors

CSS

abbr[title] {border-bottom: 1px dotted #999;}
abbr[title]:hover {cursor: help;}

a[rel="nofollow"] {
background-image: url(nofollow.gif);
padding-right: 20px;
}

.intro {border-style: solid;}
[class="intro"] {border-style: dotted;}

a[rel~="friend"] {background-image: url(friend.gif);}

John Hicks

��奇 2007-03-31 19:18 发表评论

Simple Factory 模式

��奇 — Wed, 25 Oct 2006 04:45:00 GMT
         Simple Factory 模式(又称Static Factory模式),一个Simple Factory 生��成品,而对客户端隐藏��品生产细�?实现定义一个��品界�?interface),�q��过特定静态方法来建立成品.
         假设有一个音乐盒工厂,购买音乐盒的��֮�不知道音乐盒是如何制作的,他只要知道如何播��N��乐盒��可以了,以UML�c�d��来表�C�Z��上概�?

         如图上所�C?MusicBoxDemo代表了客��L��角色,它只依赖于IMusicBox界面,而不兛_��是如何实现的.如何产生IMusicBox由MusicBoxFactory完成.以一个简单的�E�序来实��C��面这个UML�c�d��:
IMusicBox.java
public interface IMusicBox {
public void play();
}
PianoBox.java
public class PianoBox implements IMusicBox {
public void play() {
System.out.println("播放钢琴音乐:)");
}
}
ViolinBox.java
public class ViolinBox implements IMusicBox {
public void play() {
System.out.println("播放��提琴音乐^_^");
}
}
MusicBoxFactory.java
public class MusicBoxFactory {
public static IMusicBox createMusicBox(String name)
throws InstantiationException,
IllegalAccessException,
ClassNotFoundException {
// �q�边使用的是Java的Reflection机制来��生实�?br /> // 不过客户端不用管�?br /> // 以后��q��改变了这边的�E�序�Q�客��L��E�序是不用更改的
return (IMusicBox) Class.forName(name).newInstance();
}
}
MusicBoxDemo.java
public class MusicBoxDemo {
public static void main(String[] args) throws Exception {
playMusicBox(MusicBoxFactory.createMusicBox("PianoBox"));
playMusicBox(MusicBoxFactory.createMusicBox("ViolinBox"));
}

public static void playMusicBox(IMusicBox musicBox) {
musicBox.play();
}
}
�׃��客户端只依赖与IMusicBox介面�Q�所以即使您日后改变了createMusicBox()中的实现方式�Q�对客户端是一点媄响也没有�?

来看看Simple Factory的类�l�构�Q?br />
客户只要面对Factory�Q�客户依赖于产品介面�Q��品的具体实现是可以与客戶隔开的，它们也是可以抽换�?

��奇 2006-10-25 12:45 发表评论

mysql入门2

��奇 — Wed, 18 Oct 2006 06:47:00 GMT

1.DESCRIBE

��Z��验证你的表是按你期望的方式创建，使用一个DESCRIBE语句�Q?/p>
mysql> DESCRIBE pet;
+---------+-------------+------+-----+---------+-------+
| Field   | Type        | Null | Key | Default | Extra |
+---------+-------------+------+-----+---------+-------+
| name    | varchar(20) | YES |     | NULL    |       |
| owner   | varchar(20) | YES |     | NULL    |       |
| species | varchar(20) | YES |     | NULL    |       |
| sex     | char(1)     | YES |     | NULL    |       |
| birth   | date        | YES |     | NULL    |       |
| death   | date        | YES |     | NULL    |       |
+---------+-------------+------+-----+---------+-------+

你可以随时��用DESCRIBE�Q�例如，如果你忘记表中的列的名称或类型时�?/p>
2.DISTINCT

��h��意该查询只是��单地��索每个记录的owner列，�q�且他们中的一些出现多�ơ�?br />��Z��使输出减到最��，增加关键字DISTINCT��索出每个唯一的输��录：

mysql> SELECT DISTINCT owner FROM pet;

3.ORDER BY

你可能已�l�注意到前面的例子中�l�果行没有以特定的顺序显�C��?br />然而，当行按某�U�方式排序时�Q�检查查询输出通常更容易�?br />��Z��排序�l�果�Q��用ORDER BY子句�?/p>
mysql> SELECT name, birth FROM pet ORDER BY birth;

默认排序是升序ASC�Q�最��的值在�W�一。要想以降序排序�Q?br />在你正在排序的列名上增加DESC�Q�降序）关键�?/p>
mysql> SELECT name, birth FROM pet ORDER BY birth DESC;

4.GROUP BY

使用GROUP BY�Ҏ��个owner的所有记录分�l?br />COUNT( )和GROUP BY以各�U�方式分�c�M��的数据。下列例子显�C�出�q�行动物普查操作的不同方式�?/p>
每种动物的数量：

mysql> SELECT species, COUNT(*) FROM pet GROUP BY species;

��奇 2006-10-18 14:47 发表评论

mysql入门1

��奇 — Wed, 18 Oct 2006 06:06:00 GMT

�q�接服务�?br />C:\Documents and Settings\Administrator>mysql -u root
Enter password: ********
断开服务�?br />mysql> \q
查询版本号和当前日期
mysql> SELECT VERSION(), CURRENT_DATE;
+----------------------+--------------+
| VERSION()            | CURRENT_DATE |
+----------------------+--------------+
| 5.0.24a-community-nt | 2006-10-18   |
+----------------------+--------------+
不必全在一个行内给��Z��个命令，较长命��o可以输入到多个行中�?br />mysql> select user()
        -> ,
        ->current_date;

+----------------+--------------+
| user()         | current_date |
+----------------+--------------+
| root@localhost | 2006-10-18   |
+----------------+--------------+

如果你决定不��x��行正在输入过�E�中的一个命令，输入\c取消它：
mysql> select
       -> user()
       -> \c
mysql>

��奇 2006-10-18 14:06 发表评论

��奇 — Mon, 16 Oct 2006 10:51:00 GMT

质数��法
   �q�个质数��法比较新颖,效率也比较高.
class Primes
{
    public static void main(String[] args)
      { int N = Integer.parseInt(args[0]);
        boolean[] a = new boolean[N];
        for (int i = 2; i < N; i++) a[i] = true;
        for (int i = 2; i < N; i++)
          if (a[i] != false)
            for (int j = i; j*i < N; j++)
              a[i*j] = false;
        for (int i = 2; i < N; i++)
          if (i > N - 100)
            if (a[i]) Out.print(" " + i);
        Out.println();
      }
}


��奇 2006-10-16 18:51 发表评论

��奇 — Tue, 10 Oct 2006 11:44:00 GMT

CSS�?/span>Cascading Style Sheets的羃�?/span>.在一个网��中引入CSS�?/span>2�U�方�?/span>:


     也可以直接在�|�页中直接添加如�?/span>:


i'm red

你好

Home

About Us

Contact

Where’s Durstan?

Published on March 22nd, 2005

by Andy Budd

Some Text

24/3/2006

Welcome to my site

...

Latest news

...

Home

Services

Design

Development

Consultancy

Contact Us



��奇 2006-10-10 19:44 发表评论

��奇 — Tue, 05 Sep 2006 06:43:00 GMT
     摘要: A Sample Application 以一个猜数字的例子来学习 Managed Beans 。如�? 2-1 ...  阅读全文

��奇 2006-09-05 14:43 发表评论

国产欧美久久一区二区三区,欧美另类自拍,粉嫩精品导航导航

请不要做���躁的�h �Q��{自叶枫）

BACKGROUND IMAGES AND IMAGE REPLACEMENT

Headline

Headline

Headline

Headline

Hello World

Hello World

Hello World

VISUAL FORMATTING MODEL RECAP

css mastery ��M���W�记

Where’s Durstan?

Welcome to my site

Latest news

Main Heading

Simple Factory 模式

mysql入门2

mysql入门1

Where’s Durstan?

Welcome to my site

Latest news

请不要做��躁的�h �Q��{自叶枫）

css mastery ��M��W�记