什麼是封裝呢？
我的理解就是 把乙個功能單獨做成乙個元件，就像做餃子，以前做餃子必須自己先用麵粉做餃子皮，再做餃子餡，然後再手工包餃子，但是現在人們發明了自動包餃子機器，雖然機器裡面的每一步驟和你自己包餃子是一樣的，但是實際上你現在需要做的就只有一件事，就是放原料。這邊機器就是封裝好的外掛程式，而原料就是你要傳的引數
為什麼要把js功能封裝成外掛程式呢？我覺得有以下幾點吧
1、便於**復用
2、避免各個相同功能元件的干擾，可能會有作用域的一些問題
3、便於維護，同時利於專案積累
4、不覺得一直複製貼上很low麼.......
我在網上看到的封裝好像有兩種，一種是js的原生封裝，一種是jquery的封裝。這邊我先講一下原生封裝吧。
我們在封裝的時候會把js**放到乙個自執行函式裡面，這樣可以防止變數衝突。12
34(function()()}
然後再建立乙個建構函式12
345(function()
}())
把這個函式暴露給外部，以便全域性呼叫
(function()其實現在你可以直接呼叫了，封裝好了，雖然沒實現什麼功能window.demo = demo;
}())
var ss = new demo()；然後傳參怎麼搞呢，我們乙個外掛程式一般有一些必選引數或者可選引數，在我看來可選引數不過就是在外掛程式裡面給了預設值罷了。我們傳的引數會覆蓋外掛程式中的預設引數，可以用$.extend({})覆蓋12或者new demo()；
3456
78910
(function(),options)
}
window.demo = demo;
}())
然後你可以在在初始化建構函式的時候執行一些操作
就是這樣了。乙個超級簡單的封裝
我這邊有個疑問，extend只是jquery有嗎，js物件有什麼代替方法嗎？晚點在看看.............
還有需要提的是封裝js的時候我們要考慮周全，比如它的擴充套件性和相容性，還有效能怎麼樣，還有沒必要的就不需要封裝了......要有選擇性。
現在網上已經完成的外掛程式數不勝數，而且功能又十分強大，但是恰恰是這點，有的時候乙個很大的外掛程式我們只用到很小的一部分，那麼就需要我們自己修改成適合我們自己的了，而且有些專案的風格和現在的外掛程式風格也不同，所以關鍵是要適合自己的專案。
隔日不上
看了下jquery封裝
感覺就是把window物件換成了jquery物件？
(function($))呼叫的時候};})(jquery);
$("#xx").demo(); JS 01 書寫規範
此部分內容整理自私教指導和自我體會 持續更新.1.運算子左右兩邊留空格 webstorm快捷鍵ctrl alt l 2.判斷值是否相等盡量用 嚴格等於 3.程式設計中，可有可無的變數不要有，這樣 才能精簡，程式設計不要做多餘的事情 精簡 準確 細緻 比如下面這個，getsum就是乙個可有可無的變數 ...
jquery開發js外掛程式
1.需要掌握的知識點 1 function jquery 實際上就是匿名函式並且函式用 闊起來，形成閉包，外界對其內部函式沒有影響 function jquery function document ready function 用法都是一樣的，我們自定義外掛程式時需要用到 2 extend fn....
css書寫規範與引入方式
css的引入方式和書寫規範 1 內嵌樣式 內嵌樣式是把css的 嵌入到 html 標籤中 hello world 語法 1 使用style屬性將樣式嵌入到 html 標籤中 2 屬性的寫法 屬性 屬性值 3 多個屬性之間使用分號 隔開 2 內部樣式 在head標籤中使用 style 標籤進行 css...