- 博客(6)
- 收藏
- 关注
原创 react / umi 配置自定义环境变量
前言:在我们开发一个项目时,有些情况需要我们根据不同环境执行不同的操作,而内置的 process.env 中的环境变量不足以满足需求时,我们就需要手动来配置自定义的环境变量了。 一、react(项目环境:create-react-app 脚手架) 方案一: 使用 cross-env 插件(推荐) 使用 cross-env 是一种比较常见的做法。 由于我这里是脚手架搭建的,后面的步骤需要执行 npm run eject 把 webpack 配置暴露出来,注意项目一旦执行 npm run eject 操作后不可
2021-05-12 16:06:53
6771
原创 antd按需加载及配置自定义antd主题
react+antd 配置按需加载及自定义antd主题 基于create-react-app脚手架开发。 react版本16.13.1;antd版本4.10.3。 按需加载 一、使用 babel-plugin-import 插件 首先讲一下通过 babel-plugin-import 这个插件来实现的按需加载方式。 安装 babel-plugin-import 插件: //npm用户 npm install babel-plugin-import //yarn用户 yarn add babel-plu
2021-02-22 18:28:25
1450
原创 React 轮询并弹出浏览器通知(Notification)
React 轮询并弹出浏览器通知(Notification) Notification是H5新增属性,目前应该是除IE外其他浏览器都兼容 点我可以看Notification的完整api 需求是进入页面后开始轮询,然后符合条件的话弹出浏览器通知框 一、轮询 我这里直接使用setTnterval进行轮询,首先在state中定义一个变量(将setInterval赋值给一个变量的意义在于需要用这个变量在页面销毁、卸载的时候清除掉,清除setInterval的重要性远高于清除setTimeout),例如timer:n
2020-08-05 18:17:11
3095
原创 微信小程序 使用.wxs在.wxml中分割字符串渲染多条数据
在开发微信小程序的项目中,由于接口中有一个字段的值以符号作为分隔,存放了多个value需要在前端展示(例如下图中的good_field字段)。 需求效果图 首先这是一个循环渲染出来列表,我无法在这整个循环中再去循环另一个数组渲染(主要是我不知道这样怎么写哈哈哈),所以我才用wxs模块来给整个列表中的数据中每一条数据单独循环渲染。上代码 wxs: // magic.wxs var split =...
2020-04-13 15:13:26
2222
原创 腾讯云实时音视频小程序端双人通话功能使用
关于腾讯云实时音视频TRTC双人通话功能小程序端使用记录 由于疫情发生,互联网界急需各种线上功能,例如网课,线上视频面试等。我所在的公司也接到了新的需求,需要在小程序端利用腾讯云实时音视频服务实现线上双人通话功能(后期可能还会继续做多人语音会议及多人视频会议功能,实现方式大同小异),这篇文章主要记录一下微信小程序端双人视频通话实现的过程。 一、体验并下载DEMO 首先我们先从腾讯云小程序端的DEM...
2020-04-07 18:09:57
3792
5
原创 记录react+antd项目中使用Popconfirm及获取所点击行的数据
记录react+antd项目中关于Table中使用Button实现点击某行禁用效果及Popconfirm踩坑 一、首先使用点击Button弹出Popconfirm,再点击确定来控制disabled属性的true或者false,控制disabled属性通过控制一个变量就可以了。 1.首先看一下Popconfirm及Button的使用 <Popconfirm title="是否确认?" onCo...
2020-01-19 18:17:47
6915
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅