原创 筆記 前端需要了解的jQuery選擇器

基本選擇器:#id,class,element,*; 層次選擇器:parent > child,prev + next ,prev ~ siblings; 基本過濾器選擇器::first,:last ,:not ,:even ,

原创 筆記 前端需要了解的jsonp的原理

通過動態創建script標籤,其scr指向非同源的url,並傳遞一個callback參數給服務端,服務器返回一個以callback參數作爲函數名的函數的調用和一系列參數,頁面接收到響應後執行回調並對數據進行處理。 優點: JSO

原创 筆記 前端需要了解的JavaScript 與 HTML 之間交互的事件模型分爲幾個階段

捕獲階段:在事件冒泡的模型中,捕獲階段不會響應任何事件; 目標階段:目標階段就是指事件響應到觸發事件的最底層元素上; 冒泡階段:冒泡階段就是事件的觸發響應會從最底層目標一層層地向外到最外層(根節點),事件代理即是利用事件冒泡的機制

原创 筆記 前端需要了解的模塊化知識

什麼是模塊化? 模塊化就是爲了減少系統耦合度,提高高內聚,減少資源循環依賴,增強系統框架設計;讓開發者便於維護,同時也讓邏輯相同的部分可複用;模塊化開發:針對js、css,以功能或業務爲單元組織代碼。js方面解決獨立作用域、依賴管

原创 筆記 前端需要了解的CDN

CDN的全稱:是Content DeliveryNetwork,即內容分發網絡,加速的意思,那麼網站CDN服務就是網站加速服務。 CDN加速原理 CDN加速將網站的內容緩存在網絡邊緣(離用戶接入網絡最近的地方),然後在用戶訪問網站

原创 筆記 前端需要了解的瀏覽器內核

IE: trident內核 Firefox:gecko內核 Safari:webkit內核 Opera:以前是presto內核,Opera現已改用Google Chrome的Blink內核 Chrome:Blink(基於webki

原创 筆記 前端需要了解的同源策略

同源策略簡單的說就是一段腳本只能讀取來自於同一來源的窗口和文檔的屬性,這裏的同一來源指的是主機名、協議和端口號的組合。其實主要是用來防止 CSRF 攻擊的。簡單點說,CSRF 攻擊是利用用戶的登錄態發起惡意請求。也就是說,沒有同源

原创 筆記 前端需要了解的html5語義化

用正確的標籤做正確的事情; html語義化讓頁面的內容結構化,結構更清晰,便於對瀏覽器、搜索引擎解析; 即使在沒有樣式CSS情況下也以一種文檔格式顯示,並且是容易閱讀的; 搜索引擎的爬蟲也依賴於HTML標記來確定上下文和各個關鍵

原创 筆記 前端需要了解的css中 link 和@import 的區別

link屬於HTML標籤,而@import是CSS提供的; 頁面被加載的時,link會同時被加載,而@import引用的CSS會等到頁面被加載完再加載; import只在IE5以上才能識別,而link是HTML標籤,無兼容問題;

原创 筆記 前端需要了解的JSON及JSON與XML的區別

原理:JSON(JavaScript Object Notation) 是一種輕量級的數據交換格式。它是基於JavaScript的一個子集。數據格式簡單, 易於讀寫, 佔用帶寬小。 JSON與XML的區別 數據體積方面:JSON

原创 筆記 前端需要了解的ajax

ajax是一種在無需重新加載整個網頁的情況下,能夠更新部分網頁的技術。(異步無刷新) 優點: 減輕服務器的負擔,按需取數據,最大程度的減少冗餘請求 局部刷新頁面,減少用戶心理和實際的等待時間,帶來更好的用戶體驗 基於xml標準化

原创 js中的異步編程

併發(concurrency)和並行(parallelism)區別 併發是宏觀概念,我分別有任務 A 和任務 B,在一段時間內通過任務間的切換完成了這兩個任務,這種情況就可以稱之爲併發。 並行是微觀概念,假設 CPU 中存在兩個核

原创 筆記 前端需要了解的MVVM

什麼是MVVM? MVVM是Model-View-ViewModel的縮寫,MVVM是一種設計思想。 Model 層代表數據模型,也可以在Model中定義數據修改和操作的業務邏輯; View 代表UI 組件,它負責將數據模型轉化

原创 js中阻止事件冒泡和默認事件

使用event.stopPropagation()起到阻止捕獲和冒泡階段中當前事件的進一步傳播。 使用event.preventDefault()可以取消默認事件。 防止冒泡和捕獲:w3c的方法是e.stopPropagation

原创 Node 中的 Event Loop

Node 中的 Event Loop 和瀏覽器中的是完全不相同的東西。 Node 的 Event Loop 分爲 6 個階段,它們會按照順序反覆運行。每當進入某一個階段的時候,都會從對應的回調隊列中取出函數去執行。當隊列爲空或者執