前端知识点

一、html5与html4的区别，新增的元素有哪些

https://blog.csdn.net/HHTNAN/article/details/78856154

二、掌握CSS新增样式和属性

2.1 选择器

示例： :last-child

https://www.runoob.com/cssref/css-selectors.html

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","子向父组件传值");  //自定义事件  传递值“子向父组件传值”
      }
}

// 父组件