原创 HTML 富文本編輯器插件 CKEditor
CKEditor 首頁：http://ckeditor.com/ 一、使用 1、將ckeditor整個文件夾放到網站資源目錄下。 2、 在要添加ckeditor的網頁上加入ckeditor.js。 <!DOCTYPE html>
2020-06-14 14:47:10
2
原创 JavaScript 中的 undefined、null 和 NaN
一、Undefined Undefined 是 JavaScript 的基本數據類型之一，這個類型只有一個值，就是 undefined。 已經聲明但未初始化的變量，其值就爲undefined。 （未聲明的變量和已聲明未初始化的變量，其
2020-06-14 14:47:10
原创 Vue過渡transition實現輪播組件
輪播組件的使用非常廣泛，與前寫的swiper不同，這個組件實現的是自動輪播的功能。先上效果圖： 縱向滾動的輪播一般適用於一些信息的滾動展示 橫向滾動的輪播一般適用於banner圖的變換
2020-06-14 14:47:10
1
原创 JavaScript 操作 iframe 中的Dom
<iframe id="iframe" name="framename" src="mainpage.html" frameborder="0" scrolling="no" width="100%"></iframe> 1、使用 if
2020-06-14 14:47:10
原创 Vue滑動翻頁組件swiper的實現---第一版
關於滑動翻頁，有很多優秀的插件可以使用，但是多多少少都有點大，所以自己試着完成一個組件來實現。（以左右滑動翻頁爲例） 1、主要思路 最主要的就是對三個觸摸事件的處理：touchstart、touchmove、touchen
2020-06-14 14:47:10
1
原创 JavaScript GET請求向 URL 末尾添加查詢字符串參數
GET 是最常見的請求類型，最常用於向服務器查詢某些信息。必要時，可以將查詢字符串參數追加到URL的末尾，以便將信息發送給服務器。對XHR而言，位於傳人open()方法的URL末尾的査詢字符串必須經過正確的編碼纔行。
2020-06-14 14:47:10
原创 JavaScript 對象數組，根據某個對象屬性進行排序
每個函數都是 Function 對象的實例，函數名是一個指向函數對象的指針。 所以可以從一個函數中返回另一個函數。 sort() 方法的參數是一個比較函數，接收兩個參數，即比較的值。 function createComparisonF
2020-02-22 22:37:05
1
原创 JavaScript 中的 .toString() 和 String()
共同點： 均表示把一個變量轉換爲 String 類型。 區別： 1、.toString() 可以傳遞參數指定基數（即使用幾進製表示） var num = 10; num.toString(); //"1
2020-02-22 22:37:05
原创 JavaScript 中的字符串分割 slice()、substr()、substring()
相同點： 1、三個函數均可接受兩個參數，其中第二個參數可選。 2、只傳一個參數且參數爲正值時，三個函數返回值相同。 3、均不改變原字符串，返回新字符串。 不同點： 1、第一個參數指定字符串的開始位置，第二個參數： （1）slice()
2020-02-22 22:37:05
原创 JavaScript 中數組的 splice() 方法
splice( 開始的位置，要刪除的個數 [，插入的項1 ] [，插入的項2 ][...] ) 直接對原數組進行處理，返回一個數組，包含從原數組中刪除的項。 1、刪除任意位置項 ------ 傳入兩個參數，第二個參數不爲0； 2、從任意位
2020-02-22 22:37:05
原创 JavaScript 對象與 JSON 對象的相互轉換
一、全局JSON對象 ES5定義了全局對象JSON，對解析JSON的行爲制定了規範。 JSON對象有兩個方法：stringify() 和 parse()。 二、JavaScript 對象序列化爲 JSON對象 JSON.stringif
2020-02-22 22:37:05
原创 JavaScript設計模式---單例模式
單例模式之所以這麼叫，是因爲它限制一個類只能有一個實例化對象。經典的實現方式是，創建一個類，這個類包含一個方法，該方法在沒有對象存在時，將會創建一個新的實例對象。如果對象存在，這個方法只是返回這個對象的引用。 let single
2019-07-31 02:37:17
原创 JavaScript設計模式---構造器模式
構造器模式是最簡單基礎的設計模式，即使用構造器來創建一個對象。 function Person(name, age) { this.name = name; this.age = age; this.toString = ()
2019-04-14 01:46:53
原创 JavaScript設計模式---模塊模式
關於單例及模塊模式，之前寫過一篇博客 。 模塊模式返回一個對象，這個對象有一些私有屬性和方法，並且提供了api來訪問這些私有數據。 let singleton = function(){ //私有變量和函數
2019-04-14 01:46:53
原创 JavaScript 實現紅綠燈
使用setTimeout、Promise、async await 三種方式實現紅綠燈代碼，紅燈2秒，黃燈1秒，綠燈3秒，循環改變顏色。改變顏色的方法，就簡單寫成打印出顏色。 setTimeout實現 使用setTimeout是
2019-03-20 01:27:44
16