原创 HTML addEventListener和attachEvent的區別詳解

語法 element.addEventListener(event,function,useCapture) 參數值 參數 描述 event 必須。字符串,指定事件名。注意: 不要使用 "on" 前綴。 例如,使用 "click" ,而不

原创 理解 CSS中的BFC

在寫樣式時,往往是添加了一個樣式,又或者是修改了某個屬性,就達到了我們的預期。而BFC就潛藏在其中,當你修改樣式時,一不小心就能觸發它而毫無察覺,因此沒有意識到BFC的神奇之處。一、什麼是BFC(Block Formatting Cont

原创 只看圖就能弄懂JavaScript原型鏈和閉包

全部內容均引用自http://www.cnblogs.com/wangfupeng1988/p/4001284.html 1.2.3.4.5.6.7.8.函數每被調用一次,都會產生一個新的執行上下文環境。變量、函數表達式——變量聲明,默認

原创 vscode 超好用 通用插件

通用插件HTML Snippets超級實用且初級的 H5代碼片段以及提示HTML CSS Support讓 html 標籤上寫class 智能提示當前項目所支持的樣式新版已經支持scss文件檢索Debugger for Chrome讓 v

原创 css盒模型 content-box border-box

CSS的兩種盒模型   盒模型一共有兩種模式,一種是標準模式,另一種就是怪異模式。   當你用編輯器新建一個html頁面的時候你一定會發現最頂上都會有一個DOCTYPE標籤,例如:   <!DOCTYPE HTML PUBL

原创 gird柵格佈局

引入  對於Web開發者來說,網頁佈局一直是個比較重要的問題。但實際上,在網頁開發很長的一段時間當中,我們甚至沒有一個比較完整的佈局模塊。總的來說 Web 佈局經歷了以下四個階段:  1、table表格佈局,通過 Dreamweaver

原创 Bootstrap 4中重大更新 及亮點解讀

8月19日對Bootstrap來說是個特別的日子——不僅是項目四週年紀念日,也是經過了一年密集開發之後發佈Bootstrap 4內測版的日子。Bootstrap 4是一次重大更新,幾乎涉及每行代碼。新增功能Bootstrap 4中有太多重

原创 淺析前端頁面渲染機制

作爲一個前端開發,最常見的運行環境應該是瀏覽器吧,爲了更好的通過瀏覽器把優秀的產品帶給用戶,也爲了更好的發展自己的前端職業之路,有必要了解從我們在瀏覽器地址欄輸入網址到看到頁面這期間瀏覽器是如何進行工作的,進而瞭解如何更好的優化實踐,本篇

原创 js運行機制詳解

一、爲什麼JavaScript是單線程?JavaScript語言的一大特點就是單線程,也就是說,同一個時間只能做一件事。那麼,爲什麼JavaScript不能有多個線程呢?這樣能提高效率啊。JavaScript的單線程,與它的用途有關。作爲

原创 非常全的VsCode快捷鍵

非常全的VsCode快捷鍵按 Press功能 FunctionCtrl + Shift + P,F1顯示命令面板 Show Command PaletteCtrl + P快速打開 Quick OpenCtrl + Shift + N新窗口

原创 less 語法教程

LESS 做爲 CSS 的一種形式的擴展,它並沒有閹割 CSS 的功能,而是在現有的 CSS 語法上,添加了很多額外的功能,所以學習 LESS 是一件輕而易舉的事情,果斷學習之!變量很容易理解:@nice-blue: #5B83AD; @

原创 JavaScript 面試題

原創 IT168企業級2017-04-13 17:02 近年來,從事JavaScript的程序員越來越多,JavaScript的曝光率也越來越高,如果你想轉行試試JavaScript,不妨收下這份面試題及答案,沒準用得上。當然,如

原创 自我技術總結

自我技術總結: 先說明一下,自己是週六晚進入這個家庭的,當時不知怎麼總結,拖到今天。對自己說一聲很抱歉! 1.目前狀況: 自己有三年工作經驗,都說技術幹三年是個分水嶺,是繼續往前還是原地踏步,或者都退,在互聯網快速發展的今天技術不

原创 總結2

上完前端測試這門課,雖然自己之前預習過理論知識,但老師真正去講的時候自己還是沒有聽不懂。總結問題: 1.之前工作中沒有接觸過前端測試這塊:自己看過一本JavaScript忍者祕籍 其中就有講過JavaScript單元測試 asse