生活随笔
收集整理的這篇文章主要介紹了
Java Web 回顾-HCJ
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
盒子模型
數(shù)據(jù)類型
自定義函數(shù)
自定義對(duì)象
盒子模型
- 所有的HTML元素都可以看作一個(gè)四邊形盒子
- marign：外邊距
- padding：內(nèi)邊距
- 邊框，內(nèi)邊距，外邊距（上下左右）
- 行內(nèi)樣式
- 標(biāo)簽樣式
- css樣式表
- 首先建立一個(gè)css文件，里面寫css樣式
- 然后再目標(biāo)文件中引入
/*css文件中樣式*/
div{border: 1px solid rebeccapurple;
}<head><meta charset="UTF-8"><title>haode </title>/*引入css樣式文件*/<link rel="stylesheet" style="css" href="./demo.css"/>
</head>
js使Java Web強(qiáng)大的腳本語言
- js引入的倆種方式
- 內(nèi)部腳本方式：可在頭部中引入也可以在尾部
- js文件引入方式
- 注意當(dāng)使用第二種方式引入時(shí)，script標(biāo)簽內(nèi)寫的js內(nèi)容不會(huì)被執(zhí)行，只會(huì)執(zhí)行src引用js文件中的內(nèi)容
//js文件內(nèi)容
alert("hello");<head><meta charset="UTF-8"><title>haode </title><script src="demo.js"></script></head>
- 腳本語言：無法直接執(zhí)行，必須結(jié)合其它語言執(zhí)行，可以直接被瀏覽器解析執(zhí)行
- Java script 語言特點(diǎn)
- 無需編譯，直接被瀏覽器解釋執(zhí)行
- 不能獨(dú)立執(zhí)行，必須嵌套在html文件中
- 執(zhí)行順序，由上到下
- 沒有訪問系統(tǒng)文件的權(quán)限
- 在保證可讀情況下可以使用鏈?zhǔn)骄幊?/li>
- Java Script由三部分組成
- ECMA Script（核心）：規(guī)定了js語法和基本對(duì)象
- Dom：文檔對(duì)象模型，處理網(wǎng)頁內(nèi)容的方法和接口
- Bom：瀏覽器對(duì)象模型，與瀏覽器交互的方法和接口
- 注意事項(xiàng)：
- 保證html展示內(nèi)容優(yōu)先加載，最后加載腳本，增強(qiáng)用戶體驗(yàn)性，可將script標(biāo)簽放在body標(biāo)簽中且放在尾部
- 練習(xí)時(shí)可放在head中
js變量
var a; //默認(rèn)值undefined（未定義）
基本數(shù)據(jù)類型
- string：字符串類型：js中用“” 或‘’ 表示字符串，并沒有單個(gè)字符
- boolean：布爾類型
- number：數(shù)字類型
- null：空，一個(gè)占位符
- undefined：未定義類型，該類型只有一個(gè)固定值，即undefine，表示聲明卻未定義的具體值
- 因?yàn)閡ndefine是從null派生出來的，所以u(píng)ndefi == null;
- 注意：
- js時(shí)若類型語言，變量的使用不嚴(yán)格遵循規(guī)范，所以一個(gè)變量聲明好之后，就可以賦予任何數(shù)據(jù)類型的值
- typeof(a) ；用來辨別是什么基本數(shù)據(jù)類型
- typeof(null); null屬于基本數(shù)據(jù)類型，但是會(huì)返回object
<script>var a = "你好";var b = '啊';alert(typeof (a));alert(a);alert(b);var num1 = 12;var num2 = 1.3;alert(num1);alert(num2);var flag1 = true;var flag2 = false;alert(flag1);alert(flag2);var r1; //默認(rèn)值賦值undefinevar r2 = null;alert(r1);alert(r2);var t1 = undefined;alert(t1);</script>
引用數(shù)據(jù)類型
- 引用數(shù)據(jù)類型一般稱之為類，但js語言不存在編譯的過程，所以沒有類的概念，所以處理的引用類型都是對(duì)象
- 標(biāo)準(zhǔn)創(chuàng)建方式
- var str = new String();
- var str2 = new String;
比較運(yùn)算符
- == 邏輯等：僅僅比較值
- === 全等：比較值且數(shù)據(jù)類型
邏輯運(yùn)算符
正則對(duì)象的創(chuàng)建
- var reg = new RegExp(“表達(dá)式”); 此種方式在開發(fā)中基本不用
- var reg = /^表達(dá)式$/; (直接量，開發(fā)中常用）
- 注意：直接量存在邊界：^代表開始，$代表結(jié)束
- 直接量方式的正則時(shí)對(duì)象，不是字符串，不用引號(hào)
- 直接量和普通方式區(qū)別
<script>//直接量方式（必須全部字符都符合）var reg = /^\s*$/; //正則表達(dá)式，匹配0到多個(gè)空格var flag = reg.test(" "); //用來匹配字符串var flag2 = reg.test(" a ");alert(flag); //tryealert(flag2); //false//普通方式（除非全部字符否不符合正則，返回false，只要由字符符合返回true）var reg2 = /\s+/;var flag = reg.test(" a ");alert(flag); //true</script>
js數(shù)組
- 數(shù)組中每個(gè)成員類型沒有限制
- 數(shù)組的長度可以修改
- js數(shù)組的字中創(chuàng)建方式
var arr = [1, 2, "fff"]; //前倆種最常用var arr2 = new Array(); //創(chuàng)建默認(rèn)長度0的數(shù)組var arr3 = new Array(4); //創(chuàng)建長度為4的數(shù)組var arr4 = new Array(1,2,3);alert(arr.length); //打印數(shù)組長度a[1] = "hello"; //修改元素值a[4] = "world"; //動(dòng)態(tài)追加數(shù)組長度alert(arr.length) //5//將數(shù)組按照特定分隔符構(gòu)成字符串var res = arr.join("+"); //1+2+fffalert(res);alert(arr); //不會(huì)對(duì)當(dāng)前的數(shù)組改變var resvered = arr.reverse();alert(resvered); //反轉(zhuǎn)后的數(shù)組alert(arr); //會(huì)改變當(dāng)前的數(shù)組var p = arr.pop(); //刪除且返回最后一個(gè)數(shù)組元素，原先數(shù)組收影響alert(p);arr.push("3"); //追加一個(gè)元素在尾部arr.push("2", "4", "5"); //追加多個(gè)元素按順序alert(arr);
全局函數(shù)
<script>eval("var a = 10;"); //eval(string)將傳入的字符串，作為js腳本代碼來執(zhí)行//注意：只能傳入基本數(shù)據(jù)類型字符串，而不能傳入對(duì)象alert(a); //10</script>
編碼和解碼
- 對(duì)中文和特殊符號(hào)進(jìn)行編碼
- URL和URI區(qū)別
- URI是統(tǒng)一資源標(biāo)識(shí)符，標(biāo)識(shí)資源唯一名稱
- URL是統(tǒng)一資源定位器，定位資源的網(wǎng)絡(luò)位置
- 資源：可以通過瀏覽器訪問的信息統(tǒng)稱為資源（圖片、文本、HTML）
- URI是標(biāo)識(shí)資源的詳細(xì)名稱，包含資源名
- URL是定位資源的網(wǎng)絡(luò)位置包含http://
<script>eval("var a = 10;"); //eval(string)將傳入的字符串，作為js腳本代碼來執(zhí)行//注意：只能傳入基本數(shù)據(jù)類型字符串，而不能傳入對(duì)象alert(a); //10//encodeURL(string) 對(duì)傳入的字符串和特殊符號(hào)進(jìn)行編碼var msg = "http://www.baidu.com?username = 張三 & passwo = 123";var temo = encodeURI(msg);alert(temo);//對(duì)傳入的字符串解碼var t = decodeURI(temo);</script>
字符串轉(zhuǎn)數(shù)字
- 如果某個(gè)字符串的字符從字面值無法轉(zhuǎn)換為數(shù)字，那么就從該字符停止轉(zhuǎn)換，僅返回前面正確的轉(zhuǎn)換值
- 若從第一個(gè)字符就無法轉(zhuǎn)換，則停止轉(zhuǎn)換且返回NaN
<script>eval("var a = 10;"); //eval(string)將傳入的字符串，作為js腳本代碼來執(zhí)行//注意：只能傳入基本數(shù)據(jù)類型字符串，而不能傳入對(duì)象alert(a); //10//encodeURL(string) 對(duì)傳入的字符串和特殊符號(hào)進(jìn)行編碼var msg = "http://www.baidu.com?username = 張三 & passwo = 123";var temo = encodeURI(msg);alert(temo);//對(duì)傳入的字符串解碼var t = decodeURI(temo);</script>
自定義函數(shù)
- function必須是小寫
- 無需定義返回值類型
- 參數(shù)定義無需使用返回值類型
- return可以不寫也可以return具體值或僅僅寫return
- 函數(shù)體中無論寫不寫return，都可以使用變量接收結(jié)果，但是不寫return返回undefined即js函數(shù)執(zhí)行之后一定有返回值
<script>//函數(shù)創(chuàng)建格式/** function 函數(shù)名(形參列表) {* 函數(shù)體* }* *///函數(shù)求和function getSum(a, b) {return a+b;}var res = getSum(1, 2);alert(res); //3function getSum(a, b) {}var res = getSum(1, 2); //undefined //說明js中函數(shù)無論加不加return必有返回值</script><script>function getSum(a, b) {return a+b;}function getSum() {return "你好的";}var res = getSum(1, 2);alert(res); //你好的</script>
- 注意：
- 對(duì)于js中函數(shù)，根本不存在重載，只有函數(shù)覆蓋，即對(duì)于重名函數(shù)，后定義的會(huì)覆蓋掉前定義的，即只會(huì)執(zhí)行重名的最后的一個(gè)函數(shù)
- 因?yàn)閖s中不存在函數(shù)重載，僅僅通過函數(shù)名來調(diào)用函數(shù)，即使實(shí)參與形參不匹配，也不會(huì)影響正常使用，若形參未賦值，使用默認(rèn)值undefined
自定義對(duì)象
<script>//1義/聲明了一個(gè)對(duì)象function Person() {}//2聲明對(duì)象function Person(n, a) {//定義且初始化對(duì)象屬性this.name = n;this.age = a;}//3聲明對(duì)象function Person() {//定義且初始化對(duì)象屬性this.name = "校長";this.age = 16;}//創(chuàng)建一個(gè)對(duì)象var p = new Person();alert(p);</script>
<script>//定義/聲明了一個(gè)對(duì)象/*** 定義了對(duì)象中的屬性* this：代表當(dāng)前對(duì)象Person** @constructor*//*** 1、使用this關(guān)鍵字，在對(duì)象聲明階段定義一個(gè)屬性* 2、創(chuàng)建對(duì)象后的，使用對(duì)象.屬性方式動(dòng)態(tài)定義屬性* *///1、在對(duì)象內(nèi)部聲明屬性且賦值function Person(n, a) {//定義且初始化對(duì)象屬性this.name = n;this.age = a;}//創(chuàng)建一個(gè)對(duì)象var p = new Person("下哦昂", 18);p.name = "小娃";alert(p.name);alert(p.age);//2、聲明屬性并賦值方式p.sex = "男"; //未Person對(duì)象聲明并賦值屬性alert(p.sex);</script>
對(duì)象直接量
<script>//person對(duì)象創(chuàng)建完畢var person = {name : "校長", age : 18};alert(person.name);alert(person.age);</script>
<script>//person對(duì)象創(chuàng)建完畢var person = {name : "校長", age : 18};alert(person.name);alert(person.age);//屬性賦值方式2person.name = "效力";//屬性創(chuàng)建且賦值2person.sex = "男";alert(person.name);alert(person.sex);</script>
總結(jié)
以上是生活随笔為你收集整理的Java Web 回顾-HCJ的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。
