- 设置项目在主轴上的排列方式
justify-content:flex-start|flex-end|center|space-around|space-between|space-evenly均匀分隔
注:around在盒子之间间隔是盒子与屏幕边框间隔的两倍,between盒子与屏幕边框没间隔间隔全在盒子之间,evenly盒子与屏幕盒子与盒子之间间隔一样
- 设置项目是否换行
flex-wrap:nowrap|wrap|wrap-reverse
- 项目在侧轴上的对齐方式
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;
- 项目是否缩小
flex-shrink:1;会缩小|0 不缩小
注:数字缩小值,除以所有项目值,乘以数字
- 是否放大
flex-grow:1;会放大|0 不放大
注:设置后项目会自己放大填充多余空间
-
项目尺寸
flex-basis:auto|*px; -
放缩复合属性
flex:flex-grow flex-shrink flex-basis;
注:flex:1;代表1 1 auto
- 项目的排序order:数字;
注:元素默认值是0;按从小到大排列
- 设置项目单独对齐方式
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…