2021.2.22 前端题

【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】在页面上隐藏元素的方法有哪些?

参考答案~
~~
占位:

  1. visibility: hidden;
  2. margin-left: -100%;
  3. opacity: 0;
  4. 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新项目

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值