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,不要乱用!

    目录结构如下:

       

  • 相关阅读:
    OpenCV 学习笔记(1-1)opecv3.41及其扩展库在VS2015下配置
    OpenCV 学习笔记(11)像素级别指针操作
    (19) 树莓派发送微信消息
    mybatis+spring配置
    spring Ioc 实践
    运用BufferedWriter把数据写入文件
    【转】跟我一起学Spring 3(4)–深入理解IoC(控制反转)和DI(依赖注入)
    [转]Spring MVC之@RequestMapping 详解
    python错误处理
    python函数
  • 原文地址:https://www.cnblogs.com/bug-master/p/6230116.html
Copyright © 2011-2022 走看看