原创 jquery入口函數和原生js入口函數的區別

jquery入口函數 寫法一: $(document).ready(function(){ 功能代碼 }) 寫法二(簡寫): $(function(){ 功能代碼 }) 原生js入口函數 window.onload=func

原创 flex佈局(彈性佈局、伸縮佈局)

flex是CSS3中的一種佈局方式 主要介紹下彈性佈局的常用的一些屬性 當一個盒子設置爲display:flex的時候,盒子會變爲一個彈性盒子,盒子內部的子元素會默認沿着主軸方向排布,此時會引出主軸和側軸的概念。 主軸:默認水平向

原创 外邊距的BUG及解決方式

1.相鄰塊元素垂直外邊距的合併 當上下相鄰的兩個元素相遇的時候,上面元素的有margin-bottom,下面的元素有margin-top時,兩者之間的間距並不是上下邊距之和,而是取兩者之間的較大者,這種現象稱之爲外邊距的塌陷。 如

原创 jsonp原理及實現步驟

JSONP(JSON with Padding)、可用於解決主流瀏覽器的跨域數據訪問的問題。 原理:服務端返回一個預先定義好的javascript函數的調用,並且將服務器的數據以該函數參數的形式傳遞過來,這個方法需要前後端配合。

原创 ES3、ES5、ES6數組常用的方法

Array對象 js中內置了一個Array構造函數,可以創建數組對象,本文主要介紹數ES3、ES5、ES6數組中一些常用的方法。 join(字符串分隔符) // 語法:arr.join(分隔符) var arr = ['劉備','

原创 清除浮動的四種方式

方法一: 定高法 強行給父元素添加一個高度 弊端:後期不好維護 方法二: 額外標籤法 在浮動元素最後面添加一個塊級元素 給這個塊級元素添加一個clear:both就可以解決這個問題 弊端:每一次清除浮動都需要添加一個額外標籤

原创 JS垃圾回收機制

內存的生命週期 1.分配內存(在js中自動分配) 2.使用內存(讀寫操作) 3.釋放內存(在js中自動釋放) 垃圾回收機制 所謂垃圾回收機制就是找到那些不用的值,釋放其佔用的內存空間,垃圾回收器每隔一段時間就會執行一次釋放操作。

原创 讓一個不定寬高的 DIV,垂直水平居中

怎麼讓一個不定寬高的 DIV,垂直水平居中? <div class="father"> <div class="son"></div> </div> 答: 1)使用 CSS 方法: .father { display: t

原创 link和@import引入CSS文件 的區別

link 和@import 的區別 @import是CSS2.1之後發佈的,CSS2.1,之前的使用不了,link沒有限制 @import需要等頁面html結構加載完畢後,纔會引入CSS樣式,link是同時引入 @import只

原创 Vue中MVVM的概念

MVVM的概念 MVVM,一種軟件架構模式,決定了寫代碼的方式。 M:model數據模型(ajax獲取到的數據) V:view視圖(頁面) VM:ViewModel 視圖模型 MVVM通過數據雙向綁定讓數據自動地雙向同

原创 JavaScipt中三種常用的繼承方法

JS中的繼承:一個對象可以使用另一個對象的成員(屬性和方法) 目的:方便代碼的複用 繼承的三種主要方式 原型鏈繼承 借用構造函數繼承 組合繼承 原型鏈繼承 原型鏈繼承的方法有兩種: 1.往原型對象身上逐一添加屬性和方法 //創

原创 函數的四種調用模式=>分析this指向

函數的四種調用模式 注意:在函數聲明的時候是無法確定this的指向,只有當函數調用的時候才能確定下來! 在函數中this的指向是靈活的,要想知道this的指向需要分析兩點: 看this是屬於哪個函數的 看函數是何種調用模式 根

原创 Node.js包管理工具npm的基本使用

npm的基本概念 npm 是node的包管理工具 它是世界上最大的軟件註冊表,每星期大約有 30 億次的下載量,包含超過 600000 個 包(package) (即,代碼模塊)。 來自各大洲的開源軟件開發者使用 npm 互相分

原创 BFC 神奇背後的原理

原文鏈接:https://www.cnblogs.com/lhb25/p/inside-block-formatting-ontext.html BFC神奇背後的原理 BFC 已經是一個