首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js命名规范

当有人需要快速理解代码时,清晰的命名提供了重要的上下文,无论他们是在编码、调试还是协助队友——俺不需要问别人用户的意思,但俺必须问数据的意思。...使用有意义的单词 例如,开发人员通常在默认情况下将变量命名为data,但是让我们检查一下它的几个定义: 作为推理、讨论或计算基础的事实信息(如测量或统计) 可传输或处理的数字形式的信息 这些定义可以引用我们处理的任何变量...使用完整的单词 当涉及到变量命名时,快捷方式通常意味着缩写或单个字符的变量名称。...您还会陷入将组件命名为MyComponentContainerContainer的尴尬境地。wrapper也是如此。 注意拼写: ) 单词拼写错误会产生bug,使搜索代码更加困难。

2.5K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Gulp实现css、js图片的压缩以及css、js文件的MD5命名

    目前做代码压缩合并的工具有很多,诸如gulp,webpack,grunt等等,可以说这些项目构建工具的功能非常之强大:图片压缩、图片转base64、css和js的压缩以及合并,文件的md5重命名 ……。...代码 npm install gulp-imagemin --save-dev //- 压缩图片 npm install gulp-base64 --save-dev //- 把小图片转成...目前index.html文件中的css和js的引用路径是这样的,如下图: ? 其他目录下的html文件也是这样的,都引用的是未压缩和md5命名的css和js文件。...运行完该命令后会生成以下三个目录:dist、rev-css、rev-js。其中dist目录下就是新的html文件、css文件、js文件和图片,目录和之前的webContent目录下的结构是一样的。...所有的css和js文件都加了md5命名了,所有的图片体积也小了,但用肉眼看不出来图片质量有变化。 此时dist目录下所有的html文件引用的css和js的引用路径都变成带有md5命名的了。

    12.1K80

    js变量命名规范

    最近对于ES6中变量命名关于变量是不是应该大写,特意再重新梳理了一遍基础,特总结如下: js变量命名规范 变量名区分大小写(y 和 Y 是不同的变量) 变量名包含字母、数字、美元符号()和下划线...可以采用驼峰命名法。...驼峰命名有两种形式: 小驼峰式命名法(lower camel case):第一个单字以小写字母开始;第二个单字的首字母大写,例如:firstName、lastName。...大驼峰式命名法(upper camel case):每一个单字的首字母都采用大写字母,例如:FirstName、LastName、CamelCase,也被称为Pascal命名法。...const用于声明常量,一旦定义就不能修改,常量声明后需同时赋值,并且常量通常以大写字母命名

    25010

    将excel中单元格的数据给图片命名(按学籍给图片命名

    如何按照学籍信息和对应学生的照片进行命名呢? 首先来看看效果 image.png 如上,假设我们根据学籍信息(由A-Z排序),拍摄学生照片。...如何将excel中对应的学生姓名和学号与对应的学生匹配并重命名呢? 最终实现的效果 image.png 问题解决难点 将excel中数据和图片一一对应是关键。...实现方案 01对拍摄的所有文件批量重命名 因为照相设备的不同,拷贝出来相片的命名方式是不同的。 image.png 如上,按照学生姓名(由A-Z排序)后,给学生拍照。...将所有图片进行批量重命名 import os class BatchRename(): def __init__(self): self.path = '/root/photo...运行效果 image.png 方案二 利用批处理实现(适用于没有python环境的用户) 首先将图片批量重命名,然后将图片名称放到excel中。

    3.6K30

    Vue.js命名风格指南

    前言 本命名风格指南推荐了一种统一的命名规范来编写 Vue.js 代码。这使得代码具有如下的特性: 统一团队的命名规范,其它开发者或是团队成员更容易上手阅读和理解。...命名分类 现在常用的vue命名规范无外乎四种: camelCase(驼峰式 ) kebab-case(短横线连接式) PascalCase(帕斯卡命名式) Snake(下划线连接式) 文件夹命名 如果你展开...单词大写开头对于代码编辑器的自动补全最为友好,因为这使得我们在 JS(X) 和模板中引用组件的方式尽可能的一致。...SearchInput.vue // 正确 components/ |- SearchButtonClear.vue |- SearchButtonRun.vue |- SearchInputQuery.vue 5、在JS...$emit('api-reload')) 2、采用PascalCase命名: 公共基础组件(MfcSelect) js中components注册组件时(import MyComponent from '

    1.8K20

    图片批量重命名_重命名批处理最大量

    -CSDN博客 批处理实例:利用上一级文件夹名对指定类型的文件重命名,并复制到一个目录下 ---- 前言:弄完批处理才发现,其实真要批量给文件按一定顺序重命名,直接按 时间/名称/大小 排好,全选中然后右键...“重命名”就好了。...代码不能高亮展示,很烦 REM rename (图片批量rename) REM 说明: REM 遍历所有.png 文件,不用截取文件名字 REM 利用延迟变量n 以此为序号重命名 @echo...我想的是:利用文件上次修改时间进行一次重命名,再按名称顺序来一次 总结 ---- 截取后的时间不能直接用来重命名(右图报错),需要格式处理(截取相应字符) 截取字符代码:name:~n,m...pdf" ) pause 光改成时间命名,下一步重命名还没做。 ---- 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。

    1.4K10

    JS 图片压缩

    前言 说起图片压缩,大家想到的或者平时用到的很多工具都可以实现,例如,客户端类的有图片压缩工具 PPDuck3, JS 实现类的有插件 compression.js ,亦或是在线处理类的 OSS 上传,...文件上传后,在访问文件时中也有图片的压缩配置选项,不过,能不能自己撸一套 JS 实现的图片压缩代码呢?...压缩思路 涉及到 JS图片压缩,我的想法是需要用到 Canvas 的绘图能力,通过调整图片的分辨率或者绘图质量来达到图片压缩的效果,实现思路如下: 获取上传 Input 中的图片对象 File 将图片转换成...// 获取文件对象 const fileObj = document.querySelector('#input-img').files[0]; // 获取文件名称,后续下载重命名...msSaveOrOpenBlob 支持下载和打开 window.navigator.msSaveOrOpenBlob(blob, fileName); blob 要下载的 blob 对象 fileName 下载后命名的文件名称

    25.8K21

    JS模块与命名空间的介绍

    一般来讲,模块是一个独立的JS文件。模块文件可以包含一个类定义、一组相关类、一个实用函数库或者一些待执行的代码。...下面有几种方式导出公用API: 首先创建一个命名空间 代码如下: // 创建一个全局变量用来存放与学校相关的模块 var school; // 创建school命名空间...返回命名空间对象 如果模块API包括多个单元,则它可以返回命名空间对象 代码如下: // 为school添加students模块 school.students = (function() {...已定义命名空间对象 作为一种替代方案,如果已经定义了全局命名空间对象,通过模块函数可以直接设置那个对象的属性。...代码如下: // 如果已经定义了命名空间对象 var school; // 创建school命名空间 if(!

    1.5K60

    图片批量重命名编号不带括号的_批量重命名不带括号

    如果你是一名摄影工作者,那么你的电脑里肯定会保存很多的图片,为了更好的整理和保存这些图片,比如一类主题的图片以相同文字命名并且编号,这样就方便以后查找了,解决办法有了,那么怎么给这么多图片命名并编号呢?...必须是重命名的放大,这样可以一键修改文件名,但是这样修改后的图片名称虽然有编号,但是编号外面加了一层括号,比较难看,很多小伙伴不想要这个括号,所以今天小编就为大家详细介绍“图片批量重命名编号不要括号”的方法...”软件包,然后安装并打开软件,点击两个“添加文件”中的任意一个,将需要重命名图片全部导入到软件中,可以导入不同文件夹中的图片。...步骤3,全部设置好后就可以点击【开始重命名】启动软件程序了,完成批量重命名后会弹出成功的提示框。 步骤4,查看案例修改的图片文件名可以看到,批量命名后的图片名整齐规范有编号,并且没有括号。...上面就是关于“图片批量重命名编号不要括号”的详细解决办法,一键就能帮助我们完成这些操作,节省打工人不少时间,方法不错记得点赞哦! 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。

    1.4K10
    领券