浙江爱信诺前端规范

组件 - zencoding

使用说明
在html、css、js文件中任意位置输入相应语法,执行快捷键后会显示执行结果
快捷键说明
快捷键 功能说明
Ctrl E 执行语法
语法以及执行结果
注意:* 表示任意字符

html

语法 执行结果
ie
                                            <!--[if IE -]>

                                            <![endif]-->
                                            
ie:_*
                                            <!--[if IE *]>

                                            <![endif]-->
                                            
html:5
                                            <!DOCTYPE html>
                                            <html>
                                            <head>
                                                <meta charset="utf-8" />
                                                <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
                                                <meta name="format-detection" content="telephone=no" />
                                                <meta name="apple-mobile-web-app-capable" content="yes" />
                                                <meta name="renderer" content="webkit" />
                                                <meta name="keywords" content="" />
                                                <meta name="description" content="" />
                                                <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
                                                <base href="" target="_self" />
                                                <title></title>
                                                <link rel="stylesheet" type="text/css" href="" />
                                            </head>

                                            <body class="g-box">
                                                <!-- header -->
                                                <div class="g-header"></div>
                                                <!-- /header -->

                                                <!-- content -->
                                                <div class="g-content"></div>
                                                <!-- /content -->

                                                <!-- footer -->
                                                <div class="g-footer"></div>
                                                <!-- /footer -->
                                                <script type="text/javascript" src=""></script>
                                            </body>
                                            </html>
                                            

css

语法 执行结果
css:_*
                                            /**
                                             * @filename *.css
                                             * @author Aniu[yyyy-MM-dd hh:mm]
                                             * @update Aniu[yyyy-MM-dd hh:mm]
                                             * @version v1.1
                                             * @description none
                                             */
                                            
@i
                                            @import url();
                                            
fixed
                                            position:fixed; _position:absolute; right:10px; bottom:10px; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)10)-(parseInt(this.currentStyle.marginBottom,10)0)));
                                            
tran:_*
                                            /* 这段代码必须置在样式单末尾 */
                                            filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0000000,endColorstr=#0000000); background:rgba(0,0,0,0); background:transparent\;
                                            

javascript(仅nodepad++支持)

语法 执行结果
js:_*
                                            /**
                                             * @filename *.js
                                             * @author Aniu[yyyy-MM-dd hh:mm]
                                             * @update Aniu[yyyy-MM-dd hh:mm]
                                             * @version v1.1
                                             * @description none
                                             */
                                            
note
                                            /**
                                             * @func 
                                             * @type <>
                                             * @return <>
                                             * @param param <>
                                             * @desc 
                                             */
                                           
jq
                                            $(function(){
                                                
                                            });
                                           
jq:ready
                                            $(document).ready(function(){
	
                                            });
                                           
jq:fn_*
                                            $.fn.* = function(o){
                                                o = $.extend({}, o||{});
                                                return this.each(function(){
                                                    
                                                });
                                            }
                                           
下载
zencoding_notepad++.rar zencoding_dreamweaver.rar