前言:
还是那句话,重复做毫无意义的东西就叫做体力活,所有有必要想想为什么
为什么有些东西,我会做,可就是那么累呢
人啊,要善于总结自己,总能发现自己的不足之处
之所以对前端模块关注了起来,是因为最近项目比较紧,其他项目组的前端页面竟然还是后台的人写的,时不时要去帮忙调样式找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代码块也是同理,之后会不定期更新
作为前端小白的我,经常看到前端大白说“温故而知新”
温馨提示:更新编辑器,默认文件会覆盖直接预设好的代码哦,最好备份!!!
温馨提示:更新编辑器,默认文件会覆盖直接预设好的代码哦,最好备份!!!
温馨提示:更新编辑器,默认文件会覆盖直接预设好的代码哦,最好备份!!!