因為工作的需求之前也封裝過乙個js分享外掛程式，整合了我們公司常用的幾個分享平台。
但是總感覺之前的結構上很不理想，樣式，行為揉成一起，心裡想的做的完美，實際上總是很多的偏差，所以這次我對其進行了改版。
這次的核心就是：js只負責事件+結構，也就是把功能實現出來，具體的外觀樣式，則使用者自己進行定義。
以下是新版分享外掛程式的**：
1 (function(root);
20 (this.type && this.type.length)?this.custom() : this
.defa();21}
2223 share.prototype.custom=function
()28
this.dom.innerhtml =str;
29this
.bind();
30};
3132 share.prototype.defa=function
()37
this.dom.innerhtml =str;
38this
.bind();
39};
4041 share.prototype.bind=function
()48
this.dom = null;49
}5051 share.prototype.core=function
(o)87 }else
9192}93
94}9596 img.src=_this.params.qrcode;97}
9899
if(type!='wx')
111window.open(result);
112 }else
115}
116 root.share = function
(params);
119 })(window)
使用方式如下：
1share(
13});
14/*
**********==
1516
引數是乙個物件，具體的引數如下：
1718
|-- dom [object] ：指定生成分享元件的dom物件。
19|-- type [array] ：指定分享的型別。預設值為空陣列，表示生成全部的分享型別。
2021
|- qqweibo [string] ：分享到qq微博。
22|- qq [string] ：分享到qq好友。
23|- qqzone [string] ：分享到qq空間。
2425
|- rr [string] ：分享到人人網。
2627
|- db [string] ：分享到豆瓣。
28|- qqpy [string] ：分享到朋友網。
29|- kx [string] ：分享到開心網。
3031
|-- title [string] ：通用的分享標題。
32|-- desc [string] ：通用的分享描述。
3334
3536
|- self ：當前位置顯示。
37|- blank ：彈出層開啟。
3839
4041
42|-- qqweibo [object] ：單獨設定qq微博分享的引數。
43|- url ：單獨設定qq微博分享的url。
44|- title ：單獨設定qq微博分享的標題。
4546
|-- qq [object] ：單獨設定qq分享的引數。
47|- url ：單獨設定qq分享的url。
48|- title ：單獨設定qq分享的標題。
49|- desc ：單獨設定qq分享的描述。
50|- summary ：單獨設定qq分享的摘要。
5152
53|-- qqzone [object] ：單獨設定qq空間分享的引數。
54|- url ：單獨設定qq空間分享的url。
55|- title ：單獨設定qq空間分享的標題。
56|- desc ：單獨設定qq空間分享的描述。
57|- summary ：單獨設定qq空間分享的摘要。
5859
60|-- rr [object] ：單獨設定人人分享的引數。
61|- url ：單獨設定人人分享的url。
62|- title ：單獨設定人人分享的標題。
63|- desc ：單獨設定人人分享的描述。
6465
6667
6869
70|--db [object] ：單獨設定豆瓣分享的引數。
71|- url ：單獨設定豆瓣分享的url。
72|- title ：單獨設定豆瓣分享的標題。
73|- desc ：單獨設定豆瓣分享的描述。
7475
|--qqpy [object] ：單獨設定朋友網分享的引數。
76|- url ：單獨設定朋友網分享的url。
77|- title ：單獨設定朋友網分享的標題。
78|- desc ：單獨設定朋友網分享的描述。
79|- summary ：單獨設定朋友網分享的摘要。
8081
|--kx [object] ：單獨設定開心分享的引數。
82|- url ：單獨設定豆瓣分享的url。
83|- title ：單獨設定豆瓣分享的標題。
8485
8687
**********====
*/
修訂：2016/8/12 -- 修改**邏輯，精簡**。
封裝屬於自己的JS元件
function 2.將呼叫時候傳過來的引數和default引數合併 options extend fn.combobox.defaults,options 3.新增預設值 vartarget this target.attr valuefield options.valuefield target...
Vue 封裝乙個自己寫的元件或方法
1.首先寫好裡面的模板及傳遞過來的引數 2.定義乙個index.js並引入剛建立的元件並export defaut vue 3.在main.js裡面引入 然後vue.use 引入的名稱 vue封裝乙個js引用 vue封裝的js裡面可以是個物件 也可以是方法 export 和 export defau...
Vue封裝乙個自己的元件 Alert資訊提示框
在專案中經常遇到提示資訊元件，我們 一般會用ui庫來做。但是當ui庫無法滿足自己的需求 比如自定樣式，ui庫的樣式很難改變 下面就是簡單封裝乙個自己的alert資訊提示框。1.我們要做得是alert元件所以要預設幾個字段 title 標題 message 提示資訊 duration 顯示時間 2.給...