自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(27)
  • 收藏
  • 关注

原创 antd时间范围预设,使用dayjs取 本周、本月、本年、本季度、上季度。

dayjs取 本周、上周、本月、上月、本季度、上季度时间段

2023-04-24 10:49:27 1520

原创 dumi中使用 testing-library 运行单元测试报错

dumi中使用 testing-library 运行单元测试报错。

2022-10-10 11:49:37 585

原创 React‘ refers to a UMD global 或者 Cannot use JSX unless the ‘--jsx‘ flag is provided.

ts+react标签报红: 'React' refers to a UMD global, but the current file is a module. Consider adding an import instead 或者 Cannot use JSX unless the ‘–jsx’ flag is provided.

2022-10-08 14:40:00 1227

转载 构建你自己的 React (16.8)

构建你自己的 React

2022-09-28 15:59:23 172

原创 qiankun vue作为子应用出现 created 触发两次的情况!

qiankun vue作为子应用出现created触发两次的情况!

2022-07-18 15:20:12 1485

原创 手写promise

手写promise 需要参考 promiseA+规范promises 测试组件npm install promises-aplus-test -gpromises-aplus-test promise.js// promise就是一个类// 1.promise 有三个状态: 成功态(resolve) 失败态(reject) 等待态(pending) (又不成功又不失败)// 2.用户自己决定失败的原因和成功的原因 成功和失败也是用户定义的// 3.promise 默认执行器时立即执行//

2022-05-19 17:51:30 155

原创 nextjs12.x 集成 less

12.x安装yarn add less less-loader next-with-less --save在next.config.js配置支持lessconst withLess = require("next-with-less");module.exports = withLess({})其他低版本安装yarn add @zeit/next-sass node-sass 或者 yarn add @zeit/next-sass node-sassyarn add @zeit/nex

2022-04-20 12:06:16 1738

原创 React集成react-activation,实现页面缓存

安装yarn add react-activationdemo1import { KeepAlive, useActivate, AliveScope } from 'react-activation';function Counter() { const [count, setCount] = useState(0) return ( <div> count: {count} <button onClick={() => setC

2022-01-17 17:48:12 4009 6

原创 antd日期选择框单边区间禁用日期

单边 日期+时间util.jsfunction range(start: number, end: number) { const result = []; for (let i = start; i < end; i += 1) { result.push(i); } return result;}jsconst disabledDateTime = (current: any) => { const hours = dayjs().hour();

2021-08-03 16:20:54 244

原创 elementUI效验日期时间范围选择器的问题处理

template 代码<el-form ref="dataForm" size="small" :model="temp" :rules="rules" label-width="120px"> <el-form-item label="日期" prop="tempdatepicker"> <el-date-picker :clearable="false" v-model="temp.tempdatepicker" t

2021-07-14 14:16:11 1100 1

原创 字母或字母+数字组成正则表达式

/(^([a-zA-Z]*)$)|(^((?!([a-zA-Z]+|\d+)$)[a-zA-Z\d]*)$)/

2021-03-10 11:10:05 1133

原创 uniapp编辑成小程序点击事件失效。( 模拟器有问题,手机上没问题 )

解决前言:以前编辑成小程序都没什么问题。但是突然就出现点击按钮无效的问题办法一检查 HBuild X 是否为最新版本检查 微信开发者工具 是否为最新版本删除 unpackage 目录 重新编译小程序方法二清理 微信开发者工具 编辑器缓存方式三检查元素是否被覆盖...

2021-01-26 11:19:09 4034

原创 vue配置less/sass

less安装npm install [email protected] -snpm install [email protected] -s或者npm install [email protected] -snpm install [email protected] -s配置打开:/build/webpack.base.conf.js 搜索 rules在数组中添加 { test: /\.less$/, loader: 'style-loader!css-loader!less-loader' },

2021-01-25 21:38:21 189

原创 vue/uniapp实现浏览器录屏功能(视频+音频)

RecordRTC使用安装npm install recordrtc -Simport RecordRTC from 'recordrtc';代码:<template> <view> </view></template><script> import RecordRTC from 'recordrtc'; export default { data() { return { videoStart:

2021-01-22 16:06:06 3992 8

原创 uniapp打包 云端服务器返回错误:请先完成企业实名认证,证明您是“****“的开发者。如有疑问,请发邮件到[email protected]咨询

HBuilder X版本:3.0.5场景:安卓APP云打包失败。报错:请先完成企业实名认证,证明您是"****"的开发者。如有疑问,请发邮件到[email protected]咨询不解:自己创建的uniapp项目怎么就不能证明是本项目开发者了(开发者平台已实名)?上个版本2.8可以打包,之后升级到3.0也可以打包(之后没有在升级,大概三天前 21-01-11 至 12左右),到昨晚(15)上再次提交报错?前言:打包APP如包含 金融、信贷、互联网彩票类App需完成企业实名认证,且需提供相关金融从业

2021-01-16 11:47:25 4525 5

原创 内网穿透、修改hosts文件访问uniapp H5项目的时候出现Invalid Host header解决办法

打开manifest.json 文件->源码视图 搜索:devServer 添加:"disableHostCheck": true例如: "h5" : { "devServer" : { "port" : 8070, "https" : false, "disableHostCheck": true } }重启项目!...

2021-01-11 23:15:51 1979 1

转载 tp5.1实现Token

在TP5.1项目中使用命令行运行以下代码即可自动下载安装:composer require firebase/php-jwt生成Token/** * 创建 token * @param array $data 必填 自定义参数数组 * @param integer $exp_time 必填 token过期时间 单位:秒 例子:7200=2小时 * @param string $scopes 选填 token标识,请求接口的token * @retur

2021-01-02 20:12:02 902

原创 antd表格组件嵌套表格 expandedRowRender 为什么出现多余空白列?

代码是这么写的 expandedRowRender = (record, index) => { let children = JSON.parse(JSON.stringify(record.children)); return <Table columns={this.state.columns2} dataSource={children} pagination={false}/>; }; onExpand =(ex

2020-11-20 10:25:57 2714 2

转载 前端实现方程式(Vue中使用MathJax)

MathJax 在线工具 [https://www.codecogs.com/latex/eqneditor.php]数学公式分为行内公式和跨行公式,当然都需要支持和渲染。我准备了3条公式,分别是行内公式、跨行公式和超长的跨行公式:\alpha+\beta=\gamma$$$\alpha+\beta=\gamma$$$$\int_{0}^{1}f(x)dx \sum_{1}^{2}\int_{0}^{1}f(x)dx \sum_{1}^{2}\int_{0}^{1}f(x)dx \sum_{1

2020-09-03 14:55:15 5857 1

转载 Vue的10个开发技巧

1.路由参数解耦一般在组件内使用路由参数,大多数人会这样做:export default { methods: { getParamsId() { return this.$route.params.id } }}在组件中使用$route会使之与其对应路由形成高度耦合,从而使组件只能在某些特定的 URL 上使用,限制了其灵活性。正确的做法是通过props解耦const router = new Vue...

2020-06-04 15:32:18 103

原创 创建react脚手架失败:Deleting generated file... node_modules。

报错截图:目前百度我找到的解决办法有:1、安装淘宝镜像?npm install -g cnpm –registry=https://registry.npm.taobao.org2、更新npmnpm install -g npm@latest但并未解决当前问题最总的解决办法:在前不久之前使用npm安装了 yarn使用npm install -g yarn装的yarn,需要自己手动去配置全局的环境变量。所以导致构建react失败。卸载一波npm uninstall yarn -g

2020-05-30 21:54:44 674

原创 Vue中 文本框输入限制

Vue.directive('limit', { update: function(el) { el.onkeypress = function(e) { var code = e.charCode; if (code != 0) { if (!String.fromCharCode(code).match(/[0-9]/)) { return false; ...

2020-03-12 09:17:14 743 1

转载 vue-cli webpack 项目版本升级

https://blog.csdn.net/weixin_33881140/article/details/91452988

2020-03-09 14:30:32 1151

原创 上传七牛云,回显链接

export default {data(){return {fromData:{userId:‘0’,//用户iduserName:’’,//姓名address:’’,//地址ages:’’,//年龄phone:’’,//电话headImage:’’,//头像introduce:’’,//介绍},token:’’,loading: false,QiniuData: {...

2020-03-09 14:21:18 304

原创 vuex mapMutations 使用

你可以在组件中使用 this.$store.commit(‘xxx’) 提交 mutation,或者使用 mapMutations 辅助函数将组件中的 methods 映射为 store.commit 调用(需要在根节点注入 store)。import Vue from 'vue';import Element from 'element-ui'import 'element-ui/lib/...

2020-03-09 13:58:19 359

原创 倒计时一小时

//时间countDown() {let date = new Date();var h = new Date().getHours()+1;let future=null;future = new Date(date.getFullYear(),date.getMonth()+1,date.getDate(),h,0,0);// 间隔时间毫秒转成秒var remTime ...

2019-12-13 14:15:17 899

原创 vantUi引入组件,使用组件显示为注册或找不到,组件样式部分失效

报错in ./src/pages/activity/seckill/commodityDetail.vue122:46-63 "export 'GoodsActionButton' was not found in 'vant'原因:版本问题当时是老版本维护添加新的功能,vant是1.6.28版本,将版本升级:npm install [email protected]...

2019-11-28 17:35:10 1611

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除