R 扩展知识 1

1 ES6 语法

1 const { hh = [] } = props   // 若 props 中没有 hh 属性的时候, 那么 hh 的默认值就是空数组 []

2 let a = {a: 1, b: 2}   // 解构对象的案例
  let b = {...a, c: 3}   // 达到合并对象的效果
  console.log(b)   // {a: 1, b: 2, c: 3}

3 let a = {a: 1, b: 2}   // 解构对象案例   深复制的效果
  let b = {...a}   // 对象的深复制
  let {...b} = a   // 等价于上面的深复制

4 let hh = {a: 1, b: 2, c: 3}
  let {a, b, c } = hh   // 1 2 3
  let {a: aa, b: bb, c: cc } = hh   // 定义了变量 aa bb cc, 值 = 1 2 3
  let {b: bb, x: xx } = hh   // 定义了变量 bb xx, bb = 2, xx = undefined
  // 属性值定义为变量, 根据属性去找 hh 对象中对应属性, 说对应的值, 赋值在当前属性值变量上

5 const {hh} = props --> const {xx} = hh --> console.log(xx)
  const {hh: {xx}} --> console.log(xx)   // 俩者是等价的

2 功能插件

1 加密 md5  // 加密是不可逆的, 用户输入密码, 我们加密之后, 发送给后端
  
    1 npm i js-md5
    2 import md5 from "js-md5"
    3 value = md5(value)



2 React 项目中使用 "字体图标"  

    1 src/assets/iconfont.css: 粘贴字体图标项目 css 文件代码
    2 import '@/assets/icon.css'   //用到的组件引入
    3 <i class="iconfont icon-xxx"></i>   -> OK

3