CSS基础7-弹性盒子,我总结了24家大厂100份面试题

41 阅读3分钟
  1. 设置项目在主轴上的排列方式

justify-content:flex-start|flex-end|center|space-around|space-between|space-evenly均匀分隔

注:around在盒子之间间隔是盒子与屏幕边框间隔的两倍,between盒子与屏幕边框没间隔间隔全在盒子之间,evenly盒子与屏幕盒子与盒子之间间隔一样

请添加图片描述

  1. 设置项目是否换行

flex-wrap:nowrap|wrap|wrap-reverse

  1. 项目在侧轴上的对齐方式

align-items:stretch拉伸|flex-start|flex-end|center|baseline基线

**注:stretch在项目有高度时候,项目不会有拉伸效果

注:该属性对应侧轴只有一根轴线**

请添加图片描述

5. 设置多根横轴线排列方式

align-content:streth|flex-start|flex-end|center|space-around|space-between|space-evenly;

6. 设置主轴方向和是否换行的复合属性

flex-flow:flex-direction flex-wrap;

项目身上的属性


  1. 项目是否缩小flex-shrink:1;会缩小|0 不缩小

注:数字缩小值,除以所有项目值,乘以数字

  1. 是否放大 flex-grow:1;会放大|0 不放大

注:设置后项目会自己放大填充多余空间

  1. 项目尺寸flex-basis:auto|*px;

  2. 放缩复合属性flex:flex-grow flex-shrink flex-basis;

注:flex:1;代表1 1 auto

  1. 项目的排序order:数字;

注:元素默认值是0;按从小到大排列

  1. 设置项目单独对齐方式align-self:strech拉伸|flex-start|flex-end|center|baseline;

注:该属性加在项目上,也就是子元素身上

[

ES6

  • 列举常用的ES6特性:

  • 箭头函数需要注意哪些地方?

  • let、const、var

  • 拓展:var方式定义的变量有什么样的bug?

  • Set数据结构

  • 拓展:数组去重的方法

  • 箭头函数this的指向。

  • 手写ES6 class继承。

微信小程序

  • 简单描述一下微信小程序的相关文件类型?

  • 你是怎么封装微信小程序的数据请求?

  • 有哪些参数传值的方法?

  • 你使用过哪些方法,来提高微信小程序的应用速度?

  • 小程序和原生App哪个好?

  • 简述微信小程序原理?

  • 分析微信小程序的优劣势

  • 怎么解决小程序的异步请求问题?

其他知识点面试

  • webpack的原理

  • webpack的loader和plugin的区别?

  • 怎么使用webpack对项目进行优化?

  • 防抖、节流

  • 浏览器的缓存机制

  • 描述一下二叉树, 并说明二叉树的几种遍历方式?

  • 项目类问题

  • 笔试编程题:

最后

技术栈比较搭,基本用过的东西都是一模一样的。快手终面喜欢问智力题,校招也是终面问智力题,大家要准备一下一些经典智力题。如果排列组合、概率论这些基础忘了,建议回去补一下。 开源分享:docs.qq.com/doc/DSmRnRG…