文章目录
【HTML】页面导入样式时,使用link和@import有什么区别?
1.link属于XHTML标签,除了加载CSS外,还能用于定义RSS,定义rel连接属性等作用;而@import是CSS提供的,只能用于与加载CSS。
2.页面被加载时,link会同时被加载,而@import引用的CSS会等到页面被加载完再加载。
3.import是CSS2.1提出的,只有IE5以上才能被识别,而link是XHTML标签,无兼容性问题。
- <link>
HTML的一类元素,可以定义文档和外部资源间的关系,链接样式表。是空元素,仅包含属性,属性常用的有href、rel、type等。各个属性可进行属性值配置。HTML5中也有出现新属性,sizes:规定被链接元素的尺寸,仅用于rel=“icon"的情况。
eg:
//这一段指链接内容类型为text/css的文档,该文档位置由href属性指定为“theme.css”
<head> //<link>只能出现在<head>中,但不限次数。
<link rel="stylesheet" type="text/css" href="theme.css" />
</head>
-
rel 规定当前文档与被链接文档之间的关系。
rel各个属性值配置的意思:
Alternate – 定义交替出现的链接
Stylesheet – 定义一个外部加载的样式表
Start – 通知搜索引擎,文档的开始
Next – 记录文档的下一页.(浏览器可以提前加载此页)
Prev – 记录文档的上一页.(定义浏览器的后退键)
Contents
Index – 当前文档的索引
Glossary – 词汇
Copyright – 当前文档的版权
Chapter – 当前文档的章节
Section – 作为文档的一部分
Subsection – 作为文档的一小部分
Appendix – 定义文档的附加信息
Help – 链接帮助信息
Bookmark – 书签 -
type
规定了被链接文档的MIME类型。
MIME (Multipurpose Internet Mail Extensions) :描述消息内容类型的因特网标准。MIME 消息能包含文本、图像、音频、视频以及其他应用程序专用的数据。
常见MME类型表 扩展名-文档类型-MIME类型 -
href
规定被链接的文档的位置。 -
@import
比如写在组件的样式里
<style lang="less" scoped>
@import "../index.less";
</style>
【CSS】在页面上隐藏元素的方法有哪些?
参考答案~
~~
占位:
- visibility: hidden;
- margin-left: -100%;
- opacity: 0;
- transform: scale(0);
不占位:
5) display: none;
6) width: 0; height: 0; overflow: hidden;
仅对块内文本元素:
7) text-indent: -9999px;
8) font-size: 0;
// 使h2元素(任意)不可见
h2{
visibility:hidden;//使h2元素不可见,但仍会对布局产生影响
opacity: 0;//设置透明度为0,但仍会对布局产生影响
diaplay: none;//display属性依照词义才是真正地隐藏了元素。将display属性设为none就能确保元素不可见并且连盒模型也不生成,使用这个属性,被隐藏的元素不占据任何空间。
position: absolute;
top: -999px;
left: -999px;//将元素移除视线外
clip-path: polygon(0px 0px,0px 0px,0px 0px,0px 0px);//通过剪裁它们实现隐藏元素,具体是通过clip-path属性,这个属性比较新,浏览器兼容性也会比较差。
}
【JS】去除字符串中最后一个指定的字符。
lastIndexOf()找到字符串中最后一个指定的字符的索引,整个字符串以它为轴分成前后两半再拼起来
function dels(str,target){
var index=str.lastIndexOf(target)
return str.substring(0,index)+str.substring(index+1,str.length)
}
【Vue】怎么使用vue-cli3创建一个项目
vue-cli是帮助搭建vue项目的脚手架。不同版本的脚手架在新建项目时语法略有不同。
- vue-cli2: >vue init webpack [projectname]
- vue-cli3: >vue create [projectname]
还可以在ui界面新建项目,>vue ui进入图形管理界面后create新项目