題外話

一款好的代碼片段插件可以提高我們寫代碼的效率。這是一個(gè)不爭(zhēng)的事實(shí)；今天，我要推薦的這一款，就是可以快速寫 JQ 的插件。

Jquery-snippets

下載地址:https://atom.io/packages/jquery-snippets

插件作者: james2doyle

最簡(jiǎn)易的安裝方式，進(jìn)入設(shè)置中心搜索 Jquery-snippets ->install即可

似乎不能即時(shí)生效，重啟下 atom 程序就生效了

snippet 事件

注: 像 slideDown，click 這些也涵蓋了….但是作者木有列出來(lái)。

• $
• $ajaxSend
• $ajaxSetup
• $ajaxStart
• $ajaxStop
• $ajaxSuccess
• $boxModel
• $browser-version
• $browser
• $each
• $extend
• $get
• $getScript
• $holdReady
• $inArray
• $isEmptyObject
• $isNumeric
• $isPlainObject
• $isWindow
• $map
• $merge
• $noop
• $now
• $parseJSON
• $parseXML
• $post
• $sub
• $trim
• $type
• $unique
• $when
• add
• addback
• addClass
• after
• ajax
• ajaxComplete
• ajaxError
• andSelf
• animate-(with-callback)
• animate
• append
• appendTo
• attr-multiple
• attr
• before
• bind
• blur
• change
• children
• clearqueue
• click
• clone
• closest
• contains
• contents
• css-multiple
• css
• data
• dblclick
• delay
• delegate
• dequeue
• die
• document-ready-1
• document-ready-2
• document-ready
• each
• end
• eq
• error
• fadeIn
• fadeOut
• fadeTo
• fadeToggle
• filter-function
• filter
• find
• finish
• first
• focus
• focusin
• focusout
• get
• getJSON
• has
• hasClass
• height
• hide
• hover
• html
• index
• innerHeight
• innerWidth
• insertAfter
• insertBefore
• is
• keydown
• keypress
• keyup
• last
• live
• load
• loadAHAH
• map
• mousedown
• mouseenter
• mouseleave
• mousemove
• mouseout
• mouseover
• mouseup
• next
• nextAll
• nextUntil
• not
• off
• offset (function)
• offset
• offsetParent
• on
• one
• outerHeight
• outerWidth
• parent
• parents
• parentsUntil
• prepend
• prependTo
• prev
• prevAll
• prevUntil
• promise
• prop
• prop(map)
• reject
• remove
• removeAttr
• removeClass
• removeData
• removeprop
• replaceAll
• replaceWith
• reset
• resize
• resolve
• resolveWith
• scroll
• scrollLeft
• scrollTop
• select
• serialize
• serializeArray
• show
• siblings
• size
• slice
• slideDown
• slideToggle
• slideUp
• stop
• submit
• text
• then
• this
• toArray
• toggle-showHide
• toggleClass
• toggleEvent
• trigger
• triggerHandler
• unbind
• undelegate
• unwrap
• val
• width
• wrap
• wrapAll
• wrapInner

簡(jiǎn)易演示

輸入 snippet 簡(jiǎn)寫，tab 鍵或者 Ente r觸發(fā)補(bǔ)全，我就演示幾個(gè)，其他小伙伴自己折騰。

代碼片段內(nèi)含簡(jiǎn)單的占位解釋字符，簡(jiǎn)直就是模版，連手冊(cè)都省了[對(duì)于用習(xí)慣的人來(lái)說(shuō)]

默認(rèn)編輯位置會(huì)出現(xiàn)在第一個(gè)參數(shù)的單引號(hào)內(nèi)部，省去了選中刪除的功夫，很實(shí)在。

基本涵蓋了 JQ 的所有方法和事件。

ajax : ajax 請(qǐng)求

http://wiki.jikexueyuan.com/project/atom/images/jq.png" alt="" /> http://wiki.jikexueyuan.com/project/atom/images/jq1.jpg" alt="" />

slideDown: 下拉動(dòng)畫效果

http://wiki.jikexueyuan.com/project/atom/images/jq2.png" alt="" /> http://wiki.jikexueyuan.com/project/atom/images/jq3.png" alt="" />

toggleClass: 切換生效增加類

http://wiki.jikexueyuan.com/project/atom/images/jq4.png" alt="" /> http://wiki.jikexueyuan.com/project/atom/images/jq5.png" alt="" />