2021-05-20

cddhome

于 2021-05-20 17:29:28 发布

阅读量177

点赞数

分类专栏： js 文章标签： js html

本文链接：https://blog.youkuaiyun.com/chendd123123/article/details/116783378

版权

js 专栏收录该内容

6 篇文章

订阅专栏

本文探讨了HTML的link标签和CSS的@import规则的区别，包括加载时机、兼容性问题以及在动态样式改变上的差异。此外，还展示了如何将下划线命名转换为驼峰命名，并提供了将字符串大小写互换的实现方法。最后，介绍了一个用于判断数据类型的JavaScript技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、页面导入样式时，使用link和@import有什么区别

1.link是HTML标签，@import是css提供的。
2.link引入的样式页面加载时同时加载，@import引入的样式需等页面加载完成后再加载。
3.link没有兼容性问题，@import不兼容ie5以下。
4.link可以通过js操作DOM动态引入样式表改变样式，而@import不可以。

2、将下划线改成驼峰命名

var str = 'a_cb';
str = str.replace(/(\w)(_)(\w)/g, function(word, $1, $2, $3){
console.log(word, $1, $2, $3)
 return `${$1}${$3.toUpperCase()}`
});
// 简写
// str = str.replace(/(\w)(_)(\w)/g, (match, $1, $2, $3) => `${$1}${$3.toUpperCase()}`);

3、写一个把字符串大小写切换的方法

var str = 'aVdfsVSDG'
str = str.replace(/([a-z]*)([A-Z]*)/g, (match, $1, $2) => `${$1.toUpperCase()}${$2.toLowerCase()}`)

4、写一个判断数据类型的方法

Object.prototype.toString.call(v).replace(/^.{8}(.+)]$/,(m,$1)=> $1.toLowerCase())