一、html5与html4的区别，新增的元素有哪些
二、掌握CSS新增样式和属性
2.1 选择器
示例： :last-child
2.2 字体与相关样式
- text-shadow : 文字阴影， text-shadow：[横坐标偏移量] [纵坐标偏移量] [阴影的模糊半径] [颜色]
- @font-face 字体规则
@font-face{
font-family: myFirstFont; // 自定义字体名称
src: url('Sansation_Light.ttf'), // 字体下载位置
url('Sansation_Light.eot'); /* IE9 */
}
- font-size-adjust：浏览器将调整字体大小，无论字体系列，但是目前只有 firefox 浏览器支持
2.3 背景框相关属性
- background-clip:
| border-box | 默认值。背景绘制在边框方框内（剪切成边框方框) |
|---|---|
| padding-box | 背景绘制在衬距方框内（剪切成衬距方框） |
| content-box | 背景绘制在内容方框内（剪切成内容方框） |
-
background-origin: 背景图像的位置
background-origin background-size: 指定背景图像的大小
background-break:
多个背景叠加：background 属性支持多个背景图片
border-radius：圆角
-
border-imgae:
border-image
四、VUE
4.1 MVVM 模式
VUE 中的MVVM
- Model 数据层
- View 视图层
- ViewModel 改变'视图层'的数据(当'数据层'改变的时候)
4.2 Vue 的生命周期
vue生命周期
4.3 Vue 的基础语法
4.4 Vue 组件之间的通信
- 父组件通过props向下传递数据给子组件。注：组件中的数据共有三种形式：data、props、computed
- 子组件向父组件传值（通过事件形式）
// 子组件
method:{
onclick() {
this.$emit("titleChanged","子向父组件传值"); //自定义事件 传递值“子向父组件传值”
}
}
// 父组件
<template>
<custom-child v-on:titleChanged="receiveMsg"></custom-child>
</template>
<script>
method: {
receiveMsg(val) { ... }
}
<script>
- 直接调用组件的方法
<template>
<custom-child ref="child1"></custom-child>
</template>
<script>
method: {
controlChild() {
this.$refs.child1.xxxxxx； // (属性或方法)
}
}
</script>
