Movatterモバイル変換


[0]ホーム

URL:


codecamp

Atom JQ 代码片段补全

JQ 代码片段补全

题外话

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

Jquery-snippets

下载地址:https://atom.io/packages/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 键或者 Ente r触发补全,我就演示几个,其他小伙伴自己折腾。

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

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

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

ajax : ajax 请求

slideDown: 下拉动画效果

toggleClass: 切换生效增加类

Atom JS 代码智能提示补全
Atom JS 代码片段补全
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录
Atom 简介
Atom 基础
Atom 插件主题推荐
Atom 自定义按键绑定
Atom 保存与预览功能
Atom config.cson 基础教程
Atom Emmet 实例教程
Atom 分屏操作
Atom 实用侧边栏插件
Atom CSScomb 增强版
Atom 编辑器实时预览 HTML 页面
Atom Sync-setttings(插件-备份神器)
Atom JS 代码智能提示补全
Atom JQ 代码片段补全
Atom JS 代码片段补全
Atom 深入自定义快捷键
Atom atom-minify(CSS/JS压缩神器)
Atom Atom 内运行 gulp 的实现方法
Atom Atom 代码输入震动效果

ATOM版本更新

关闭

MIP.setData({'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false},'pageFontSize' : getCookie('pageFontSize') || 20});MIP.watch('pageTheme', function(newValue){setCookie('pageTheme', JSON.stringify(newValue))});MIP.watch('pageFontSize', function(newValue){setCookie('pageFontSize', newValue)});function setCookie(name, value){var days = 1;var exp = new Date();exp.setTime(exp.getTime() + days*24*60*60*1000);document.cookie = name + '=' + value + ';expires=' + exp.toUTCString();}function getCookie(name){var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)');return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null;}
[8]ページ先頭

©2009-2025 Movatter.jp