最新文章:

您的位置: 富录-前端开发|web技术博客 > 前端面试题汇总 > 前端面试题(二)

前端面试题(二)

发布时间:2017年10月25日 评论数:2阅读数: 2090

    行块元素区别

    块级元素独占一行,在默认情况下,宽度自动填满父元素宽度

    行内元素不会独占一行,宽度随着元素的内容而变化

    行内元素的width和height的设置无效

    行内元素的margin和padding的垂直方向上不产生边距效果

    可以使用display:block;或display:inline;实现块级元素和行内元素的相互转换


    rgba()和opacity的透明效果有什么不同?

    rgba()和opacity都能实现透明效果,但最大的不同是opacity作用于元素,以及元素内的所有内容的透明度,

    而rgba()只作用于元素的颜色或其背景色。(设置rgba透明的元素的子元素不会继承透明效果!)


    你能描述一下渐进增强和优雅降级之间的不同吗?

    渐进增强 progressive enhancement:针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。

    优雅降级 graceful degradation:一开始就构建完整的功能,然后再针对低版本浏览器进行兼容。

    一个页面上有大量的图片(大型电商网站),加载很慢,你有哪些方法优化这些图片的加载,给用户更好的体验。

    图片懒加载,在页面上的未可视区域可以添加一个滚动条事件,判断图片位置与浏览器顶端的距离与页面的距离,如果前者小于后者,优先加载。

    如果为幻灯片、相册等,可以使用图片预加载技术,将当前展示图片的前一张和后一张优先下载。

    如果图片为css图片,可以使用CSSsprite,SVGsprite(SVG可缩放矢量图形),Iconfont(阿里巴巴矢量图标库)、Base64(用于传输8位字节代码的编码方式之一,采用Base64编码,具有不可读性,及所编码的数据不会被人用肉眼直接看到。)等技术。

    如果图片过大,可以使用特殊编码的图片,加载时会先加载一张压缩的特别厉害的缩略图,以提高用户体验。

    如果图片展示区域小于图片的真实大小,则因在服务器端根据业务需要先行进行图片压缩,图片压缩后大小与展示一致。


    DIV+CSS与table的优缺点

    table布局

         缺点:1.Table标签就是表格,是用来显示数据和处理数据的,如果用于布局,对SEO(搜索引擎)优化较差

                   2.不利于网站维护

                   3.标签嵌套层级较多,代码冗余量较大

         优点:1.容易上手。

                   2.可以形成复杂的变化,简单快速。

                   3.表现上更加“严谨”,在不同浏览器中都能得到很好的兼容。

       DIV+CSS布局

          优点:1.有利于SEO优化

                    2.有利于网站的维护和改版

                    3.符合W3C标准,代码结构清晰明了,结构、样式和行为分离,带来足够好的可维护性

                    4.用只包含结构化内容的HTML代替嵌套的标签,嵌套层数较少,代码量少,加快页面加载速度

          缺点:1.不容易上手,操作比较复杂

                    2.兼容性较差


    CSS引入方式有哪几种,优缺点分别是什么?

             三种引入方式

             外部引入

             优点:代码量少

                       一个CSS文件可以控制多个页面

                       有利于改版和维护

                       有效的利用缓存机制,加快页面的访问速度

             缺点:对于单个页面,会有多余的代码

                       外部引入种的href属性会给服务器造成请求压力

            头部写入

             优点:代码量少

                       相对于外部引入,单页代码量少

                       没有服务器请求压力

                       适合大型网站的首页

             缺点:结构样式未分离,

                      样式代码不能重复利用

             标签写入

             优点:优先级最高

                       个别特殊的情况下使用

             缺点:结构样式未分离

                      样式代码不能重复利用

                      结构样式耦合度高,不利于维护


    link 和@import 的区别  

    区别1:link是XHTML标签,除了加载CSS外,还可以定义RSS等其他事务;@import属于CSS范畴,只能加载CSS。

    区别2:link引用CSS时,在页面载入时同时加载;@import需要页面网页完全载入以后加载。

    区别3:link是XHTML标签,无兼容问题;@import是在CSS2.1提出的,低版本的浏览器不支持。

    区别4:link支持使用JavaScript控制DOM去改变样式;而@import不支持。


    !important的理解

    !important是CSS1就定义的语法,作用是提高指定CSS属性的优先级。

    important 有何作用

    默认情况下,CSS属性按级层覆盖,例如在CSS文件中的定义样式可以被style属性定义的样式覆盖,反之则不行。然而,对覆盖平衡而言,加上一个“!important”优先级大于正常的CSS属性的优先级。(最大优先级,超越标签内书写)

    important的兼容

    IE7,IE8,firefox,chrome等高端浏览器下,已经可以识别 !important属性, 但是IE6仍然不能完全识别,含! important的样式属性和覆盖它的样式属性单独使用时(不在一个{}里),IE 6.0认为! important优先级较高,否则当含! important的样式属性被同一个{}里的样式覆盖时,IE 6.0认为! important较低。



二维码加载中...
本文作者:DGF      文章标题: 前端面试题(二)
本文地址: http://arbays.com/post-45.html     本文已提交百度!
版权声明:若无注明,本文皆为“富录-前端开发|web技术博客”原创,转载请保留文章出处。
挤眼 亲亲 咆哮 开心 想想 可怜 糗大了 委屈 哈哈 小声点 右哼哼 左哼哼 疑问 坏笑 赚钱啦 悲伤 耍酷 勾引 厉害 握手 耶 嘻嘻 害羞 鼓掌 馋嘴 抓狂 抱抱 围观 威武 给力
提交评论

清空信息
关闭评论
bngvjhhmlj
bngvjhhmlj2019-01-09 14:49回复
#2
天龙sf全套-奇迹Musf全套-魔兽sf全套-魔域sf全套-墨香sf全套
天堂2sf全套-传奇3sf全套-英雄王座sf全套-千年sf全套-征途sf全套
新魔界sf全套-骑士sf全套-烈焰sf全套-破天sf全套-决战sf全套
美丽世界sf全套-乱勇OLsf全套-倚天2sf全套-完美世界sf全套-征服sf全套
天堂sf全套-传世sf全套-真封神sf全套-劲舞团sf全套-天上碑sf全套
永恒之塔sf全套-仙境ROsf全套-诛仙sf全套-神泣sf全套-石器sf全套
冒险岛sf全套-惊天动地sf全套-热血江湖sf全套-问道sf全套-密传sf全套
火线任务(Heat Project)sf全套-飞飞OLsf全套-洛汗sf全套-天之炼狱sf全套
丝路传说sf全套-大话西游sf全套-蜀门sf全套-机战sf全套-剑侠情缘sf全套
绝对女神sf全套-传说OLsf全套-刀剑sf全套-弹弹堂sf全套-科洛斯sf全套
魔力宝贝sf全套-武林外传sf全套-网页游戏sf全套-页游sf全套-希望OLsf全套
成吉思汗sf全套-剑侠世界sf全套-全民奇迹sf全套-挑战OLsf全套
红月sf全套-十二之天(江湖OL)sf全套-倚天sf全套-dnfsf全套

24小时电话扣扣服务保证客户随时找到技术员随时解决SF一条龙的各种问题
专业从事私服一条龙服务,我们用最专业的技术,贴心的售后服务,放心质量
请加入我们的私服一条龙开区行列,了解我们,信赖我们,品质来源于责任细节
客户们的满意是我们追求的目标,以诚信为本,为您打造属于您的私服.
想开个好F就来46em.com!想要服务器不卡就来46em.com!
想要售后好就来46em.com!想要技术硬,学技术就来www.46em.com!

服务器以及空间租用**私服服务端出售一条龙-私服套餐-代理广告
版本介绍-开区模版-服务器租用
官方网站www.46em.com
客服咨询QQ1124999543(企鹅扣扣)
Email:1124999543@qq.com

www.46em.com商业服务端版本下载地址(已修复不能下载问题):
www.46em.com/soft/index.html
魔域sf一条龙服务端_46em.com 墨香私服一条龙服务端_46em.com 征途开服一条龙制作_46em.com
bngvflbpgj
bngvflbpgj2019-01-02 18:15回复
#1
天龙一条龙-奇迹Mu一条龙-魔兽一条龙-魔域一条龙-墨香一条龙
天堂2一条龙-传奇3一条龙-英雄王座一条龙-千年一条龙-征途一条龙
新魔界一条龙-骑士一条龙-烈焰一条龙-破天一条龙-决战一条龙
美丽世界一条龙-乱勇OL一条龙-倚天2一条龙-完美世界一条龙-征服一条龙
天堂一条龙-传世一条龙-真封神一条龙-劲舞团一条龙-天上碑一条龙
永恒之塔一条龙-仙境RO一条龙-诛仙一条龙-神泣一条龙-石器一条龙
冒险岛一条龙-惊天动地一条龙-热血江湖一条龙-问道一条龙-密传一条龙
火线任务(Heat Project)一条龙-飞飞OL一条龙-洛汗一条龙-天之炼狱一条龙
丝路传说一条龙-大话西游一条龙-蜀门一条龙-机战一条龙-剑侠情缘一条龙
绝对女神一条龙-传说OL一条龙-刀剑一条龙-弹弹堂一条龙-科洛斯一条龙
魔力宝贝一条龙-武林外传一条龙-网页游戏一条龙-页游一条龙-希望OL一条龙
成吉思汗一条龙-剑侠世界一条龙-全民奇迹一条龙-挑战OL一条龙
红月一条龙-十二之天(江湖OL)一条龙-倚天一条龙-dnf一条龙


力争做到传奇私服一条龙最TOP公司,cqsf最信誉的一条龙制作商,GM开服必选老品牌,
用诚信和技术实力赢得客户,这里不强制广告,不强制充值平台。很多被骗后才来我这。
不管你上多少钱广告都与我无关!充值平台随便选,不存在黑单!

服务器租用-开区模版-私服套餐-版本挑选-广告代理
官方网站www.05mx.com
客服咨询QQ1207542352(企鹅扣扣)
Email:1207542352@qq.com

www.05mx.com服务端商业版本下载地址(已修复不能下载问题):
www.05mx.com/soft/index.html
石器私服一条龙制作_05mx.com 天堂2sf一条龙开服_05mx.com 仙境RO开区一条龙服务端_05mx.com