原创 JavaScript 數組的隊列方法

棧數據的結構規則是LIFO(後進先出),而隊列數據結構的訪問規則是FIFO(先進先出)。 要實現FIFO的訪問規則,需要在隊列的末尾添加項,隊列的前端移除項。push()方法是 向數組的末尾添加項,所以只需要得到一個從數組的前端取得項

原创 Bootstrap 列表

Bootstrap提供了6種形式的列表,分別是:普通列表、有序列表、去點列表、 內聯列表、描述列表和水平描述列表。 (1).普通列表: 普通列表的使用方式和平時的用法一致,只有一點細微的差別:列表的margin-top爲0。 (2

原创 Bootstrap CSS表格

1.首先介紹一下CSS代碼的顯示: (1)<code>元素顯示單行內聯代碼。設置背景顏色和內部文本顏色。 (2)<pre>元素新生多行代碼塊。顯示大塊的代碼段,並保持原有格式不變。 (3)<kbd>元素顯示用戶輸入代碼。 2.表

原创 bootstrap CSS概述

基礎的CSS佈局語法包括排版、代碼、表格、表單、按鈕、圖片、輔助式和 響應式設計。這些基礎的佈局語法都是通過CSS最基礎,最簡單的組合來實 現的。 新版的Bootstrap是一個移動先行的框架集。 看如下代碼:<meta name

原创 Bootstrap CSS3基礎排版

1.基礎排版 Bootstrap爲傳統的標題元素h1~h6重新定義了標準的樣式,使得在所有的 瀏覽器下顯示的效果都一樣。標題元素的用法與平時的用法一致。 Bootstrap還同步定義了6個class樣式(h1~h6),以便在非標題元

原创 JavaScript 基本類型和引用類型

1.基本類型值指的是簡單的數據段。常見的有5種基本數據類型:Undefined、 Null、Boolean、Number和String。這5種基本數據類型是按值訪問的,因爲可 以操作保存在變量中的實際的值。 2.引用類型值指的是那些可能

原创 JavaScript 數組的操作方法

1.concat( )方法:基於當前數組中的所有項創建一個新數組。具體來說,該方法先回創建當前 數組的一個副本,然後將接收到的參數添加到這個數組的末尾,最後返回新構建的數組。 具體來說,可分爲以下三種情況: (1)當沒有向concat

原创 Bootstrap CSS組件---小圖標

小圖標(icon)是一個優秀網站不可缺少的一組元素,新版的bootstrap提供了 200個小圖標(相應的,也提供了200個css樣式),這200個樣式均可在內聯 元素上應用,並顯示出對應的圖標。 1.基本用法:在任何任何內聯元素上

原创 JavaScript 數組的重排序方法

數組中有兩個可以直接用來排序的方法:reverse( )和sort( )。 reverse( )方法:反轉數組項的排列順序,即逆序排列之前的數組。 例1:使用reverse( )方法排列數組 var arr=[12,2,31,4,55

原创 修改 mint-ui 組件的默認樣式

使用 mint-ui 可以方便實現很多特有的樣式,可以很方便的進行調用,但如果 mint-ui 的默認樣式與要求不一致時該如何修改? 比如 mint-ui 中有一個輪播圖屬性 mt-swipe,其默認樣式如下:

原创 通過設置代理解決Vue中的跨域問題

1.問題: 在vue中,在使用Axios獲取數據時,有時會出現數據無法訪問的情形(即跨域問題),如例1所示: 例1:在本地使用 Axios 來獲取豆瓣上的數據 this.$axios({ method: 'get',

原创 解決 webpack4 中無法壓縮 CSS 代碼的問題

在webpack4中,我們可以使用 optimize-css-assets-webpack-plugin 插件來壓縮 CSS 代碼(具體內容可結合該插件的官網:https://www.npmjs.com/package/mini-css-

原创 JS中的作用域和閉包

問題: 1.說一下對變量提升的理解 2.說明 this 幾種不同的使用場景  (作爲構造函數執行、作爲對象屬性執行、作爲普通函數執行、call \ apply \ bind) 3.創建10個a標籤,點擊的時候彈出來對應的序號 4.如何理解

原创 jQuery插件的開發方法

主要有三種方法開發jQuery插件: 1.通過$.extend()來擴展jQuery:     例:$.extend({                 sayHello:  function(){                    

原创 jQuery實現常見的輪播圖效果

1.在網頁中常見的一類輪播圖如下圖所示, 此處以小米官網(www.mi.com)爲例進行說明                  說明:紅色箭頭標註的是左、右箭頭;右下角藍色箭頭標註的是可以控制圖片播放順序的小圓點; 2.輪播圖的特點