资讯专栏INFORMATION COLUMN

前端命名规范

马龙驹 / 524人阅读

摘要:以下是本人使用的命名规范,仅用参照命名命名命名文件命名文件命名文件命名语法命名变量常量类函数文件命名文件夹命名参考目录命名规范项目目录静态文件目录后台样式谢谢关注

以下是本人使用的命名规范,仅用参照

class命名:

id命名:

name命名:


html文件命名:

list_detail.html

css文件命名:

list_detail.css

js文件命名:

list_detail.js

js语法命名:

// 变量
var headerHgt = 240;

// 常量
const ROOT_PATH = "/";

// 类
function AsideOperate() {
    this.name = "zhangsan";
    this.age = 24;
}
var asideOperate = new AsideOperate();

// 函数
function setHgt() {
    // ……
}
setHgt();

// json
{"name": "tom", "age": 24}

image文件命名:

img-banner.jpg
bg-body.jpg
icon-search.png

文件夹命名(参考window目录命名规范):

Application // 项目目录
  Config
  Controller
  Common
  View
  Public // 静态文件目录
    images
    css
    js
    adminStyle // 后台样式
      images
      css
      js

谢谢关注~~

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/115367.html

相关文章

  • 前端编码规范之:样式(scss)编码规范

    摘要:前端编码规范之使用规范前端编码规范之样式编码规范前端编码规范之结构规范前端编码规范之最佳实践前端编码规范之编码规范命名的原则是通俗易懂,尽量保持不重复冲突,尽量不要用。我觉得应该避免出现出现这种方式用预处理器拼接出来的名称,会生成。 前端编码规范之:Git使用规范 前端编码规范之:样式(scss)编码规范 前端编码规范之:HTML结构规范 前端编码规范之:Vue最佳实践 前端编码规范...

    reclay 评论0 收藏0
  • [前端开发]--分享个人习惯的命名方式

    摘要:最近在知乎上看到这个作为程序员,有没有让你感到既无语又崩溃的程序命名。今天,也分享下最近自己在使用的命名习惯,当然只是个人习惯。但是两个函数的命名,一个是,另一个是。关于的命名规范,应该很多人都是习惯用大驼峰命名。 把一件平凡的事情做好,很平凡。把一件平凡的事情坚持的做好,很不平凡。 1.前言 如果说计算机科学只存在两个难题:缓存失效和命名。那么我就觉得命名的难点只有两个:词汇量和坚持...

    Rocture 评论0 收藏0
  • [前端开发]--分享个人习惯的命名方式

    摘要:最近在知乎上看到这个作为程序员,有没有让你感到既无语又崩溃的程序命名。今天,也分享下最近自己在使用的命名习惯,当然只是个人习惯。但是两个函数的命名,一个是,另一个是。关于的命名规范,应该很多人都是习惯用大驼峰命名。 把一件平凡的事情做好,很平凡。把一件平凡的事情坚持的做好,很不平凡。 1.前言 如果说计算机科学只存在两个难题:缓存失效和命名。那么我就觉得命名的难点只有两个:词汇量和坚持...

    Half 评论0 收藏0
  • [前端开发]--分享个人习惯的命名方式

    摘要:最近在知乎上看到这个作为程序员,有没有让你感到既无语又崩溃的程序命名。今天,也分享下最近自己在使用的命名习惯,当然只是个人习惯。但是两个函数的命名,一个是,另一个是。关于的命名规范,应该很多人都是习惯用大驼峰命名。 把一件平凡的事情做好,很平凡。把一件平凡的事情坚持的做好,很不平凡。 1.前言 如果说计算机科学只存在两个难题:缓存失效和命名。那么我就觉得命名的难点只有两个:词汇量和坚持...

    EastWoodYang 评论0 收藏0
  • 前端命名规范

    摘要:以下是本人使用的命名规范,仅用参照命名命名命名文件命名文件命名文件命名语法命名变量常量类函数文件命名文件夹命名参考目录命名规范项目目录静态文件目录后台样式谢谢关注 以下是本人使用的命名规范,仅用参照 class命名: id命名: name命名: html文件命名: list_detail.html css文件命名: list_detail.css js文件命名: list_...

    xbynet 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<