web前端命名规则有哪些


本篇内容介绍了“web前端命名规则有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!这是一个用来获取定位权限的函数。虽然这个名称很长,但是语义化清晰,看一眼就知道他是用来做什么的。这里可以拆分成为 3 部分 get 获取的意思 location 定位的意思 permission 权限的意思, 这样一个十分具有语义化的函数命名就完成了。一般为动词,后面加上具体要做什么的名词_ : 一般用于表示私有的字段,不希望外部访问例如:_index当然也有写在尾部的风格例如:index_has 常用于表示有没有或者是否包含 / 而 is 常用于表示是不是,是否has的使用场景,例如is 的使用场景总结一下: has 是 “有没有” 包含的关系,而 is 则是 “是不是?”这个意思首先,你要清楚知道你这个函数是用来干什么的。比如我需要写一个函数用来处理对象、数组等数据是否为空。那么我可以这样写 isEmpty 是否为空。例如我需要一个函数来获取本地保存的用户信息,另一个是需要通过网络请求来获取用户信息那么我可以这样来编写仔细拆分,获取关键的字眼。 ‘获取本地保存的用户信息’ => get(获取)local(本地)UserInfo(用户信息) 这样,一个十分具有语义化的函数命名就完成了使用小驼峰命名规则 / 组件构造函数使用大驼峰 / 组件文件名使用下划线开头小驼峰大驼峰下划线注意点1: 通用性,不能随便拉出来一个单词就使用缩写,例如我想写一个 class 用于管理整个用户本地存储信息的获取、修改、删除等操作。可以这样命名这个class :LocalUserInfoManage 或者说放到 同一个 localStroage 目录下,每一个再使用 UserInfoManage / UserConfigManage 等用于区分。 但是不能够 这样命名 lum ?l (local)u (user / userInfo)m (manage)!!?这样就比较迷惑了, 命名本来就是让其他人看起来更加简单易懂,而不是增加阅读负担注意点2:保证统一性 既然某个单词使用了缩写, 那么最好都用缩写,不能有的写,有的不写注意点3:缩写是作为一个单词存在,也就是这样的规则去命名的,例如: typeScript 缩写 ts这里第一个是小写,那么就是小写,后面的 Script 不再是单独的一个单词,应该是与前面是属于一个单词。转换规则 typeScript => tscript => ts , 同理如果 TypeScript => Ts , 这是只在命名的情况下的转换注意点4:不要通过删除单词中的字母来达到缩写的目的一些不好的命名:以上有很多其实在平时已经有使用到,也还有很多没有写进去的,使用缩写命名的时候一定要注意规范,参考第六点。关于常量的命名,一般不会改变的变量,这类变量比较固定(例如:一天有多少毫秒,180deg 或者 xxx deg的选择角度,再就是和其他人约定好的魔鬼数字等等)他们的共同点是我们无法使其变化,也可以说我们不希望他会被改变。这种常量的话一般是使用全大写,每一个单词使用 _ 下划线分开。 例如一天毫秒数综合by: 通过这段是获取用户 aid , 使用 get user aid, 无可厚非,但有时候我们并不需要去从用户信息中拿,而是直接从本地拿。此时就可以加上 by 了, 并且语义表现上也会丰富参考命名:现在你有一个组件 picker ,基于 picker 封装了一个时间选择器目录结构如下那么引入的命名应该是 父级文件名 + 组件名 / 或者你直接把组件的文件名命名成这样也可以的_ 或者 – 分割单词时,一定要统一,二者选一个就可以“web前端命名规则有哪些”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注百云主机网站,小编将为大家输出更多高质量的实用免费云主机域名文章!

相关推荐: 怎么用js代码显示世界时间

本篇内容主要讲解“怎么用js代码显示世界时间”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么用js代码显示世界时间”吧!具体代码如下: 埃尼威托克岛(GMT-12) 萨摩亚群岛(GMT-11) 夏威夷(GMT-1…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 03/18 18:42
下一篇 03/18 18:43

相关推荐