原创 JavaScript數組的高級用法-reduce和reduceRight詳解
reduce 方法（升序） 語法： array1.reduce(callbackfn[, initialValue]) 參數 定義 array1 必需。一個數組對象。 callbackfn
2020-07-01 16:32:19
3
原创 JavaScript中實現繼承的幾種方式的使用和分析
首先來看一段代碼： function Person(){}function Student(){}Student.prototype = Person.prototype;//第一種方式 Student.prototype = new
2020-07-01 16:32:19
2
原创 JS中值類型與引用類型分析
JavaScript中的值類型與引用類型 數據類型 值/引用類型 備註 undefined 值類型 無值 number 值類型 boolean 值類型 string 值類型 字符串在賦值運算中會按照引用
2020-02-20 16:03:41
原创 js控制四個數字加空格（銀行卡）並且支持插入數字（解決光標跳動問題）
一般來說，爲了便於用戶輸入，銀行卡號會每四個數字用空格隔開，這個在前端使用正則表達式不難做到，但是容易出現不能從數字中間插入的問題：光標移動到中間，輸入一個數字後光標便自動跳轉到最右了。 上述問題非常影響用戶體驗，經過一段時間的研究，
2018-08-26 15:40:59
4
原创 通過經典題目來理解多種閉包實現方式
在之前的文章中也有提及此題，這裏更詳細的說一下。 需求：生成十個按鈕，內容分別是1~10，點擊每個按鈕輸出當前的序號，即點擊1輸出1。 for (var i = 1; i <= 10; i++) { var doc = doc
2018-08-26 15:40:56
原创 JavaScript設計模式——策略模式
javaScript設計模式——策略模式 策略模式（Strategy）：將定義的一組算法封裝起來，使其相互之間可以替換。封裝的算法具有一定獨立性，不會隨客戶端變化而變化。 商品促銷問題 問題描述：超時年底促銷，部分商品5折銷售，部分
2018-08-26 15:40:52
原创 使用vue2+Vuex+Router寫的Demo以及遇到的一些坑和使用建議
我的開源中國博客：https://my.oschina.net/keysITer/blog/834287 一直對vue很感興趣，最近使用vue2.0開發了高仿餓了麼點餐系統來練練手，不得不說vue真是一個很不錯的框架，但是也遇到過一些坑
2018-08-26 15:40:50
原创 【ionic框架bug】slidebox在使用model或popover後width變爲0的解決方案
【ionic框架bug】slidebox在使用model或popover後width變爲0的解決方案 問題描述 如果在silideBox上使用緩存，那麼在進入另一個state之後，打開一個Popover或者一個Modal，再返回原來的頁
2018-08-26 15:40:48
原创 ng-include用法分析以及多標籤頁面的簡單實現方式
在平時的項目開發中，應該會經常遇到上圖所示的需求，就是在一個頁面中有多個標籤，被選中的標籤顏色會高亮顯示，切換不同標籤顯示相應的不同內容。如果內容代碼過多則寫在同一個html文件就會顯得特別亂，所以這裏我們最好把頁面代碼分開單獨管理，c
2018-08-26 15:40:45
原创 Ionic中自定義popup寫法以及點擊backdrop隱藏popup的directive寫法
網上提供的popup例子使用的是template，使用title、subtitle等參數來設置樣式，但是這樣在很多時候並不能滿足我們的需求的（ionic自帶樣式本身就醜），所以這時候可以通過templateURL來寫出我們想要的樣式。
2018-08-26 15:40:43
2
原创 閉包簡單練習及分析
題目簡述 編寫十個button,內容分別是1到10，點擊其中的一個button則輸出當前的序號，即點擊1輸出1。 解題思路 這裏的十個button樣式都是一樣的，只是內容不同，顯然使用js動態添加較爲方便，很多人可能會這樣寫： <scri
2018-08-26 15:40:43
原创 Highcharts數據提示框動態顯示非x軸非y軸數據
以下是在webApp中的效果，長按浮動顯示數據提示框，web端就是鼠標hover時顯示 可以看到圖表中的’4-立項階段‘是X軸數據，count：6是Y軸數據，price數據就是需要動態顯示的數據。 PS：圖表中看不到price的值是
2018-08-26 15:40:43
3
原创 ES5對象的的創建及屬性狀態維護分析
在說屬性之前，我們先來了解一下ES5的新方法,Object.create()函數。 新的對象創建方法 在舊的“原型繼承”觀念中，它的本質上是“複製原型”，即：以原型爲模板複製一個新的對象。然而我們應該注意到一點事實：在這個思路上，“構造器
2018-08-26 15:40:43