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编辑 ...
随机推荐
- 从零开始学 Java - Spring AOP 实现主从读写分离
深刻讨论为什么要读写分离? 为了服务器承载更多的用户?提升了网站的响应速度?分摊数据库服务器的压力?就是为了双机热备又不想浪费备份服务器?上面这些回答,我认为都不是错误的,但也都不是完全正确的.「读写 ...
- Hadoop中MR程序的几种提交运行模式
本地模型运行 1:在windows的eclipse里面直接运行main方法,就会将job提交给本地执行器localjobrunner执行 ----输入输出数据可以放在本地路径下(c:/wc ...
- 基于 Angularjs&Node.js 云编辑器架构设计及开发实践
基于 Angularjs&Node.js 云编辑器架构设计及开发实践 一.产品背景 二.总体架构 1. 前端架构 a.前端层次 b.核心基础模块设计 c.业务模块设计 2. Node.js端设 ...
- JavaScript调试 - debugger语句
语法: debugger 作用: 启动调试器 备注: 1. 可以将debugger语句放在过程的任何地方以中止执行.2. 使用debugger语句类似于在代码中设置断点. 3. debugger语句中 ...
- 原生JS实战:写了个斗牛游戏,分享给大家一起玩!
本文是苏福的原创文章,转载请注明出处:苏福CNblog:http://www.cnblogs.com/susufufu/p/5869953.html 该程序是本人的个人作品,写的不好,未经本人允许,请 ...
- javascript 实现一个回文数字
写一个方法,让"1234"变成回文数字“1234321”,就是顺着读和倒着读都是一样的:注:不让用reverse()方法: function palindrome(str){ va ...
- android重复的文件复制APK META-INF许可证错误记录
* What went wrong:Execution failed for task ':app:transformResourcesWithMergeJavaResForDebug'.> c ...
- Mac 下安装Jenkins
Mac 下安装Jenkins 开始 Jenkins是一个基于Java开发的一种持续集成工具,用于建工持续重复的工作,功能包括: 持续的软件版本发布/测试项目 监控外部调用执行的工作. 近期打算搭建自动 ...
- iOS 杂笔-25(不要用copy修饰NSMutableString)
iOS 杂笔-25(不要用copy修饰NSMutableString) 首先对题目进行简单的解释,我所说的不要用copy修饰NSMutableString不是说完全不可以用.但是要清楚一点,既然使用N ...
- android 多线程
本章讲述在android开发中,多线程的应用.多线程能够处理耗时的操作并优化程序的性能.本章主要介绍知识点,AsyncTask,Java线程池,ThreadPoolExecutor线程池类.本章案例只 ...