![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
TS
DaXiong1024
这个作者很懒,什么都没留下…
展开
-
react 异步加载代码组件
import React, { Component } from 'react'/** * @description: 封装react 页面级组件按需异步加载函数 * @param {any} importComponent * @return {*} */function asyncComponent(importComponent: any) { class AsyncComponent extends Component<any, any> { construct原创 2021-09-08 12:25:42 · 228 阅读 · 0 评论 -
解决H5页面在iOS系统中滑动回弹效果(橡皮筋效果)导致的穿透问题
移动端开发时,H5长页面在iOS系统中滑动时,当页面滑动到顶部或底部时,页面还能够上滑或下滑,手指离开屏幕后回弹,这就时橡皮筋效果,单纯来说这个效果并没有什么问题,但是它对H5页面却并不友好,会导致穿透,导致H5页面出现被截断的假象;参考了很多文章之后,我采用了如下办法,亲测好用:使用插件inobounce(但是只适用于ios系统,安卓不适用)下载插件:npm install inobounce -s在需要处理的页面上添加如下代码:useEffect(() => { let u = n原创 2021-09-01 16:47:20 · 1677 阅读 · 0 评论 -
Antd Form 表单中使用Upload组件
Antd Form 表单中使用Upload组件html<Form.Item label='文件上传' name='uploadFile' valuePropName='fileList' getValueFromEvent={normFile} rules={[ { required: true, message: '必填' } ]}> <Upload {...uploadProps} > <Bu原创 2021-08-31 17:23:56 · 3477 阅读 · 0 评论 -
微信支付支付宝支付
微信公众号支付1.首先公众号授权获取code// 如果已经拿到code并且获取到openid以后就停止重定向 if (localOpenid) { return } else { // 如果浏览器地址栏参数没有code,那就控制重定向 if (!localtion.search) { //企业应用ID const appId = 'xxxxxxx' //重定向域名(需要在微信商户后台配置jsapi支付回调域名) const url = `$原创 2021-08-31 12:13:49 · 262 阅读 · 0 评论 -
antd表格切换分页页码时之前的选择项仍然保留问题解决
!!! 主要是利用rowSelection配置项中的onSelect,onSelectAll 回调,代码如下/** * @description 表格选择行配置项 */export const useRowSelection = <T>() => { const [checkedRowKeys, setCheckedRowKeys] = useState<Key[]>([]) const [checkedRows, setCheckedRows] = useSt原创 2021-08-31 11:47:28 · 959 阅读 · 0 评论 -
Use Redux
Use Redux一、Redux 简介Redux 是 JavaScript 状态管理容器。React 跟 Redux 没有什么直接的联系。就像 java 和JavaScript 之间。因为 redux 在 react 中使用起来比较好用,所以常选取 redux 作为 react 的状态管理容器。优点:可以集中管理数据,多组件共享数据。唯一的数据源,只能通过纯函数来修改。缺点:实现原理是 发布订阅模式,dispatch 会触发给纯函数中type相同的操作,细粒度不够。需要手原创 2021-08-30 11:23:31 · 404 阅读 · 0 评论 -
创建React-TS项目流程
React+TS+eslint项目流程1.使用create-react-app创建TS项目文件夹$ create-react-app h5web-ts --template typescript //h5web-ts 包名2.项目采用eslint代码检查工具eslint采用eslint+standard下载eslint$ npm install eslint --save-dev设置一个配置文件 .eslintrc.js$ ./node_modules/.bin/eslint原创 2021-08-30 11:21:55 · 2025 阅读 · 0 评论