原创 vue實現摺疊組件-collapse
相信大家對於下面的列表形式應該不陌生吧，至少我個人在後臺OA系統的時候就用到了，那麼我來聊下這樣形式的列表，應該怎麼封裝成爲一個公共的組件。（代碼參考了iview用於個人學習之用） 一.列表組件參數設置 每一個公共組件都應該約定好
2020-06-22 20:09:18
18
原创 關於js去重的這點小事
關於數組去重的問題，應該是老生常談了，現在網上也有很多版本是關於數組去重的。我在這裏就列舉一下常見和我自己的一個數組去重的方法。 1.利用indexOf去重 let arr = [1, 2, 4, 5, 2, 5, 7, 7];
2020-06-22 20:09:18
原创 vue造輪子之圓形進度條
在github上看到一個圓形進度條組件，比較適合於我現在的業務需求，然後就拷貝下來放進我的項目。但是cv程序員並不是我想要。所以就研究了一下它的源碼，沒想到的是源碼竟然是如此簡單和通俗易懂，先附上原作者的github地址和效果圖。
2020-06-22 20:09:18
1
原创 關於javascript中變量,作用域及內存
1.基本類型和引用類型的值 ECMAScript變量可能包含兩種不同的數據類型的值：基本類型值和引用類型值。基本類型值指的是那些保存在棧內存中的簡單數據段，即這種值完全保存在內存中的一個位置。而引用類型值則是指那些保存在堆內存中的
2020-06-11 05:19:41
1
原创 vue2.0+axios+bootstrap+php+mysql編寫購物車
最近想加強一下vue的學習,畢竟是現在最火的前端框架嘛。那麼,我們這次通過一個購物車的效果,讓大家瞭解一下vue2.0中指令的基本用法。首先先看效果 我這裏的服務器不採用vue-cli的腳手架生成,直接通過xmapp的apach
2020-06-11 05:19:41
24
原创 vue實現一個sku列表
最近接到一個需求類似於商城選購的一個sku列表，大致要實現的效果如下： sku的專業名詞解釋爲: 庫存保有單位即庫存進出計量的單位， 可以是以件、盒、托盤等爲單位。SKU是物理上不可分割的最小存貨單元。在使用時要根據不同業態，
2020-06-11 05:19:41
1
原创 關於css佈局的那些事-雙飛翼佈局
什麼是雙飛翼佈局呢？ 簡單來說，就是中間自適應寬度，兩邊有固定寬度。 假設: 有三個div,中間的div寬度是不固定的,兩邊的div各有200px寬度。 <!DOCTYPE html> <html lang="en"> <hea
2020-06-11 05:19:41
原创 跟着咖啡學習php(四)---php操作數據庫
我們今天聊下php怎麼連接mysql數據庫。PHP+MYSQL作web應用可謂是黃金搭檔，我們這裏演示的案例採用的是mysqli這個mysql的擴展函數。 mysqli函數庫和mysql函數庫的應用基本類似。 1.連接mysql服
2020-06-11 05:19:41
原创 es6中箭頭函數用法
箭頭函數表達式的語法比函數表達式更短，並且沒有自己的this，arguments，super或 new.target。這些函數表達式更適用於那些本來需要匿名函數的地方，並且它們不能用作構造函數。 第一種情況:形參的情況，沒有形參的
2020-06-11 05:19:41
原创 vue造輪子之封裝可編輯的tab選項卡
最終由於公司業務的需求，有一個新功能操作，就是雙擊選項卡頭部讓其變成可編輯的狀態，點擊其它區域則取消輸入框輸入，最終效果如下： 雙擊選擇： 點擊其它區域選擇時： 1.創建文件: 在src/components下創建editTa
2020-02-29 11:15:48
原创 javascript設計模式-代理模式
代理模式是爲一個對象提供一個代用品或佔位符，以便控制對他的訪問。 代理模式是一種非常有意義的模式，在生活中可以找到很多代理的場景。比如，明星都有經紀人作爲代理，明星不會主動與主辦方談論價格和演出的細節，往往是由他的經紀人出面，
2019-09-16 08:47:09
原创 javascript設計模式-策略模式
在我最近的一個項目中，有一個模塊是關於表單校驗的需求，需求大致是驗證輸入不能空，不能夠重複的字符串等等，檢驗的規則大概有10種，而我的同事爲了檢驗這樣的表單功能，則編寫大量的if-else代碼，僞代碼如下: if (value.l
2019-08-23 08:30:04
原创 javascript設計模式-單例模式
最近在重新修煉js的設計模式，發現平時自己所寫的代碼，無意中就使用到了某種的設計模式，所以特意記錄一下，以便以後自己查看。 一.單例模式 單例模式指的是：保證一個類僅有一個實例，並提供一個訪問它的全局訪問點。 單例模式，是一種
2019-08-07 08:40:21
原创 關於淺拷貝和深拷貝的理解
在聊深拷貝和淺拷貝之前，我們先來看看以下這幾個場景: let obj1 = { a: 1, b: 2 }; let obj2 = obj1; obj2.a = 3; con
2019-07-30 07:57:18
原创 關於對Promise的理解
什麼是Promise? Promise 是異步編程的一種解決方案，比傳統的解決方案——回調函數和事件——更合理和更強大。它由社區最早提出和實現，ES6 將其寫進了語言標準，統一了用法，原生提供了Promise對象。 所謂Promi
2019-07-08 08:59:11