创建自己的模板之----扩展自定义代码块感受

前言：

还是那句话，重复做毫无意义的东西就叫做体力活，所有有必要想想为什么

为什么有些东西，我会做，可就是那么累呢

人啊，要善于总结自己，总能发现自己的不足之处

之所以对前端模块关注了起来，是因为最近项目比较紧，其他项目组的前端页面竟然还是后台的人写的，时不时要去帮忙调样式找bug什么的

自己手头上的项目还得接着做，不能停下来，这是最主要的

于是乎，我才开始找偷懒的方式，加速页面开发

再于是乎，看到了编辑器上的扩展自定义代码块这一栏，真的是解救了我

这么有趣的东西，为什么以前没有发现呢。

经常写js的时候，会遇到事件代理类型的绑定方法

也就是这一段

    	$("").on("click","",function(){
    	  
    	})

下面介绍怎么通过在js文件中只输入“jon”(输入jon三个字符，我自己觉得方便就取这个名字了，译为js中on绑定方法)显示上面这一段

1，打开工具》扩展代码块》自定义js代码块

2，在文件中添加自己的代码块

  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
                                                 //这个自定义代码块是2018/05/13 19:47在成都大学图书馆添加的哦
  snippet "class_on_click" do |s|                //显示的提示文字为class_on_click
  s.trigger = "jon"                              //唤醒代码块（字符串不要用数字）
  s.expansion = "\\$(\"$1\").on(\"click\",\"$0\",function(){   //展示代码块的时候到了
                                                               //注意： 1,$符号要用两个\\符号进行转义
})"                                                            //       2,代码块中含有""符号的要用\符号进行转义
  end                                                          //       3,代码块中$1意思是代码块显示出来后,光标显示位置（只有$1和$0）                       

3，开始偷懒（上图为唤醒提示，敲回车后显示下图）

这里只是举个了例子，在刚才打开的扩展自定义代码块js的文件中，文档还是很全的

扩展自定义html代码块，以及扩展自定义css代码块也是同理，之后会不定期更新

作为前端小白的我，经常看到前端大白说“温故而知新”

温馨提示：更新编辑器，默认文件会覆盖直接预设好的代码哦，最好备份！！！

温馨提示：更新编辑器，默认文件会覆盖直接预设好的代码哦，最好备份！！！

温馨提示：更新编辑器，默认文件会覆盖直接预设好的代码哦，最好备份！！！