Skip to content

ccloveak/Components_Demo

Repository files navigation

Components_Demo

  • 学习组件的使用方法
  • 使用遇到问题提 issue

base demo

  1. 前端开发环境

    • 2021.1.11 最初版
    • 2021.1.31 加上了vscode的配置文件
    • 2021.1.31 导入less
    • 野望: 做成cli或者封装进docker
  2. 后端开发环境

ant design

  1. table 使用

    • 无 log warning
    • 可正常使用
  2. card_list

ant design pro

  1. protable 使用

实际使用

  1. 使用 protable 展示 members 数据

    • 存在跨域问题,暂时无法解决
    • 实际项目中已经解决了这个问题,感到很迷茫
    • 随着技术积累,应该会回过头来看看这部分代码
    • 留着这个的另一个原因是里面的 mock 数据花了好久整理的
  2. recaptcha 整合到项目中

    • 需要生成sitekey
    • 调用 recaptcha 控件的 reset 方法
  3. react基本拖拽

    • 监听React鼠标事件
    • 判断拖放开始结束
    • 实现元素位置移动
    • 维护拖放状态
  4. useMemo演示

    • 感受使用useMemo后的丝般顺滑
  5. iconfont演示

  • 使用感受跟使用antd icon一毛一样
  1. tailwind演示
  • react项目导入antd,tailwind