- 博客(18)
- 收藏
- 关注
RSS订阅原创 element-plus UI 中的el-date-picker组件在vue3项目中时间选择无反应解决方案
遇到的问题，在日期选择组件中时间选择使用不了，点击无反应时间选择框点击无反应*问题原因：element-plus 2.2.2 版本bug，更新版本为2.2.2以上即可解决方案：更改版本号 然后控制台执行 nom i 升级版本即可完美解决！...
2022-07-08 10:05:26
3760
2
原创 ios客户端小程序日期数据类型报错 Invalid data 解决方案
我是在开发一个抖音端小程序时出现的这个情况，安卓端时间格式正常，ios端报错，使用的时间格式插件是 moment.js解决方案 moment(Date.parse(item.rksj.replace(/-/g,"/"))).fromNow()核心代码为： replace(/-/g,"/") 由于ios端无法处理2021-10-01 这种时间格式需要转换为2021/10/01 即可解决。...
2021-05-31 13:48:48
1291
1
原创 vsCode编译器配置自动格式化代码最简单方法
首先安装prettier插件然后文件 》 首选项 》设置搜索save然后勾选 Format On Save 即可实现每次保存代码自动格式化啦
2021-05-17 11:43:21
319
原创 小程序中image标签的mode属性，防止图片调整宽高而导致拉伸的问题
微信小程序中图片直接调整宽高很容易导致图片拉伸变形，达不到预期效果mode = “widthFix”给变形的图片添加该属性即可
2021-04-06 09:31:19
3936
原创 css覆盖h5元生video样式方法
现在最好的前端视频播放器就是h5元素video,该播放器会有一些原生样式在开发中需要去覆盖掉，只需加下面2行代码即可让自己样式覆盖掉元素样式video { object-fit:cover; outline:none;}ps:想让视频自动播放则必须同时设置静音，否则无效(浏览器为了用户体验，设置的)...
2021-03-26 09:45:36
792
原创 React新版本中ref使用方法
博主使用的React版本为"react": "17.0.1"新版需要先在组件内创建refrefName = React.createRef() //refs新版创建方法，调用直接this.refName调用演示//将ref挂载给相应组件<PicturesWall ref={this.refName } />//在需要的地方调用该refthis.refName 调用组件方法this.refName.current.getFuncName() //调用子组件ref对应的方法
2021-02-14 00:45:29
638
原创 antd表单组件报错 Cannot read property ‘setFieldsValue‘ of null
今天在用React的UI库Antd 4.x版本 里的表单和表格配合写一个修改的需求，由于每次点击修改要拿到原来的值，所以需要用到表单的一些Api表单设置值的API//表单<Form ref={this.formRef}> <Item name="categoryName" label="分类名" hasFeedback rules={[{ required: true, message: '分类名不可以为空!' }]}> &l
2021-02-06 19:46:07
6318
2
原创 css中的calc() 函数
calc() 函数 一个非常好用的css函数，可以用来快速实现等比响应式的布局.bodyList{//30px是只左右外边距15像素，/5表示划分为5份 width: calc((100% - 30px)/5);}实现效果
2021-01-29 15:35:24
384
原创 React水印插件
由于最近项目需求，所以研究了一下水印插件，认为这个不错，分享给大家！安装npm i water-mark-oc --save使用//CommonUtil.cookiesOrgFunc() 是登录的用户单位名称，从登录成功返回的信息中拿到的//CommonUtil.getCookiesName 是登录的用户名称，从登录成功返回的信息中拿到的 componentDidMount() { setTimeout(() => { watermark({
2021-01-29 14:19:23
618
原创 React富文本框插件 —— braft-editor富文本编辑器使用简介与项目实战
前言 —— 由于公司react项目中需要一个富文本框，所以这几天特意在网上找了一个react可以用的富文本框插件，该插件还是比较实用的功能比较多，使用起来也比较简单插件名：braft-editor富文本编辑器安装：使用npm安装npm install braft-editor --save使用yarn安装yarn add braft-editor示例代码：import React from 'react'// 引入编辑器组件import BraftEditor from 'braft-e
2020-12-04 12:22:07
5045
1
原创 React常见报错 —— 附解决方法
报错原因： 在组件卸载前有未清理的定时器或者其他未清理解决方案： 在生命周期函数中 componentWillUnmount清理掉componentWillUnmount() { clearInterval(要清理的定时器)}
2020-11-26 22:01:03
823
原创 Warning: Can‘t perform a React state update on an unmounted component.React内存泄漏报错解决
在React开发中切换组件或者退出登录时偶尔会遇到控制台如下报错，不会有大影响仅控制台报红原因：报错直译：我们不能在组件销毁后设置state，防止出现内存泄漏的情况关于react中切换路由时报以上错误，实际的原因是因为在组件挂载（mounted）之后进行了异步操作，如ajax请求或者设置了定时器等，而你在callback中进行了setState操作。当你切换路由时，组件已经被卸载（unmounted）了，此时异步操作中callback还在执行，因此setState没有得到值。解决方案： // 适
2020-11-24 23:09:00
802
原创 TypeError: Cannot read property ‘location‘ of undefined 报错解决办法
react中使用路由报错TypeError: Cannot read property 'location' of undefined报错代码为// 经过测试是 <Router> 的问题，换成 <HashRouter> 就不报错了import { Router, Route, Switch, Redirect } from 'react-router-dom'import Login from './components/login/index'import Adm
2020-11-21 22:39:26
14873
2
原创 react中使用ECharts绘制各省市地图
首先，安装对应依赖npm install echarts --save2.引入import React from "react";// 模块化样式表import s from "./style.css";import echarts from 'echarts/lib/echarts';import 'echarts/lib/component/tooltip';import 'echarts/lib/component/title';import 'echarts/lib/comp.
2020-11-21 10:36:33
3853
原创 react实战笔记 —— 无限循环滚动列表实例
一个比较实用的实例，自上而下循环无缝滚动首先创建一个带有id的元素，id要加给需要滚动的元素// 在react中元素要写到render中render() {//data是上级元素传过来的所以需要对象解构出来。let {data} = this.props; this.scrollRow = 1; return ( <div className={s.container}> // id要加给需要滚动的元素，也就是
2020-11-20 23:14:47
3074
1
原创 ES6 —— 修饰器(decorator)的基本使用与实例
作用：修饰器用于简化高阶函数/高阶组件安装：npm install --save-dev @babel/plugin-proposal-decoratorsnpm i react-app-rewired -Dnpm i customize-cra -D新建js文件 config-overrides.js：// config-overrides.js （react脚手架的自定义配置文件） const {override,addDecoratorsLegacy,disableEsLint,
2020-11-09 22:55:48
686
原创 React笔记 —— 基于React脚手架工具，初始化React-redux配置
React-redux相关依赖yarn add redux react-redux react-thunk redux-devtools-extensionnpm i redux react-redux react-thunk redux-devtools-extensioncnpm i redux react-redux react-thunk redux-devtools-extension1对应文件的配置store.js// 核心管理者——数据仓库// createStore创
2020-10-27 11:15:11
178
原创 前端布局笔记 —— BFC块级格式化
前端布局 —— BFC块级格式化什么是BFC块？触发成为 BFC 盒子的特点:如何触发 BFC什么是BFC块？Block Formatting Context: 页面上一个隔离的独立渲染区域触发成为 BFC 盒子的特点:触发了 BFC 的盒子, 就成为了页面上的一个隔离的独立容器，容器里面的子元素不会在布局上影响到外面的元素—— 应用: 解决塌陷问题, 清除浮动触发了BFC的普通盒子, 不会与浮动元素重叠—— 应用: 圣杯布局, 左侧固定右侧自适应如何触发 BFCfloa
2020-10-06 11:08:22
103
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人