個人的なjavascriptとcssネーミング仕様
2127 ワード
1.基本オブジェクト
Array,arr
Boolean,bool
Data,date
Number,num
String,str
RegExp,reg
Functions、接尾辞名なし
Event,event
Object,obj
関数のパラメータ、Arguments、arg
できるだけどんなタイプがどんなタイプの接尾辞があるかを表すことができて、1つはButtonの引用で、接尾辞はbtnです
2.オブジェクトまたは関数を宣言するときに、呼び出しスタックにコメントします.
3.関数を宣言するとき、注記(1)関数の役割(2)関数パラメータのタイプと役割
-----------------------CSS部分
1.Webレイアウトモジュールにコメントを付けます.
[原句]いつ、誰が何をしましたか.
3.スタイルのリセット
img { border:none; }/*画像の枠を消して、主にIE 8以下のブラウザ*/に互換性があります
a { text-decoration:none; }
a:hover { text-decoration:underline; }
/*フローティングをクリア*/
.clear2:after { content:'.'; display:block; clear:both;height: 0;visibility: hidden; }
html body div.clear3,
html body span.clear3
{
background: none;
border: 0;
clear: both;
display: block;
float: none;
font-size: 0;
margin: 0;
padding: 0;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
4.属性グループ書き込み
ボックスモデルのプロパティ、配置プロパティ、テキストとフォントのプロパティ
Array,arr
Boolean,bool
Data,date
Number,num
String,str
RegExp,reg
Functions、接尾辞名なし
Event,event
Object,obj
関数のパラメータ、Arguments、arg
できるだけどんなタイプがどんなタイプの接尾辞があるかを表すことができて、1つはButtonの引用で、接尾辞はbtnです
2.オブジェクトまたは関数を宣言するときに、呼び出しスタックにコメントします.
3.関数を宣言するとき、注記(1)関数の役割(2)関数パラメータのタイプと役割
-----------------------CSS部分
1.Webレイアウトモジュールにコメントを付けます.
/*---GLOBAL---*/
/*--Structure--*/
/*--Typographic--*/
/*--Forms--*/
/*--Tables--*/
/*---HEADER---*/
/*---NAV---*/
/*--Primary--*/
/*--Secondary--*/
/*---CONTENT---*/
/*---SIDEBAR---*/
/*---FOOTER---*/
[原句]いつ、誰が何をしましたか.
/*----TITLE: Main screen styles | AUTHOR: EPL | UPDATED: 03/23/10 by EPL----*/
3.スタイルのリセット
/*---RESET---*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
li { list-style:none; }/*liが持っている小さな黒い点を取り除く*/img { border:none; }/*画像の枠を消して、主にIE 8以下のブラウザ*/に互換性があります
a { text-decoration:none; }
a:hover { text-decoration:underline; }
/*フローティングをクリア*/
.clear2:after { content:'.'; display:block; clear:both;height: 0;visibility: hidden; }
html body div.clear3,
html body span.clear3
{
background: none;
border: 0;
clear: both;
display: block;
float: none;
font-size: 0;
margin: 0;
padding: 0;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
4.属性グループ書き込み
ボックスモデルのプロパティ、配置プロパティ、テキストとフォントのプロパティ