Java知识分享网 - 轻松学习从此开始!    

Java知识分享网

Java1234官方群25:java1234官方群25
Java1234官方群25:838462530
     

GIT视频教程(结合github,码云)免费领取

BAT一线大厂笔试面试打包下载

java1234.vip企业级站点全新上线(可以领取站点源码)

SpringBoot打造企业级进销存

Java1234 VIP课程

领取微信扫码登录Java实现视频教程

Java1234至尊VIP(特价活动)

web前端面试100问 PDF 下载


分享到:
时间:2020-05-25 16:43来源:http://www.java1234.com 作者:小锋  侵权举报
web前端面试100问 PDF 下载
失效链接处理
web前端面试100问 PDF 下载

 
本站整理下载:
 
相关截图:
 
主要内容:
面试造火箭,工作拧螺丝!
 
在技术圈毕竟只有百分之一的人能进入BAT,百分之九九的小伙伴只能在普通公司做这普通的事情,厌烦哪些标题党,我们抛开那些高大上的台词,回归到面试的本质。
本课程帮助小伙伴们快速梳理知识,不会设计到具体的很细节的知识点,关注面试本身。
公司一般会从以下5个方面考察一个人的能力,本课程的100问是总结了最近2-3年常问的面试题,适合初中级前端工程师。
 
1、HTML(5)和CSS3方面
1.前端与后端数据交互的格式有哪些,为什么大部分现在都用json而不用xml。
   答:XML:<person><name>知了堂</name><age>3岁</age></person> 
JSON:{ name:”知了堂”,age:3}
JSON书写方便节省字节,更轻量,前后台都有直接解析JSON的方法(JSON.stringfity/parse)使用方便。
 
2.Flex布局熟悉吗,说几个常用的属性。
   答:这个几乎每天都在用,还是挺熟悉的。
      display:flex
      align-items 多个
      align-content:单个
      justify-content
      justify-items
      flex-direction
      flex-wrap:
      flex-basic:初始盒子宽度  flex
      flex-grow:增长因子  200 4*40=160  1,1,1,2  1/5*40  flex
      flex-shrink :缩减因子  200 60*4=240 
 
3.说一下CSS盒模型
答:CSS的盒模型包含了一下几个内容margin,padding,border,content。
在计算盒子宽高的时候,IE和Chrome会有一些区别,IE算到border,Chrome的宽度只包含content区域,因此CSS3提供了box-sizing这个属性来修改。
 
 
4.CSS常用选择器,选择器权重问题。
答:*(has,not,target,root。。。。)通配符, ID,class,attr属性,element,子代( > + ~ ),
      UI状态伪类选择器(hover,active,link,seceted..,checked),
      结构性伪类选择器(nth-child,fist-child,last,nth-of-type...before,after....)
   
      !important > style > id > class > elemnet > 伪类和属性
 
5.请用5种方式实现元素垂直居中。
答:1、flex
    
2、Tranform
 
3、定位+margin负值(知道子节点宽高)
 
4、定位+margin:auto
 
5、JS动态计算top、left值
 
6.什么是BFC?垂直margin重叠是为什么?怎么解决这个问题?
答:概念:BFC全称Block Formatting Context ,中文意思为块级格式上下文。
通俗的来说:BFC是一个独立的布局环境,我们可以理解为一个箱子(实际上是看不见摸不着的),箱子内部的元素无论如何翻江倒海,都不会影响到外部。转换为BFC的理解则是:BFC中的元素的布局是不受外界的影响(我们往往利用这个特性来消除浮动元素对其非浮动的兄弟元素和其子元素带来的影响。比如清除浮动)并且在一个BFC中,块元素与行元素都会垂直的沿着其父元素的边框排列。
 
如何触发 BFC
 
1.浮动元素,float 除 none 以外的值
2.position的值不为static或者relative
3.display不为none
4.overflow 除了 visible 以外的值
 
BFC的应用
 
1.解决浮动塌陷问题
2.自适应两栏布局(我们还可以运用BFC可以阻止元素被浮动元素覆盖的特性来实现自适应两栏布局。方法:给没有浮动的元素加overflow:hidden。)
3.解决设置margin值重叠问题。

 

------分隔线----------------------------
锋哥公众号


锋哥微信号


关注公众号
回复 666
获取 java
从菜鸡到大神
全套视频教程