属性

• display
  • gird | inline-grid
• grid-template-columns
  • 列宽
  • grid-template-colums:100px 200px 300px
    • 声明了 3 列，分别为 100px、200px、300px
• grid-template-rows 行高
  • grid-template-row:100px 200px
    • 声明了两行，分别为 100px 200px

URL的hash

• 前端路由是如何做到URL和内容进行映射的呢？
  • 监听URL的改变
• URL的hash
  • URL的hash也就是锚点（#），本质上是改变window.location的href属性
  • 我们可以通过直接赋值location.hash来改变href，但是页面不发生刷新
• hashchange
• hash的优势就是兼容性更好，在老版本IE中都可以运行,但是缺陷是有一个#，显得不像一个真实的路径

Redux

• 纯函数

  • 函数在相同的输入值时，产生相同的输出
  • 函数的输出和输入值以外的其他隐藏信息或状态无关，也由I/O设备产生的外部输出无关
  • 函数不能有语义上可观察的函数副作用，诸如“触发事件”，使输出设备输出，或更改输出值以外物件的内容等
  • 也就是
    • 确定的输入，一定会产生确定的输出
    • 函数在执行过程中，不能产生副作用

setState其他用法

• setState({})
• setState((state,props)=> { return {} })
• setState(updater,callback)

• JSX
  • 一种标签语法,JS进行的语法扩展 | 遵循JS 的命名规范,一般使用camelCase小驼峰
  • 不是字符串、不是HTML标签
  • 描述UI呈现与交互的直观的形式
  • 生成React元素

埋点

• 针对特定用户行为或事件进行捕获、处理和发送的相关技术及其实施过程

原理概述

• PC端生成二维码，然后通过不断轮询，查询当前二维码状态
• App里扫码拿到qrcode_id,根据用户操作调用不同的修改二维码状态接口
• 通过轮询接口的返回值进行登录等

安装依赖

• npm install vue-simple-uploader --save

• npm install spark-md5 --save

特性

• 支持文件、多文件、文件夹上传
• 支持拖拽文件、文件夹上传
• 统一对待文件和文件夹，方便操作管理
• 可暂停、继续上传
• 错误处理
• 支持“快传”，通过文件判断服务端是否已存在从而实现“快传”
• 上传队列管理，支持最大并发上传
• 分块上传
• 支持进度、预估剩余时间、出错自动重试、重传等操作

• 浏览器厂商前缀

1
2
3
4

"browserslist": [
  "> 1%",
  "last 2 versions"
]

响应式瀑布流布局

(细节版~)