在回覆或是評論的時候,很多時間都需要有回覆表情的功能,然後而需要插入QQ表情可以是最常見的。 插件也寫多很多個了,這次寫插件就下了一個決定。就是使用模塊化來開發。 最後在我的源代碼中有這樣子一段: var css = require('./css.css'); //創建css var arr = r
在回覆或是評論的時候,很多時間都需要有回覆表情的功能,然後而需要插入QQ表情可以是最常見的。
插件也寫多很多個了,這次寫插件就下了一個決定。就是使用模塊化來開發。
最後在我的源代碼中有這樣子一段:
var css = require('./css.css'); //創建css
var arr = require('./facemap.js'); //返回表情數組
var insertText = require('./insertText.js'); //負責向textarea插入字元串
var position = require('./position.js'); //根據按鈕顯示div的位置
var creatFace = require('./creatFace.js'); //傳入arr 和圖片路徑 返回html字元串
可以很清楚的看到。把這些能獨立出去的都用模塊化了。
主要用到的知識點:
1.模塊化:採用node的方式module.exports
2.gulp來進行構建
3.webpack的loader的使用,將css也當成了插件的一個模塊。
代碼地址:https://github.com/kyo4311/jquery.qqface
線上示例:http://kyo4311.github.io/jquery.qqface/
當然,這隻是我自己用來學習的一個項目,沒有經過測試,可能會存在一些問題,
如果有同學以後用在實際項目了,併發現了什麼問題,可以在https://github.com/kyo4311/jquery.qqface/issues留言。