功能
camelCase函数的功能就是将形如background-color转化为驼峰表示法:backgroundColor。
此函数在jQuery的data函数,以及涉及到css的诸多函数中都有用到。
jQuery的实现
复制代码 代码如下:
//正则匹配
rdashAlpha = /-([a-z])/ig,
// camelCase替换字符串时的回调函数
fcamelCase = function( all, letter ) {
return letter.toUpperCase();
},
...
camelCase: function( string ) {
return string.replace( rdashAlpha, fcamelCase );
},
这个功能本身并不难,就是调用了String对象的replace方法。但是本着学习的态度还是研究了一下replace方法。
资料参考:https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String/replace
String.replace()语法
str.replace(regexp|substr, newSubStr|function[, Non-standard flags]);
String.replace()参数说明
regexp:一个用于搜索正则表达式
substr:一个用于搜素字符串
newSubStr:一个用于替换的新字符串
function:一个回调函数,函数的返回值用于替换原匹配的字符串
flags:非标准,类似于RegExp的i、g、m(忽略大小写、是否全局搜索、匹配多行)
指定字符串作为替换对象
在用于替换的字符串中你可以使用以下模式:
$$ => 插入一个$
$& => 插入匹配的子串
$` =>插入匹配的子串之前的所有字符
$' => 插入匹配的子串之后的所有字符
$n / $nn => 此模式只有在replace()方法的第一个参数为RegExp,且正则表达式内包含括号时有效。
指定函数作为替换对象
典型的replacement函数:function(str,p1,p2,offset,s){}
参数说明:
str:匹配的字符串(类似$&)
p1,p2,...:此模式只有在replace()方法的第一个参数为RegExp,且正则表达式内包含括号时有效。(类似$n / $nn)
offset:匹配子串的偏移量
s:用于搜索的字符串
获取CSS属性的驼峰表示 复制代码 代码如下:
String.prototype.camelCase=function(){
//all为匹配的子串,而letter则为p1,因为[a-z]加入了括号
return this.replace(/-([a-z])/ig,function( all, letter,offset,s ) {
return letter.toUpperCase();
});
};
var cssText = 'h2\n{\n border-bottom:1px solid #eee;\n background-color:#bbb;\n}';
var newstr = cssText.camelCase();
交换匹配字符串的位置 复制代码 代码如下:
var re = /(\w+)\s(\w+)/;
var str = "John Smith";
var newstr = str.replace(re, "$2, $1");
相关推荐:
seo软件是什么职位,seo用的是什么软件 ,ai感知树
SEO优化公司一般怎么优化?揭秘专业SEO服务的操作流程,人工智能ai写作软件 哪一个好
OpenAI无法验证支付方式?解决方案与常见问题解析,你好月光ai
360优化关键词-提升网站流量与排名的秘密武器,美拍ai
《*采集站:带你领略全球最全*资源的宝藏平台》,seo优化易下拉瞧瞧
seo需要保持什么心态,seo的要求 ,ai83562
SEO提高:如何通过精准优化让网站流量翻倍,优化排名seo加盟费用
seo网赚什么意思,网站seo赚钱 ,ai打不开ai
文章AI生成标题:让创作更轻松,内容更精彩
seo网站是什么东西,seo网站是什么东西啊 ,ai锯齿消失
ChatGPT页面无法翻阅?带你深度了解背后的原因与解决方案,pdf怎么转换ai文字
seo跟sem是什么,seo和sem的概念 ,惠威的ai功能
SEO公司核心业务是什么?揭秘提升网站排名的奥秘,写作助手ai一键生成作文在线
SEO笔记:如何打造高效的SEO策略提升网站排名,网站优化优质服务方案
SEO工装裤-打造时尚与实用兼备的工作利器,ai画中国爸爸辅导孩子写作业
AI网页设计生成-智能化创造无限可能,ai机甲风背景音乐
ChatGPT免费用户每天的使用限制:如何高效利用,突破困境!,花花制作ai
seo适合什么职业,seo有前途么 ,ai小精灵
ChatGPT网页版为什么不能用了?解析原因与解决办法,女人莫名其妙想ai
SEO适合-提升网站排名的关键策略,张家口品牌推广营销中心
怎么识别是AI写的文章
打造内容创作新高度:文章扩写AI的革命性优势
ChatGPT服务异常:为何影响到你的工作和生活?如何有效解决?,ai怎么保持圆角不变
AI免费文章生成器:轻松创作高质量内容的终极工具
SEO永远,数字营销的核心力量,广州seo搜索栏内容
企业SEO:如何通过搜索引擎优化提升企业网络竞争力,安阳网站优化布局设计
二创AI:打破创意壁垒,引领未来内容创作新潮流,背影教案网站建设游戏
seo用到什么软件,做seo需要用到什么软件 ,皮皮ai
SEO建议:如何通过优化提升网站流量,赢得市场竞争,自媒体网站免费推广平台
AI翻译工具的革命-ChatGPT等技术让语言互通无碍,淘宝ai写作检测准吗
SEO站内优化:提升网站排名的核心策略,厦门市网站优化企业
SEO在广告领域的深度解析:如何利用SEO提升广告效果,网文写作ai工具
AI智能软件:未来科技的核心力量
优化整站,让网站飞速增长,打造行业竞争力,广东网站建设与维护
什么是seo网络推广seo顾问,seo网络推广员 ,ai20170119
ChatGPTWindows版本下载:让AI助力您的工作和生活,ai yamama
SEO精通:让你的内容在搜索引擎中脱颖而出,跨境电商 推广营销
seo要公司什么资源,做seo需要用到什么软件 ,ai明星换了
OpenAI银联支付-未来支付新体验,安全便捷全新升级,医学加ai
SEO拓客,让您的业务飞速增长!,密云自适应网站建设
SEO能给企业带来什么价值,seo的影响 ,ai蓝衣美女
AI代写文章:高效创作的新风尚
AI搜索写文章是什么意思?人工智能赋能内容创作的未来,高德地图 ai
SEO优化:让你的网站在竞争中脱颖而出,临沧seo代理
AI代谢文章:从灵感到成果的创作革命
SEO快速提升:让你的网站排名瞬间飙升的秘诀,网站建设的发展目标
“只能写作”:在创作的世界里,选择文字,就是选择自由,云南关键词排名推广报价
为什么关键词太少会影响你的网络营销效果?,陕西seo网站推广工具
好用的AI写作软件免费推荐:创作新境界!
SEO优化关键词品牌:如何通过精准的关键词提升品牌价值,ai免费智能写作论文