创建自己的模板之----自定义js代码块

前言:整理的常用快捷显示代码块方式

snippet "return true;" do |s|
  s.trigger = "rtrue"
  s.expansion = "return true;"
  end
  
  snippet "return false;" do |s|
  s.trigger = "rfalse"
  s.expansion = "return false;"
  end
  
  snippet "function funnname(){}" do |s|      #=========function
  s.trigger = "ff"
  s.expansion = "function funname() {
    $1                    
}"
  end
  
  snippet "console.log()" do |s|                #=========console.log
  s.trigger = "cc"
  s.expansion = "console.log($1);"
  end
  
  
  
  snippet "_a" do |s|                           #==============模块内对a绑定
  s.trigger = "ja"
  s.expansion = "\\$(\".main\").on(\"click\",\"$1\",function(e){
  e.preventDefault(); 
  $0
})"
  end
  
  snippet "bar_li" do |s|                        #=============导航栏
  s.trigger = "jbar"
  s.expansion = "\\$(\".bar\").on(\"click\",\"li\",function(){
  \\$(this).addClass(\"act\").siblings().removeClass(\"act\");
})"
  end
  
  
  snippet "class_on_click" do |s|               #================on绑定方法
  s.trigger = "jon"
  s.expansion = "\\$(\"$1\").on(\"click\",\"$0\",function(){
  
})"
  end
  
  snippet "fori" do |s|                          #=============for循环方法
  s.trigger = "jfori"
  s.expansion = "for(var i=0,len=$1;i

 

你可能感兴趣的:(自定义js快捷模板)