网络编程
位置:首页>> 网络编程>> 网页设计>> 学用代码片段(2)

学用代码片段(2)

  发布时间:2011-09-06 19:37:35 

标签:代码,css,模板

预设变量

IDEA自带两个变量,用户无法修改,一个是$SELECTION$。

$SELECTION$被用于“环绕模版”中,所谓环绕模版,就是当模版被展开的时候,被选择的文字会包含在模版之中。比如我创建一个模版如下:

这时候有两种方法来展开模版,方法一是通过缩写+指定快捷键,方法二是Ctrl+Alt+T,然后选择对应的模版,这个时候所有的包含了$SELECTION$的。

另一个预设变量是$END$,它表示模版结束的地方。

Expression

在编辑模板的对话框中点击Edit varibles按钮的时候,会出现一个对话框,其中可以编辑每一个变量的Expression。

Express中可以有3种值:

  • 预设的函数,可能有参数,也可能没参数。Predefined functions with possible arguments.

  • 双引号包围的字符串常量。String constants in double quotes.

  • 其他变量的名字。The name of another variable defined in a live template.

    预设的函数有一些会很有用,比如用time()输出当前的时间。

    例子

    以下是我用代码片段来给项目带来快捷的一些例子。从这些例子中主要可以看出使用代码片段的几个优势:

    html

    /[tab]

    <!-- $END$ -->

    a[tab]

    <a href="##" title="$text$">$text$</a>$END$

    ai[tab]

    <a href="##" title="$title$"><img src="pic/sample.jpg" alt="$title$" /></a>

    b[tab]

    <b class="btn_$value$"></b>

    div[tab]

    <div class="$end$"> </div>

    dl[tab]

    <dl> <dt></dt> <dd></dd> <dt></dt> <dd></dd> </dl>

    i[tab]——【说明】项目中约定用i标签做图标

    <i class="ico_$end$"></i>

    img[tab]

    <img src="http://placehold.it/70x53" alt="$alt$" />$END$

    jquery[tab]——【说明】在项目中经常需要做一些简单的动态演示,给前台开发使用,简单 演示我就用jquery来做

    <!-- 前端演示脚本 开始 --> <script src="http://qzonestyle.gtimg.cn/qzone_v6/html/api/js/jq.js" type="text/javascript"></script> <script type="text/javascript"> </script> <!-- 前端演示脚本 结束 -->

    la[tab]——【说明】list里面包含一个a,这是常用的一种结构

    <li><a href="#">$text$</a></li>$END$
    1. 一致性

    2. 便捷性

    3. 规范性

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com