- ajax技術(shù),學(xué)名叫做網(wǎng)頁異步刷新技術(shù);整個ajax技術(shù)的基礎(chǔ)是XMLHttpRequest,經(jīng)常用到的請求方式是get/post。
- get和post請求的區(qū)別?兩者都是HTTP協(xié)議,區(qū)別1數(shù)據(jù)傳送量:get有限制而post無限制;區(qū)別2請求頭和請求體:get請求沒有請求體而post有;區(qū)別3:服務(wù)端響應(yīng)次數(shù),get是一次請求響應(yīng)一次,而post是先發(fā)送head,服務(wù)端響應(yīng)成功后再發(fā)送請求體,服務(wù)端再次響應(yīng)請求。
- 既然說到Http協(xié)議,那么我們在開發(fā)中還會接觸到的協(xié)議有SSH\FTP\SSL\TTL\HTTPS\UDP\TCP;HTTP協(xié)議主要是瀏覽器端向服務(wù)端發(fā)送請求的協(xié)議。UDP是一種廣播協(xié)議、無連接的協(xié)議、不安全,一對多,而TCP是一種面向連接的、可靠的、基于字節(jié)流的傳輸層通信協(xié)議,這里有三次握手之后,才會發(fā)送數(shù)據(jù);只能點(diǎn)對點(diǎn)。
- Thymeleaf 技術(shù)
模版渲染、主要是一些標(biāo)簽、這里自己做過定義標(biāo)簽,通過實(shí)現(xiàn)AbstractProcessorDialect、AbstractElementTagProcessor 完成。
標(biāo)簽參考:http://www.rzrgm.cn/ngLee/p/14058911.html
自定義標(biāo)簽參考:http://www.rzrgm.cn/ngLee/p/14679179.html
5.jquery技術(shù)
主要是一些選擇器,以及使用一些API,比如數(shù)組的$.inArray(ele,arr),$.isEmptyObject(obj)等;
參考:http://www.rzrgm.cn/ngLee/p/14471515.html
http://www.rzrgm.cn/ngLee/p/14257032.html
6.前端代碼優(yōu)化技巧
/**
* @desc 如果if-else太多,考慮使用偽策略模式
* @author ngLee
* @date 2021/4/20 22:47
*/
function test(flag) {
if(flag == "ts"){
do1();
}else if(flag == "tl"){
do2();
}else if(flag == "su"){
do3();
}
}
var test2 = {
ts:function () {
do1();
},
tl:function () {
do2();
},
su:function () {
do3();
}
};
//調(diào)用方式
test("su");
test2['su']();
1.必須減少全局變量的使用,不然會越來越難維護(hù)
2.除非必要盡量做到每一個函數(shù)都有返回值,不要在函數(shù)里做一些數(shù)據(jù)改變,函數(shù)功能單一。
3.減少網(wǎng)絡(luò)請求流量,減少一些ajax請求,盡量加緩存
7.ie8下startWith、數(shù)組的indexOf不兼容,在使用一些不熟的API時,建議在can i use https://www.caniuse.com/ 看下兼容性。
--本文作者:【ngLee 】
--關(guān)于博文:如果有錯誤的地方,還請留言指正。如轉(zhuǎn)載請注明出處!如果您覺得文章對您有幫助,可以點(diǎn)擊文章右下角【推薦】一下。您的鼓勵是博主的最大動力!
浙公網(wǎng)安備 33010602011771號