千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > web前端面试题合集(二)

web前端面试题合集(二)

来源:千锋教育
发布人:wjy
时间: 2022-09-06 14:39:31 1662446371

  那个rem怎么做适配,em是根据什么来决定的?

  · rem是root 和 em的结合,root是指根元素HTML,em是指父元素字号的倍数,所以rem就是指根元素字号的倍数,如果我们把页面中的元素单位都转换成rem,那么他们的大小就会随着根子号变化而变化,如果根子号的大小可以随着视口大小变化而变化,那么我们页面中的元素尺寸就可以实现适配效果了,如果想实现根字号随着视口变化,那就需要用到一个单位vw,vw是视口宽的1%,根据当前设计稿可以换算出1vw是多少个px,然后再利用他们之间的比例关系,把根字号的px单位转换成vw,那么根字号就可以随着视口变化而变化了,页面中的元素也就会随着视口变化而变化了。

  · em这个单位具体要看你用在什么属性上,如果是用在字号上面,那么他参照的就是父元素字号的倍数,如果用在其他属性上,比如width,height,text-indent那么它参照的就是当前元素字号的倍数

web前端面试题

  table了解多少

  在网页发展的初期,会用表格来实现网页布局,但这种布局方式会让网页出现很多问题,逐渐不再用于网页布局结构中,现在表格标签一般用于数据展示。而且在公司项目开发中,很多都不是直接使用table,而是使用ui组件库中封装了的表格,比如el-table。table表格中常用的标签有tr/td/th/caption等等。table布局作为基础的内容就类似于生活整的基础设施一样虽然使用频率低,但是不会被淘汰

  弹性盒有哪些属性是在父元素身上?那些在子元素身上?你知道flex-grow吗

  - 添加在父级元素上的属性:

  - 1.flex-direction 设置弹性盒的主轴方向

  - 2.justify-content 设置主轴上的对齐方式

  - 3.align-items:设置侧轴上的对齐方式

  - 4.flex-wrap:设置弹性盒中默认换行

  - 5.justify-content:换行之间行与行之间的间距设置

  - 添加在子级元素上的属性

  - 1.align-self:设置单个元素在侧轴上的对齐方式

  - 2.order:设置元素的排序优先级

  - 3.flex:1 占据主轴上剩下空间

  更多关于“web前端培训”的问题,欢迎咨询千锋教育在线名师。千锋教育多年办学,课程大纲紧跟企业需求,更科学更严谨,每年培养泛IT人才近2万人。不论你是零基础还是想提升,都可以找到适合的班型,千锋教育随时欢迎你来试听。

tags:
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT