html常见元素
当我们使用ajax方式提交数据时还需要from表单吗？
需要。利用Jqu’r’y进行批量提交，或者（框架结合，验证组件去做表单验证，还有from的特性，记住用户的账号密码）
html5
html分类
html嵌套
html默认样式
略
面试题
Cascading Style Sheet(层叠样式表)
- CSS解析从右向左解析（高效）
- 优先级不能通过数量叠加超过比自己强大的优先级
- !important 优先级最高
- 元素属性 优先级高
- 相同权重 后写的生效
非布局样式
字体
- 字体族不需要引号
行高
- line-height
- vertical-align 基线 图片缝隙问题
背景
- 颜色
- 渐变 linear-gradient
- 多背景叠加
- 雪碧图
- base64 和性能优化
- 用来少量图标上
- css文件增大，图片体积增加三分之一，不过减少HTTP请求数
- 分辨率适配
边框
滚动
文本折行
装饰属性
布局
- absolute是以最近父级absolute或者relative来定位的，如果没有就以body定位
- z-index适用于absolute和relative属性
table表格布局
float浮动 + margin
- 脱离文档流，不脱离文本流
- BFC
- 尽量靠上左（右）
- 小心父级高度塌陷
- overflow:auto
- 清除浮动
inline-block 布局
- 自适应比较繁琐
- 需要处理间隙
- 代码间空白导致
- font-size:0
flexbox布局
- 弹性盒子
- 盒子本来就是并列的
- 指定宽度即可
响应式
效果
- box-shadow
- text-shadow
- border-radius
- background
- clip-path
- 保持原来的大小
- 支持动画
真题
动画
- 视觉暂留
补间动画transition
关键帧动画keyframes
逐帧动画
- 适用无法补间计算的动画
- 资源较大
- animation-timing-function
- 使用steps()去掉补间
CSS预处理器
Bootstrap
- BootstrapJS使用方式
- 基于data-* 属性
- 基于JS API
- 定制方法
- 使用CSS同名类覆盖
- 修改源码重新构建
- 引用scss源文件 修改变量
css工程化
PostCSS
- 插件
- import 模块合并
- autoprefixier 自动加前缀
- cssnano 压缩代码
- cssnext 使用CSS新特性
- precss 变量，mixin，循环等
webpack
Angular
- ShadowDOM
- 逻辑上一个DOM
- 结构上存在子集结构
- Scoped CSS
- 限定了范围CSS
- 无法影响外部元素
- 外部样式一般不影响内部
- 可以通过 /deep/ 或 >>> 穿透
Vue
React
- npm run eject 释放底层配置
- styled-components