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

    目录结构如下:

       

  • 相关阅读:
    mysql 查询表结构
    微信网页分享 jssdk config:invalid signature 签名错误
    小程序ios开发注意点
    自己常用易忘的CSS样式
    好久好久没写,,百度API逆地址解析以及删除指定marker
    关于vue打包是因代码校验报错
    git命令行 整理(一位大神给我的私藏)
    百度地图IP定位,点击地图添加marker
    vue-百度地图-maker文字标签显示隐藏
    vue脚手架搭建项目引用百度地图--出坑
  • 原文地址:https://www.cnblogs.com/bug-master/p/6230116.html
Copyright © 2011-2022 走看看