原创 【css層疊】css優先級,權重和層疊

css三大鐵性--層疊 優先級: 繼承<通配符(*)<標籤選擇器<類選擇器<id選擇器<行內樣式<!important !important用法:color:red !important; color屬性是默認繼承的,但是此處子元素繼

原创 【前端新手之路第五天】橫向導航欄,html+css+js原生代碼

今天參加了某個公司的筆試,筆試的題是比較熟悉,但是自己不能保證自己完全正確,就發現自己有些眼高手低了。 來,大家跟我一起喊:鍵盤敲爛,月薪過萬。 <!DOCTYPE html> <html lang="en"> <head> <m

原创 【多列等高佈局】三種方法,各取所需:

實現一個多列的等高佈局,思路來自這個網站:http://www.jb51.net/css/68810.html 但是有的有些錯誤,我進行了修改,以下代碼自己運行過沒有問題。同時那篇文章的方法有的並不實用,我篩選了三個:(一)利用html+

原创 【前端第七天】分享文章——首屏加速

首先,瞭解一下首屏時間:在用戶沒有滾動滾動條的時候,所看到的頁面完成渲染並且能過進行交互的時間。加載時間:整個頁面,完成內容渲染和可以進行交互的時間。 負責頁面渲染的是css,負責交互的是js。 原始的首屏優化: <!DOCTYPE ht

原创 【前端之路第四天】含義篇——模塊開發,同步加載,異步加載

看到一個題目,“什麼是模塊開發,如何實現模塊開發?”查閱了很多,感覺這對前端新手的我來說還是有些難度的,所以就簡單的說一下,以免誤人子弟。 模塊開發:一個模塊可以實現特定的功能,有了模塊,我們可以方便的使用他人的模塊。對於前端來說:一個模

原创 【前端新手之路第六天】表格與表單

表格 相關標籤:<table><tr><td><th>th是表頭單元格 <thead><tbody><tfoot>這三個與書寫順序無關,總是按照thead,tbody,tfoot順序顯示; <colgroup><col>colgroup標

原创 【前端新手之路-第2天】按需加載的含義及如何用js實現

按需加載:由於用戶觸發了一些動作,而加載相應的資源。這些動作可以是單擊(onclick),滾動滾動條(onscroll),改變窗口大小(onresize),輸入文字(可自行了解以下區別:onchange,oninput,onkeyup)等

原创 【前端新手之路-第一天】如何實現兩個標籤頁中的通訊?

http://www.codesec.net/view/467836.html 如何避免打開同一個頁面時,要多次登錄。同頁面,但是打開了兩個。 在這篇文章中,我瞭解並複習到了。Cookie,sessionstorage,localstor