webstrom live templates

javascript: 在live templates底部要选择javascript
#
$('#$END$')
$
$($end$)
$bd
$(document.body)
$d
$(document)
$w
$(window)
.
$('.$END$')
?
$CONDITION$ ? $VAL1$ : $VAL2$
a
alert($END$);
ac
appendChild($end$)
ae
addEventListener('$var$', $end$, false)
ag
arguments
ap
appendChild
arg
arguments
at
attachEvent($end$)
bb
(function(){
$END$
})();
c
constructor
cb
callback
cl
console.log($END$);
d
document
da
document.addEventListener('$var$', $end$, false);
db
document.body
dba
document.body.appendChild($end$);
dc
document.createElement($end$)
dct
document.createTextNode($end$)
dd
document.documentElement
de
documentElement
defn
define(["$MODULE_REF$"], function($MODULE_VAR$) {
$END$
});
del
delete $end$
det
detachEvent($end$)
di
document.getElementById('$END$')
dn
document.getElementsByName('$END$')
dq
document.querySelector('$end$')
dqa
document.querySelectorAll('$end$')
dt
document.getElementsByTagName('$END$')
e
else {
$end$
}
eif
else if($var$){
$end$
}
f
function $var$($var2$){
$END$
}
fa
false
fc
function $INDEX$(){
}
$INDEX$.prototype = {
name: function (){
}
}
fd
function($var$){
$end$
},
for
for(var i=0,len=$ARRAY$.length; i<len; i++){
$END$
}
forin
for (var $VAR$ in $ARRAY$) {
}
gc
getElementsByClassName('$end$')
gi
getElementById('$end$')
gt
getElementsByTagName('$end$')
h
height()
hover
hover(function(){
$end$
},function(){
$ARRAY$
});
i
this
i.
this.$var$ = $var$;
ib
insertBefore($end$)
ic
this.className = $end$
id
getElementById($end$);
if
if($var$){
$end$
}
ife
if($var$){
$end$
} else {
$var2$
}
ifeif
if($var$){
$end$
} else if($var2$){
$var3$
}
iff
if($end$){ }
ifif
if($var$){
$end$
} else if($var2$){
$var3$
}
ih
innerHTML
itar
for (var $INDEX$ = 0; $INDEX$ < $ARRAY$.length; $INDEX$++) {
var $VAR$ = $ARRAY$[$INDEX$];
$END$
}
iter
for each (var $VAR$ in $ARRAY$) {
$END$
}
itin
for (var $VAR$ in $ARRAY$) {
$END$
}
j
$('$END$')
jb
$($end$).bind('click', function(){
});
jc
$($end$).click(function(){
});
jd
$($end$).delegate('click', function(){
});
jfd
$($END$).find()
jh
$($end$).hover(function(){
}, function(){
});
ji
$(this)
jqfn
(function($){
$.fn.$END$ = function(options){
var defaults = {
};
var opts = $.extend({}, defaults, options);
return this.each(function(){
});
}
})(jQuery);
jval
$('#$END$').val()
l
length
lc
location
lh
location.href
lo
location
mf
$var$ : function($END$){
$END2$
}
mo
$ene$: {
}
nf
$var$ : function($END$){
$END2$
},
nn
nodeName
no
$ene$: {
},
nt
nodeType
nv
nodeValue
p
prototype
pn
parentNode
qs
querySelector($end$)
r
return $end$;
rc
removeChild($end$);
re
removeEventListener($ene$)
ref
///<reference path="$PATH$"/>
$END$
rf
return false;
rff
return function(){
$END$
}
ri
return this;
ritar
for (var $INDEX$ = $ARRAY$.length - 1; $INDEX$ >= 0; $INDEX$--) {
var $VAR$ = $ARRAY$[$INDEX$];
$END$
}
rm
return {
$end$: function(){
}
}
rn
return null;
ro
return {
$end$
}
rr
return $end$
rs
return '$end$';
rt
return true;
s
style
sd
style.display
si
setInterval($end$);
sif
setInterval(function(){
}, $end$);
st
setTimeout($end$);
stf
setTimeout(function(){
}, $end$);
sw
switch($var1$){
case $var2$:
$var3$
break;
}
t
that
t.
that.$var$ = $var$;
tag
getElementsByTagName($end$)
tg
tagName
to
typeof $end$
tr
true
try
try{
$end$
} catch(e) {
}
ts
toString()
u
undefined
us
"use strict";
$END$
v
var $end$
va
var $END$ = [];
vf
var $END$ = function(){
}
vo
var $END$ = {
name: function(){
}
}
w
window
wd
width()
while
while($var$){
$END$
}
zz
(function(){
$end$
}());
HTML:
video
<video id="$VAR$" src="$END$" width="100%" height="100%" preload="preload" x5-video-player-type="h5" x5-video-player-fullscreen="true" webkit-playsinline="true" playsinline="true" style="object-fit: cover;"></video> st
<style type="text/css">
$END$
</style> ss
<script type="text/javascript" src="$END$"></script>
参考:http://www.cnblogs.com/jikey/archive/2012/01/16/2323590.html
webstrom live templates的更多相关文章
- webstrom使用方法
一.设置file-settings- -color&fonts设置,字体 主体 -file and code templates模板ctrl+r 查找,替换1 双击shift 快速查找2 fi ...
- webstorm的live templates快速编辑功能,让你的css JS代码书写速度飞起来
前言: Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生.它使用仿CSS选择器的语法来生成代码, 大大提高了HTML/CSS代码编写的速度,比如下面 ...
- sublime,webstrom,vscode的使用感受,以及对于vue和webpack的支持,还有一些快捷键使用心得
从最开始用sublime3到webstrom再到vscode,我的感觉如下: sublime首次加载项目文件速度较快,每次装插件有点麻烦,插件很丰富,也很好用. webstrom首次加载项目文件速度奇 ...
- 如何删除webstrom中生成的.idea wrokspace
首先说下遇到的问题,之前一直是通过webstrom来操纵github 以及git ,包括切换,生成分支,pull,push代码,这几天心血来潮 通过git代码进行了一次这些操作,然后当我在gitlab ...
- WebStrom与Github连接
刚开始接触GitHub,之前都是用git命令来提交代码,很是麻烦~~~,现在通过WebStrom将项目提交到GitHub网站上(简单容易了很多). 第一:webstrom创建项目然后上传到githu ...
- 解决Windows版Git出现templates not found的问题
环境: Win10 x64 Git windows客户端(下载自 https://git-scm.com/) SourceTree 1.9.6.1(使用系统安装的Git,而非SourceTree内嵌的 ...
- [c++] Templates
Template是编译时多态.所有的模板都是在编译时产生对应的代码,它没有面向对象中的虚表,无法实现动态多态. Function Template A function template is a p ...
- webstrom配置sass与less
1.less 安装一个稳定版的node.[例如node-v4.4.4-x64] 然后直接在webstrom里导入那个lessc.cmd 2.sass 安装ruby. 安装完之后点开,Start那个安装 ...
- WebStrom快捷键
WebStorm 是 JetBrains 推出的一款商业的 JavaScript 开发工具 任何一个编辑器都需要保存(ctrl + s),这是所有win平台上编辑类软件的特点,但是webstorm编辑 ...
随机推荐
- 关于Spring/Hibernate 3.x升级4.x的小问题
情景: 之前版本 现在版本 JDK 1.7 1.8 Tomcat v7.0 v8.0 Spring 3.x 4.x Hibernate 3.x 4.x MySQL 忘了 5.1.53 分析: 如果 ...
- 9、ASP.NET MVC入门到精通——Controller(控制器)
本系列目录:ASP.NET MVC4入门到精通系列目录汇总 Controller主要负责响应用户的输入.主要关注的是应用程序流,输入数据的处理,以及对相关视图(View)输出数据的提供. 继承自:Sy ...
- 从CSS实现正片叠底看=>混合模式mix-blend-mode
兼容性:这个东西说多了也没意思,像HTML5和CSS3这种兼容性时刻变化的东东,我们最好在自己支持的设备上实验,不支持,就在想办法呗,这个东西就是为了方便和好玩 所有属性: mix-blend-mod ...
- [deviceone开发]-一个固定列,可以上下左右滑动的表格示例
一.简介 一个类型table的例子,第一列和第二列可以固定,剩下的后面的很多列都可以左右滑动,也可以上下滑动,这种需求一般是为了展示多列表格数据.这个例子是通过二大部分: 左边是一个普通的listvi ...
- Spring(5)—— 注解
注解Annotation,是一种类似注释的机制,在代码中添加注解可以在之后某时间使用这些信息.跟注释不同的是,注释是给我们看到,java虚拟机不会编译,注解也是不编译的,但是我们可以通过反射机制来读取 ...
- 初识HTML
前面的话 HTML文档的后缀一般都是.html,但是在以前,.htm后缀也是不少的,它们都代表html文档,实际上也没有本质的区别.htm是在win32时代,系统只能识别3位扩展名时使用的.现在一般都 ...
- Activity详解四 activity四种加载模式
先看效果图: 1概述 Activity启动方式有四种,分别是: standard singleTop singleTask singleInstance 可以根据实际的需求为Activity设置对应的 ...
- Mac 下安装Jenkins
Mac 下安装Jenkins 开始 Jenkins是一个基于Java开发的一种持续集成工具,用于建工持续重复的工作,功能包括: 持续的软件版本发布/测试项目 监控外部调用执行的工作. 近期打算搭建自动 ...
- 学习Maven之Cobertura Maven Plugin
cobertura-maven-plugin是个什么鬼? cobertura-maven-plugin是一个校验单元测试用例覆盖率的工具,可以生成一个测试覆盖率报告,可以给单元测试用例编写提供参考. ...
- Linux 平台MySQL启动关闭方式总结
MySQL的启动方法有很多种,下面对比.总结这几种方法的一些差异和特性,下面实验的版本为MySQL 5.6.如有疏漏或不足,敬请指点一二. 1:使用mysqld启动.关闭MySQL服务 mysql ...