zoukankan      html  css  js  c++  java
  • M站开发规范——By Klax

    M站开发的规范,根据具体情况,涉及代码组织的模式,代码编码风格,模块化等,经...研究...决定:

    1.采用AMD 规范(RequireJS)实现js模块化。

    2.单个文件尽量采用面向对象编程和模块化结构,采用闭包,避免全局污染。

    禁止css中插入js,禁止js直接控制css。

    3.css使用预编译less,初始化reset.css,common.css

    4.图片的命名规范:相同功能模块放在一个文件夹下面 例如:test下的 类型_功能_类别_标记 : icon_longin_user_white.png

     相同的模块使用前缀限制:

    例如:

    .det_top { padding:.1rem; }
    .det_top h2 a { font-size:18px; color:#2db7f5; }
    .det_top_right{float:right;}
    .det_top_right button{border: 1px solid #C7CACC;padding: 4px 30px;background-color: #fff;border-radius: 3px;outline:none;}

    命名规范:

    头:header
    内容:content/container
    尾:footer
    导航:nav
    侧栏:sidebar
    栏目:column
    页面外围控制整体布局宽度:wrapper
    左右中:left right center
    登录条:loginbar
    标志:logo
    广告:banner
    页面主体:main
    热点:hot
    新闻:news
    下载:download
    子导航:subnav
    菜单:menu
    子菜单:submenu
    搜索:search
    友情链接:friendlink
    页脚:footer
    版权:copyright
    滚动:scroll
    内容:content
    标签页:tab
    文章列表:list
    提示信息:msg
    小技巧:tips
    栏目标题:title
    加入:joinus
    指南:guild
    服务:service
    注册:regsiter
    状态:status
    投票:vote
    合作伙伴:partner

    声明:authortication

    4.插件MUI,zepoto,mobileValidate,可能用到swipter3.X。

    在用到UI框架的时候尽量做到添加自己的类名my_banner,尽量不要在原类名上做修改,更不要改源文件。

    id是用来管理js,不要乱用!

    目录结构如下:

       

  • 相关阅读:
    果断MARK Flex的那些资源
    利用wamp配置虚拟主机
    wamp+cmd命令行配置zend框架
    [MVVM Light] ViewModelBase
    The WPF Tab Control Inside and Out
    21 Important FAQ questions for WPF and SilverLight
    MIME 多用途互联网邮件扩展
    The Future of Client App Dev : WPF and Silverlight Convergence
    View 中DataContext的设置问题
    [MVVM Light]Messenger 的使用
  • 原文地址:https://www.cnblogs.com/bug-master/p/6230116.html
Copyright © 2011-2022 走看看