首页 / JAVASCRIPT / javascript-常见的js插件为什么都用连字符命名而不用驼峰？

javascript-常见的js插件为什么都用连字符命名而不用驼峰？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-常见的js插件为什么都用连字符命名而不用驼峰？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1144字，纯文字阅读大概需要2分钟。

内容图文

常见的bootstrap,swiper,slide,fullpage等为什么使用“-”连字符的方式命名而不是使用驼峰？
毕竟驼峰双击一下就能选中，连字符还要选一下。

回复内容：

常见的bootstrap,swiper,slide,fullpage等为什么使用“-”连字符的方式命名而不是使用驼峰？
毕竟驼峰双击一下就能选中，连字符还要选一下。

前端的代码很少见使用驼峰命名法，最常见到的就是连字符，html和css代码皆如此，js使用连字符大概是为了前端代码风格的统一吧

你说的是css的class名称和id名称吧...

这个一般的规则是和原语言保持一致...

css一直就是用-连接的, 比如 border-color, margin-top之类的

html的属性, 也是用-, 因为html属性不区分大小写, 用驼峰会带来很多不便, 比如 ,


js一直就是用驼峰的, 比如 getAttribute, offsetHeight之类的...
js用下划线的地方也有, 比如自己定义常量的连接 const GLOBAL_LOADDING = ''
不过现在js中变量用下划线的也不少...

                            
            
                                    
语意更清晰，一目了然
                            
            
                                    
用下划线也能双击选中
                            
            
                                    
以清晰,一眼辨别为首要目标
选哪种风格反而不重要.

                            
            
                                    
因为类名的惯例就是使用-连字符，你可以看看sass的语法，默认的就是用-的。
                            
            
                                    
下划线更清晰，我最开始也是驼峰的，后来公司要求下划线，现在再看看驼峰，感觉好XX，特别是不能马上知道标识符的含义
而下划线的，就像是英文单词一样，容易识别理解（把下划线当成空格看，驼峰的是连一起，混）
另外，下划线也可以双击选中啊


           
                
                                                

                
                
                内容总结
                
                    
                        以上是互联网集市为您收集整理的javascript-常见的js插件为什么都用连字符命名而不用驼峰？全部内容，希望文章能够帮你解决javascript-常见的js插件为什么都用连字符命名而不用驼峰？所遇到的程序开发问题。
                        如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
                    
                
                内容备注
                
                    
                        版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
                    
                
                内容手机端
                
                    
                    
                        扫描二维码推送至手机访问。
                        本文链接：https://qyyshop.com/info/243624.html
                    
                
                
                
                来源：【匿名】


        


    
    【上一篇】javascript-ajax跨域获取session的问题【下一篇】javascript 怎么调用php方法

            
                
                    更多 ► 
                    【javascript-常见的js插件为什么都用连字符命名而不用驼峰？】教程文章相关的互联网学习教程文章
                
                

vs2010 javascript代码拓展插件支持代码折叠【图】
参考地址原文：http://www.cnblogs.com/zhangwei595806165/p/4739323.html
大熊君JavaScript插件化开发------（实战篇之DXJ UI ------ ItemSelector）【代码】【图】
一，开篇分析Hi，大家好！大熊君又和大家见面了，还记得前两篇文章吗。主要讲述了以“jQuery的方式如何开发插件”，以及过程化设计与面向对象思想设计相结合的方式是如何设计一个插件的，两种方式各有利弊取长补短，本系列文章是以学习为导向的，具体场景大家自己定夺使用方式。那么今天从这篇文章开始，我们就以实例的方式带着大家由浅入深的开发属于自己的插件库。嘿嘿嘿，废话少说，进入正题。直接上实际效果图：　　大家看到了...
JavaScript插件开发【代码】【图】
一、前言通过 "WWW" 原则我们来了解 JavaScript 插件这个东西第一个 W "What" -- 是什么?什么是插件,我就不照搬书本上的抽象概念了,我个人简单理解就是,能方便实现某个功能的扩展工具.(下面我会通过简单的例子来帮助读者理解)第二个 W "Why" -- 为什么? 为什么要有插件这种东西,首先结合第一个 W 来理解就是,使用插件的目的是方便我们实现某一个功能. 也就是说在编程过程中我们只需要找轮子,或者改轮子而不需要重新造轮子.节省开发...
7个高性能JavaScript代码高亮插件【图】
对于喜欢写技术博客的同学来说，一定对代码高亮组件非常熟悉。一款优秀的JavaScript代码高亮插件，将会帮助你渲染任何一种编程语言，包括 一些关键字的着色，以及每行代码的缩进等。今天我们要来分享一些高性能的JavaScript代码高亮插件，这些JavaScript代码高亮插件将非常 有效地帮你实现在网页上的代码编辑和展示。1、SyntaxHighlighter – 最优秀的JavaScript代码高亮插件SyntaxHighlighter 是一款完全基于JavaScript的代码高亮...
chrome插件开发.在content_script异步加载页面后, 如何进行JS通信与调用的问题【代码】
使用场景在开发Chrome插件时, 有一种需求:要求在WEB页面显示一个浮动窗口(A), 在此窗口中允许用Ajax方式调用另一个服务器上的一个页面(B)B页面上有独立的功能用JS写function来实现 已知条件窗口A可以利用content-script.js动态生成窗口A中放置一个按钮, 调用Onclick方法召唤出B页面, 样例代码如下<button onclick="invokeContentScript(‘openalertWin()‘)">test</button>具体实现的functionfunction openalertWin(){var domobj =...
Javascript - Jquery - 插件【代码】
插件（Plugin）livequery插件比如如果为页面上的所有div绑定了click事件，那么之后如果再动态创建一个div插入文档后，这个div则不会有click事件，livequery插件能使后来动态创建的元素也能自动注册事件。livequery(type,x,y)为JQuery对象绑定事件（包括使用Javascript动态插入的元素），type是事件触发方式，x是事件侦听器，y是可选的事件完成后的回调方法。$(document).ready(function () {//使用livequery绑定事件$(‘a‘).liveq...
bootstrap-全局CSS&js插件【代码】
一、全局CSS1、概述1. 全局CSS样式：* 按钮：class="btn btn-default"* 图片：*  class="img-responsive"：图片在任意尺寸都占100%*  图片形状*  <img src="..." alt="..." class="img-rounded">：方形*  <img src="..." alt="..." class="img-circle"> ： 圆形*  <img src="..." alt="..." class="img-thumbnail"> ：相框* 表格* table* table-bordered* table-hover* 表单* 给表单项添加：class="form-control"按钮、图片<!DOCTY...
cocos2d-js IOS接facebook插件【代码】【图】
当前测试版本：cocos2d-x 3.8.1       3.7也试用，之下的版本没测过，一般是路径改变，文件名称一般不会变注：当前工程是通过控制台new的工程，不是cocosStudio创建的工程必须先通关官网：http://www.cocos.com/doc/article/index?type=cocos2d-x&url=/doc/cocos-docs-master/manual/framework/cocos2d-js/catalog/../../html5/facebook-sdk/facebook-sdk-on-ios/zh.md发现按照教程一步步走完后，编译到linking的时候出错，心中一万...
js和css j实现的动画插件
遇到一些比较复杂的动画可以用插件帮忙，我一般选择animate.css，有时间和机会的话试下 jquery.transit.js： jquery.transit.js：http://code.ciaoca.com/jquery/transit/demo/ animate.csshttp://alloyteam.github.io/JXAnimate/jxanimate_demo.html 这是老大之前发的动画原则，虽然我还没用过，但感觉总会有用上的一天http://www.sunnyzhen.com/course/animation_principles/demo.html?from=timeline&isappinstalled=0原文：http...
Bootstrap的js插件之轮播(carousel)【图】
轮播请查看以下示例，基本已经涵盖最常用的一个轮播<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>js插件_轮播</title><link rel="stylesheet" href="css/bootstrap.min.css" type="text/css"><!--<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">--><script src="js/jquery-1.11.1.min.js"...
js表单验证 插件jQuery-Validation-Engine-master【图】
做项目基本离不开表单验证,想要美观，简洁，不占内存，用户体验效果好所以我推荐一款js表单验证 因为我觉得这个挺好的，所以分享下文档 下面也有下载的压缩包https://github.com/posabsolute/jQuery-Validation-Engine650) this.width=650;" src="/upload/getfiles/default/2022/11/14/20221114022705218.jpg" title="FA%R{72F3)K[WBK2(U4R4ZM.png" />昵称做了ajax验证判断输入的用户是否存在 会提示先等待的信息。。。(我这里设置...
js通过google翻译插件实现多语言版本【代码】【图】
目前谷歌翻译小工具对中文网页(以及其他语言网页)提供了对其他二十三种语言的翻译: 中文(繁体),英文,阿拉伯文，保加利亚文，波兰语，朝鲜语，丹麦语，德语，俄语，法语，芬兰语，荷兰语，捷克语，克罗地亚文，罗马尼亚语，挪威语，葡萄牙语，日语，瑞典语，西班牙语，希腊语，意大利语和印度文。也就是说当你的网站使用了谷歌翻译小工具后，你的网站马上可以以另外二十三种语言显示，这对所有期望与国际接轨，让全球网民了解中国博...
javascript 和 jquery插件开发【代码】
window.onload 页面加载完成后执行
window.onload = function () {function dom(id) { return document.getElementById(id); }dom("id1").onclick = function () {this.innerHTML = ‘welcome‘;}
}jQuery 插件部分
类级别的插件开发
1.1添加一个新的全局函数
jQuery.fn = function() {}   1.2增加多个全局函数
jQuery.fn = function() {}
jQuery.fun = function() {}1.3使用jQuery.extend(object);
1.3.1添加函数
jQuery.extend({...
7 款基于 JavaScript/AJAX 的文件上传插件
本文整理了7款基于JavaScript和AJAX的文件上传插件，这些插件基本上都能实现以下功能： 多文件上传拖拽操作实时上传进度自定义上传限制希望能为你的开发工作带来帮助。 1.  jQuery File Upload 具有多文件上传、拖拽、进度条和图像预览功能的文件上传插件，支持跨域、分块、暂停恢复和客户端图像缩放。可与任何服务端平台（如PHP、Python、Ruby 
on Rails、Java、Node.js、Go等）一起使用，支持标准的HTML表单文件上传。 2.  Pixel...
javascript自定义滚动条插件，几行代码的事儿【代码】
在实际项目中，经常由于浏览器自带的滚动条样式太戳，而且在各个浏览器中显示不一样，所以我们不得不去实现自定义的滚动条，今天我就用最少的代码实现了一个自定义滚动条，代码量区区只有几十行，使用起来也非常方便。<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>自定义滚动条</title><style type="text/css">
body,ul,dl,dd{ margin:0; padding:0; font-size:12px; ...


    

JAVASCRIPT - 相关标签
javascript程序设计javascript高级javascript高级编程javascript高级程序设计javascript高级程序设计第四版javascript和javajavascript基础教程javascript教程javascript权威指南javascript设计模式
驼峰 - 相关标签
驼峰命名

    
        JAVASCRIPT - 技术教程分类
        
            
                    
                        JavaScript 教程
                                        
                        JavaScript 简介
                                        
                        JavaScript 用法
                                        
                        JavaScript Chrome 中运行
                                        
                        JavaScript 输出
                                        
                        JavaScript 语法
                                        
                        JavaScript 语句
                                        
                        JavaScript 注释
                                        
                        JavaScript 变量
                                        
                        JavaScript 数据类型
                                        
                        JavaScript 对象
                                        
                        JavaScript 函数
                                        
                        JavaScript 作用域
                                        
                        JavaScript 事件
                                        
                        JavaScript 字符串
                                        
                        JavaScript 运算符
                                        
                        JavaScript 比较
                                        
                        JavaScript 条件语句
                                        
                        JavaScript switch 语句
                                        
                        JavaScript for 循环
                                        
                        JavaScript while 循环
                                        
                        JavaScript break 和 continue 语...
                                        
                        JavaScript typeof
                                        
                        JavaScript 类型转换
                                        
                        JavaScript 正则表达式
                                        
                        JavaScript 错误
                                        
                        JavaScript 调试
                                        
                        JavaScript 变量提升
                                        
                        JavaScript 严格模式
                                        
                        JavaScript 使用误区
                                        
                        JavaScript 表单
                                        
                        JavaScript 表单验证
                                        
                        JavaScript 验证 API
                                        
                        JavaScript 保留关键字
                                        
                        JavaScript this
                                        
                        JavaScript let 和 const
                                        
                        JavaScript JSON
                                        
                        JavaScript void
                                        
                        JavaScript 异步编程
                                        
                        JavaScript Promise
                                        
                        JavaScript 代码规范
                                        
                        JavaScript 函数定义
                                        
                        JavaScript 函数参数
                                        
                        JavaScript 函数调用
                                        
                        JavaScript 闭包
                                        
                        DOM 简介
                                        
                        DOM HTML
                                        
                        DOM CSS
                                        
                        DOM 事件
                                        
                        DOM EventListener
                                        
                        DOM 元素
                                        
                        HTMLCollection 对象
                                        
                        NodeList 对象
                                        
                        JavaScript 对象
                                        
                        JavaScript prototype
                                        
                        JavaScript Number 对象
                                        
                        JavaScript String
                                        
                        JavaScript Date（日期）
                                        
                        JavaScript Array（数组）
                                        
                        JavaScript Boolean（布尔）
                                        
                        JavaScript Math（算数）
                                        
                        JavaScript RegExp 对象
                                        
                        JavaScript Window
                                        
                        JavaScript Window Location
                                        
                        JavaScript Navigator
                                        
                        JavaScript 弹窗
                                        
                        JavaScript 计时事件
                                        
                        JavaScript Cookie
                                        
                        JavaScript 库
                                        
                        JavaScript 实例
                                        
                        JavaScript 对象实例
                                        
                        JavaScript 浏览器对象实例
                                        
                        JavaScript HTML DOM 实例
                                        
                        JavaScript 总结
                                        
                        JavaScript 对象
                                        
                        HTML DOM 对象
                                        
                        JavaScript 异步编程
                                    
                    javascript 全部
                
            
        
    



    
        JAVASCRIPT - 最新教程
    
javaScript中的thisJavaScript 参考教程在JavaScript中创建命名空间的几种写法javascript中json对象长度快速排序算法的 JavaScript 实现javascript变量和数据类型JavaScript输出空格javascript实现图片预加载JavaScript笔记(三)：JS也有入口函数Ma...javascript设计模式与开发实践



    JAVASCRIPT - 最热教程
    vue权限问题的完美解决方案JS实现返回上一页并刷新页面的方法分析解决IOS端微信H5页面软键盘弹起后页面下...javascript – 如何通过z-index对这些c...微信小程序如何修改本地缓存key中单个数...javascript中html字符串转化为jquerydo...获取TypeScript声明文件.d.ts方法解析（...通过使用vue制作滑动堆叠组件（详细教程...vue渲染页面后div的滚动条保持在最底部...js批量设置元素样式和封装似于jquery的...