Atom编辑器折腾记_(14)JQ代码片段补全(插件:Jquery-snippets)

题外话

一款好的代码片段插件可以提高我们写代码的效率.这是一个不争的事实;
今天,我要推荐的这一款,就是可以快速写JQ的插件

Jquery-snippets

插件作者: james2doyle

直入主题,最简易的安装方式,进入设置中心搜索Jquery-snippets ->install即可

似乎不能即时生效,我重启了下atom程序就生效了…

snippet 关键字

注: 像slideDown,click这些也涵盖了…但是作者木有列出来

  • $
  • $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

简易演示

输入snippet简写,tab键或者Enter触发补全…我就演示几个,其他小伙伴自己折腾

代码片段内含简单的占位解释字符,简直就是模版!!,连手册都省了[对于用习惯的人来说]

默认编辑位置会出现在第一个参数的单引号内部,省去了选中删除的功夫,很实在!!!

基本涵盖了JQ的所有方法和事件;

  • ajax : ajax请求
    Atom编辑器折腾记_(14)JQ代码片段补全(插件:Jquery-snippets)_第1张图片
    Atom编辑器折腾记_(14)JQ代码片段补全(插件:Jquery-snippets)_第2张图片

  • slideDown : 下拉动画效果
    Atom编辑器折腾记_(14)JQ代码片段补全(插件:Jquery-snippets)_第3张图片

Atom编辑器折腾记_(14)JQ代码片段补全(插件:Jquery-snippets)_第4张图片

  • toggleClass : 切换生效增加类
    Atom编辑器折腾记_(14)JQ代码片段补全(插件:Jquery-snippets)_第5张图片

Atom编辑器折腾记_(14)JQ代码片段补全(插件:Jquery-snippets)_第6张图片

结语

这插件对于经常和JQ打交道的小伙伴来说,可以列为必备插件了…

你可能感兴趣的:(Atom折腾记,Atom编辑器)