项目中的问题

页面加载动画怎么实现的?

在项目打包的时候,用manifest.json选择启动界面的配置,选择安卓的启动界面设置,选择自定义启动图,就可以了.

---

地理定位图怎么实现的?

用H5新特性 地理定位(navigator.geolocation),获取定位图.

---

递归

就是这个项目有一个功能，它就是一个深层权限列表的渲染，然后这个权限列表是一个深层的数据结构，就是一个数组里面套的还是一个数组，然后我们就需要就需要不断的往便利这个数组，然后看它的children属性是不是还是一个数组，如果是的话，就重新调用这个方法，然后来进行渲染，直到这个它的children没有了。

input搜索问文章相同的字体会变高亮

正则表达式匹配输入框内容,找到父标签节点,添加属性.

---

表格的导入导出

导出:

首先点击导出,获取到表格的数组

调用后台接口,把数组带进去,

后台给前端返回一个导出表格的地址

导入:

???

---

用户登录怎么加密?

1. 我们全局安装MD5依赖

npm install --save js-md5 

2.在相应的组件部分引入使用，本案例世界在登录组件页面引入使用

// 密码MD5加密
import md5 from 'js-md5';
React.Component.prototype.$md5 = md5;

3.

演示MD5加密后的密码数据效果

 const onFinish = (values: any) => {
    const { username, password } = values;
    // 将密码数据进行MD5加密处理
    let test = md5(password);
    console.log('表单数据', username, password, test);
  };

---

App图片预览

安装

yarn add react-photo-view

基本使用

import { PhotoProvider, PhotoView } from 'react-photo-view';
import 'react-photo-view/dist/react-photo-view.css';

function App() {
  return (
    <PhotoProvider>
      <PhotoView src="/1.jpg">
        <img src="/1-thumbnail.jpg" alt="" />
      </PhotoView>
    </PhotoProvider>
  );
}

---

业务中视频播放怎么实现

安装

npm install --save video-react react react-dom redux

引入video-react,以及Css

css一定不要忘记引用 否则会出现样式丢失和奇奇怪怪的情况 切记

video-react提供了很多ControlBar组件 可以查看官方文档进行引用 比如倍速等

创建示例:

<Modal
            title="我是title"
            forceRender={true}
            visible={this.state.videoVisible}
            onOk={this.handleCancel}