蘋胖學(xué)習(xí)記錄(四)4.10

  • seo針對搜索引擎優(yōu)化
    搜索引擎在檢測網(wǎng)站訪問數(shù)量上升快速時冬阳,就會收納進(jìn)它的索引庫中党饮。
    其中title就是搜索引擎展示的內(nèi)容肝陪,語義化標(biāo)簽和良好的結(jié)構(gòu)在搜索引擎爬你的頁面時都會方便很多,對你的頁面排在前面有加權(quán)刑顺。
    再就是head里的<meta name="keywords" content="搜索的關(guān)鍵詞條" />``<meta name="description" content="搜索頁面的簡介" />
  • CSS
  1. CSS技巧
    讓文字居中,但最后一行要靠左開始--->外面一個大盒子設(shè)置居中蹲堂,里面一個小盒子設(shè)置靠左。
    做一個圖片提示柒竞,鼠標(biāo)挪上去就有提示彈出--->用attr(alt)獲取提示信息,用img:hover::after改變鼠標(biāo)挪上去的樣式朽基。
    設(shè)置定位為absolute時,定位元素相對于最近的非 static 祖先元素定位稼虎,不存在時相對于html大小是可視窗口大小。
    改變鼠標(biāo)挪上去顯示的圖片--->img:hover {content:url(https://wx1.sinaimg.cn/mw690/6af43228ly1g1wes9jmrkj20xc0xcqi0.jpg);}
    偽元素中的content: "1234 uu 你馬沒了 1234";空格相當(dāng)于回車換行霎俩,英文字母和數(shù)字之間都不會換行哀军,中文會換行,可以利用這個特點(diǎn)和outline畫出不同的形狀
  • 源碼分析
  1. jquery $函數(shù)分析
    window.onload 會在所有資源加載完加載排苍。
    而 DOMContentLoaded 是js最佳也是最快執(zhí)行的地方,它會在結(jié)構(gòu)搭好的時候就開始執(zhí)行淘衙,不會受其他圖片,網(wǎng)絡(luò)請求資源的影響彤守。
document.addEventListener('DOMContentLoaded',function() {
         console.log("DOM ready");
         // js開始的地方
     });

$()函數(shù)可以傳入不同的數(shù)據(jù)類型,而js中并沒有實(shí)質(zhì)上的多態(tài)具垫,所以一開始就判斷數(shù)據(jù)類型搞分支,又因?yàn)?不能繼承(會影響其他情況)筝蚕,所以建一個jQueryEle類卦碾,代用jQueryEle原型加屬性起宽,達(dá)到實(shí)現(xiàn)的功能,并返回坯沪。
其構(gòu)造函數(shù)要有個屬性指向dom結(jié)點(diǎn)绿映。

  • js ajax
    原生js里要用ajax都是建XMLHttpRequest實(shí)例腐晾,不支持XMLHttpRequest的IE8及以下的IE7IE6那些就用ActiveXObject("Microsoft.XMLHttp"),yjr.open("get","./mock.json",true);//false->同步藻糖,設(shè)置請求頭setRequestHeader()淹冰,發(fā)送send()
    5個readyState和一堆status代碼(404,403那些)
    設(shè)置同步時巨柒,網(wǎng)頁的用戶體驗(yàn)不好,而用異步時潘拱,會帶來一些未加載出導(dǎo)致的錯誤,而用回調(diào)函數(shù)解決芦岂,功能多了會陷入回調(diào)地獄,有性能問題禽最。
  • Promise
    上面說到異步造成問題袱饭,用 Promise 就可以解決,其主要思想其實(shí)就是縷清楚運(yùn)行順序(與載入延遲無關(guān))呛占,還有給一個未加載出的選擇(加載失敗不再按原代碼運(yùn)行)。
    用法是將返回的參數(shù)替換成一個 Promise 實(shí)例(之后還有操作的每一個都要替代成Promise實(shí)例)晾虑,并在其中把正常運(yùn)行的結(jié)果用 resolve 方法傳遞,錯誤運(yùn)行的就用 reject 方法傳遞帜篇。
    除第一個函數(shù)外,在函數(shù)調(diào)用的時候就按順序用then方法調(diào)用(then里的傳值對象是函數(shù)類型的)笙隙,函數(shù)之間的參數(shù)傳遞會自動填進(jìn)去,填的就是用 resolve 方法傳遞的對象竟痰。
    Promise實(shí)例的 catch 方法里的傳值對象也是函數(shù)類型,是指加載失敗的操作坏快。
    all 方法可以做到數(shù)組里的操作全部同時開始執(zhí)行,并等待最慢的操作執(zhí)行后才結(jié)束假消。(它的成功返回值是數(shù)組里的所有方法里的resolve組成的數(shù)組)
    race 方法也可以做到數(shù)組里的操作全部同時開始執(zhí)行,但是它會在第一個最快的操作執(zhí)行完之后就繼續(xù)后續(xù)操作岭接。(返回值也理所當(dāng)然是第一個最快的那個)
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市啃沪,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌创千,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,591評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件追驴,死亡現(xiàn)場離奇詭異,居然都是意外死亡疏之,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,448評論 3 392
  • 文/潘曉璐 我一進(jìn)店門丙曙,熙熙樓的掌柜王于貴愁眉苦臉地迎上來爸业,“玉大人亏镰,你說我怎么就攤上這事扯旷∷髯ィ” “怎么了钧忽?”我有些...
    開封第一講書人閱讀 162,823評論 0 353
  • 文/不壞的土叔 我叫張陵纸兔,是天一觀的道長。 經(jīng)常有香客問我汉矿,道長,這世上最難降的妖魔是什么洲拇? 我笑而不...
    開封第一講書人閱讀 58,204評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮赋续,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘纽乱。我一直安慰自己蛾绎,他們只是感情好鸦列,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,228評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著薯嗤,像睡著了一般顽爹。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上骆姐,一...
    開封第一講書人閱讀 51,190評論 1 299
  • 那天镜粤,我揣著相機(jī)與錄音玻褪,去河邊找鬼。 笑死带射,一個胖子當(dāng)著我的面吹牛黄虱,可吹牛的內(nèi)容都是我干的庸诱。 我是一名探鬼主播晤揣,決...
    沈念sama閱讀 40,078評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼昧识!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起盗扒,我...
    開封第一講書人閱讀 38,923評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎甸祭,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體褥影,經(jīng)...
    沈念sama閱讀 45,334評論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,550評論 2 333
  • 正文 我和宋清朗相戀三年校焦,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片寨典。...
    茶點(diǎn)故事閱讀 39,727評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡房匆,死狀恐怖耸成,靈堂內(nèi)的尸體忽然破棺而出浴鸿,到底是詐尸還是另有隱情井氢,我是刑警寧澤赚楚,帶...
    沈念sama閱讀 35,428評論 5 343
  • 正文 年R本政府宣布,位于F島的核電站宠页,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏举户。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,022評論 3 326
  • 文/蒙蒙 一俭嘁、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧服猪,春花似錦拐云、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,672評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽薇缅。三九已至攒磨,卻和暖如春泳桦,著一層夾襖步出監(jiān)牢的瞬間娩缰,已是汗流浹背灸撰。 一陣腳步聲響...
    開封第一講書人閱讀 32,826評論 1 269
  • 我被黑心中介騙來泰國打工漆羔, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留梧奢,地道東北人演痒。 一個月前我還...
    沈念sama閱讀 47,734評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像鸟顺,于是被迫代替她去往敵國和親惦蚊。 傳聞我的和親對象是個殘疾皇子讯嫂,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,619評論 2 354

推薦閱讀更多精彩內(nèi)容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)欧芽。 注意:講述HT...
    kismetajun閱讀 27,474評論 1 45
  • 前端開發(fā)面試題 面試題目: 根據(jù)你的等級和職位的變化,入門級到專家級千扔,廣度和深度都會有所增加。 題目類型: 理論知...
    怡寶丶閱讀 2,580評論 0 7
  • HTML5面試題總結(jié)1.基礎(chǔ)問題 = 和 == 和 === 的區(qū)別曲楚?= : 用于賦值 == : 用于判斷 === ...
    LorenaLu閱讀 1,182評論 0 4
  • 前端開發(fā)面試題 <a name='preface'>前言</a> 只看問題點(diǎn)這里 看全部問題和答案點(diǎn)這里 本文由我...
    自you是敏感詞閱讀 760評論 0 3
  • 第十章:Android的消息機(jī)制 Handler是Android消息機(jī)制的上層接口,開發(fā)人員只需要與它交互即可抚垃,底...
    loneyzhou閱讀 677評論 0 1