react
你的玄烨
好好学习,天天向上
展开
-
前端项目多次引用echarts组件只显示之后一次问题解决
解决前端项目里多次引用抽离的echarts组件,只显示最后一次引用的问题原创 2022-07-19 17:06:18 · 1378 阅读 · 1 评论 -
React项目如何实现登录密码MD5加密
第一步: 我们全局安装MD5依赖npm install --save js-md5 第二步: 在相应的组件部分引入使用,本案例世界在登录组件页面引入使用// 密码MD5加密import md5 from 'js-md5';React.Component.prototype.$md5 = md5;本案例在登录验证部分输出的密码数据,这里并没有结合后台,只是单纯的演示MD5加密后的密码数据效果 const onFinish = (values: any) => { const原创 2022-04-04 18:09:20 · 6314 阅读 · 0 评论 -
前端react项目实现词云效果
引言: echarts词云效果使用,需要更新到 5.0.1+ 的版本,本示例使用的是5.0.2版本,如果你的词云效果实现有报错 …createTextStyle is not a function,请参考我的博客:《前端词云效果echarts报错:…createTextStyle is not a function》npm install echarts@5.0.2 --savenpm install --save echarts-for-reactnpm install echarts-wordcl原创 2021-07-02 10:14:16 · 2120 阅读 · 5 评论 -
前端词云效果echarts报错:...createTextStyle is not a function
可能因为你的echarts依赖版本落后了,echarts词云效果使用,需要更新到 5.0.1+ 的版本。注意: 你要慎重,高版本与你现有的版本的echarts相关页面是否支持或兼容npm install echarts@5.0.2 --save原创 2021-07-02 10:03:04 · 3058 阅读 · 0 评论 -
react项目里如何使用阿里字体图标
C程序结构 : 一个C程序是由若干头文件和函数组成,如下例就是一个头文件和一个主函数组成。#include <stdio.h>int main(){ printf("Hello World!"); return 0;}①stdio.h是系统提供的一个文件名,stdio是“standard input & output”的缩写,即标准输入输出;函数就是实现代码逻辑的一个小的单元。②主函数: 一个C程序函数有且只有一个主函数,即main函数。C程序就是执行主函原创 2021-04-22 09:36:58 · 446 阅读 · 0 评论 -
一个简单的前端埋点示例(以react项目为示例)
首先我们先大致了解下MyBatis:Mybatis就是类似于hibernate的orm持久层框架,面向sql的持久层框架。他封装了jdbc访问数据库的过程,我们开发,只需专注于sql语句本身的拼装,其它复杂的过程全部可以交给mybatis去完成。MyBatis相比hibernate的优点:1】目前最主流的持久层框架为hibernate与mybatis,但是国内目前情况使用Mybatis的公司比hibernate要多。2】Hibernate学习门槛不低, 要精通门槛更高。门槛高在怎么设计O/R映射,在原创 2020-08-08 14:35:16 · 2325 阅读 · 0 评论 -
AntDesign自定义Drawer抽屉组件内容样式不生效问题
1.先看一下效果: 抽屉里自定义内容样式正常生效效果2.场景阐述: 使用antd + less书写自定义抽屉组件中的内容,如下图代码所示。less样式文件中的样式使用包含结构,结果发现样式不生效。3.问题排查: 当我开始用浏览器开发工具定位页面内容元素时,发现抽屉内容是一个独立的DOM,因此我们只需要将抽屉里自定义内容的样式定义部分放在和页面父容器平级即可。4.问题解决...原创 2021-04-20 16:55:33 · 4382 阅读 · 7 评论 -
react项目提交代码报错 “lint-staged”
代码提交出现 “lint-staged”提示,提交失败:删除package.json中下面这一行即可,(取消代码提交检验)原创 2021-01-07 13:20:22 · 2563 阅读 · 0 评论 -
react中报错Failed to set an indexed property on ‘CSSStyleDeclaration‘: Index property setter is not sup
其实这不算是一个问题,是你的一个小疏忽!当我们在react中使用less文件书写CSS样式的时候,组件中我们声明页面元素的类名应该写成: <Row className={style.mainContainer}></Row>注: 这个style是我们引入的less文件的别名 import style from './style.less';而出现上面的报错是因为你疏忽在行内样式声明里写了元素的类名,如下: <Row style={s原创 2020-10-26 22:31:15 · 4131 阅读 · 0 评论 -
析构运算符 ... 的使用理解
代码示例:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body&g原创 2020-10-23 15:40:03 · 211 阅读 · 0 评论 -
react高阶组件之父子组件通信
首先我们知道:父组件向子组件传参:props原创 2020-10-15 13:07:01 · 334 阅读 · 0 评论 -
修改ant design的tooltip组件中的字体颜色(2分钟解决战斗)
理解: 通常,多个组件需要反映相同的变化数据,这时我们建议将共享状态提升到最近的共同父组件中去。说的通俗一点,就是私有数据在组件之间实现传递共享。示例:将class定义的组件的的私有状态通过props传递到function定义的组件中,做一个条件渲染。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" cont原创 2020-08-21 11:50:49 · 4980 阅读 · 1 评论 -
echarts折线图展示两个Y轴,同时使两个y轴刻度线重合
在 HTML 中,表单元素(如 input、textarea 和 select)之类的表单元素通常自己维护 state,并根据用户输入进行更新。而在 React 中,可变状态(mutable state)通常保存在组件的 state 属性中,并且只能通过使用 setState()来更新。我们可以把两者结合起来,使 React 的 state 成为“唯一数据源”。 渲染表单的 React 组件还控制着用户输入过程中表单发生的操作。被 React 以这种方式控制取值的表单输入元素就叫做“受控组件”。.原创 2020-08-21 10:06:35 · 3290 阅读 · 2 评论 -
react点击实现元素的显示和隐藏
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>控制元素的显示和隐藏</title> <style> * {原创 2020-08-20 17:42:31 · 2072 阅读 · 0 评论 -
react项目中使用echarts插件两种方式
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>登录和退出登录</title> <style> * { fon原创 2020-08-20 16:54:21 · 1525 阅读 · 0 评论 -
React项目中使用Antv-G6
其实这个算不上什么错误,只是我们在script标签中少写了文档声明:React 中使用 JSX语法,它是对 JavaScript 的语法扩展,它可以很好地描述 UI 应该呈现出它应有交互的本质形式。所以script标签必须得写上type=“text/babel”声明,因为我们需要对JSX语法进行解析。<script type="text/babel"></script>...原创 2020-08-20 15:21:40 · 3545 阅读 · 0 评论 -
react项目里关闭Eslint规范校检
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>state各不干扰</title> </head> <body> &l原创 2020-08-20 14:20:24 · 2075 阅读 · 0 评论