- 博客(84)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 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
5997
原创 error ‘createWebHashHistory‘ is not defined no-undef（Vue项目配置路由）
**页面理想状态：**左侧的导航菜单部分固定，右侧主体内容跟随路由切换我使用的vue3，当我开发到路由部分时，我直接执行了如下命令，这时候系统默认下载的是vue路由依赖包的3.5.3本。npm install vue-router这时候我们运行项目报了，文章标题的错误： error ‘createWebHashHistory’ is not defined no-undef这时候我们main.js中的路由引入和配置是：这里我不确定具体的原因是什么，但是表面上看是vue-router
2021-11-10 14:33:27
4811
原创 Can‘t import the named export ‘ArrowDown‘ from non EcmaScript module(vue3项目按官网引导使用Element-plus报错问题)
首先我们看一下页面效果：1.按照Element-plus官网的引导，我们首先需要在项目里下载Element-plus依赖# NPM$ npm install element-plus --save# Yarn$ yarn add element-plus# pnpm$ pnpm install element-plus2.然后在项目中的main.js中添加：import { createApp } from 'vue'import ElementPlus from 'elemen
2021-11-03 13:13:21
3554
5
原创 前端react项目实现词云效果
引言： echarts词云效果使用，需要更新到 5.0.1+ 的版本，本示例使用的是5.0.2版本,如果你的词云效果实现有报错 …createTextStyle is not a function，请参考我的博客：《前端词云效果echarts报错：…createTextStyle is not a function》npm install [email protected] --savenpm install --save echarts-for-reactnpm install echarts-wordcl
2021-07-02 10:14:16
1929
5
原创 前端词云效果echarts报错：...createTextStyle is not a function
可能因为你的echarts依赖版本落后了，echarts词云效果使用，需要更新到 5.0.1+ 的版本。注意： 你要慎重，高版本与你现有的版本的echarts相关页面是否支持或兼容npm install [email protected] --save
2021-07-02 10:03:04
2854
原创 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
413
原创 AntDesign自定义Drawer抽屉组件内容样式不生效问题
1.先看一下效果： 抽屉里自定义内容样式正常生效效果2.场景阐述： 使用antd + less书写自定义抽屉组件中的内容，如下图代码所示。less样式文件中的样式使用包含结构，结果发现样式不生效。3.问题排查： 当我开始用浏览器开发工具定位页面内容元素时，发现抽屉内容是一个独立的DOM，因此我们只需要将抽屉里自定义内容的样式定义部分放在和页面父容器平级即可。4.问题解决...
2021-04-20 16:55:33
4144
7
原创 lessc : 无法将“lessc”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。...
我遇到的场景： 想在vue中使用less书写组件页面样式，然后我再当前项目目录下加载less、less-loader依赖，用lessc -v查看安装版本信息，检查安装是否成功的时候，报了无法识别的错误。解决方法： 卸载已安装的less内容，然后全局安装less、less-loader依赖npm uninstall --save less less-loadernpm install --save -g less less-loader...
2021-04-06 10:31:10
975
原创 js从路由中提取所需参数
这里主要提供给亲解决思路：逻辑不复杂。可能我们的数据项是一个嵌套数组：如：[[name:‘Kobe’，value:24],[name:‘McGrady’,value:1]…]解题思路：①将所有的value单独提出放入一个数组，然后sort(a,b)进行降序排序放入一个新数组，求出新数组数据项和②新数组降序排列的数据项，sum = 0 ; sum = sum + arr[i] 从大到小累加和数组数据项和比较。③不超过80%，将arr[i]再放入新数组，④⑤Echarts核心代码：
2021-02-06 19:49:31
4209
原创 react项目提交代码报错 “lint-staged”
代码提交出现 “lint-staged”提示，提交失败：删除package.json中下面这一行即可，（取消代码提交检验）
2021-01-07 13:20:22
2385
原创 如何在VsCode中配置C语言开发环境
先上代码：<!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>
2020-12-23 11:25:31
252
原创 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
4057
原创 析构运算符 ... 的使用理解
代码示例：<!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
195
原创 修改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
4571
1
原创 echarts折线图展示两个Y轴，同时使两个y轴刻度线重合
在 HTML 中，表单元素（如 input、textarea 和 select）之类的表单元素通常自己维护 state，并根据用户输入进行更新。而在 React 中，可变状态（mutable state）通常保存在组件的 state 属性中，并且只能通过使用 setState()来更新。我们可以把两者结合起来，使 React 的 state 成为“唯一数据源”。 渲染表单的 React 组件还控制着用户输入过程中表单发生的操作。被 React 以这种方式控制取值的表单输入元素就叫做“受控组件”。.
2020-08-21 10:06:35
3021
2
原创 JS如何向div中插入元素
前言： 这里我们根据一个多个列表组件渲染的示例对key的作用，以及相关的功能属性做出分析解读。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>循环渲染列表</ti
2020-08-21 09:49:09
9573
1
原创 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
2042
原创 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
1431
原创 React项目中使用Antv-G6
其实这个算不上什么错误，只是我们在script标签中少写了文档声明：React 中使用 JSX语法，它是对 JavaScript 的语法扩展，它可以很好地描述 UI 应该呈现出它应有交互的本质形式。所以script标签必须得写上type=“text/babel”声明，因为我们需要对JSX语法进行解析。<script type="text/babel"></script>...
2020-08-20 15:21:40
3369
原创 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
1981
原创 JS中的 this 指向的七种场景
this指向问题this是一个关键字，指向一个对象，在不同的调用环境this指向的对象也不一样。1、全局this指windowconsole.log(this)2、全局函数里的this指window function fn () { console.log(this) } fn()3、事件处理函数里的this指绑定事件的DOM对象（不一定是事件源，哪个对象绑定就是那个对象） document.querySelector('#box').onclick =
2020-08-13 21:15:39
727
原创 纯H5+C3实现后台管理页面布局效果
后台管理系统页面布局的特点1)头部导航栏位置固定，高度固定、宽度自适应2)内容部分宽度高度自适应，高度为页面高度的剩下部分（除了头部导航栏剩下的部分保证全屏铺满，不出滚动条）实现代码分析说明： html和body元素给高100%，然后content高设置100%就可以铺满整个页面，给导航栏nav_top 10%的高度，宽度100%，导航栏就撑满浏览器宽度并且显示在内容盒子content顶部。再给html和body设置外边距为0，overflow：hidde，此时整个页面全屏被content铺满。
2020-08-08 21:12:57
1185
原创 分析理解——圣杯布局和双飞翼布局
综述： 其实两者的功能相同，都是为了实现一个两侧宽度固定，中间宽度自适应的三栏布局，中间部分在DOM结构上优先，以便先行渲染。（核心目的： 先解析中间栏，展示当前页面的核心内容，提升用户体验。）圣杯布局： 的特点1、结构上先解析center2、三块之间没有重叠的部分3、给最大的盒子添加了padding挤进去的 --> <div class="box"> <div class="center">中间的区域</div> <div cla
2020-08-08 19:27:14
198
原创 Spring之什么是控制反转，控制反转的实质是什么
控制反转IOC(Inversion of Control)： 是一个重要的面向对象编程的法则，来消减计算机程序的耦合的问题；也是轻量级的Spring框架的核心。控制反转的两种类型：依赖注入；依赖查找。控制反转实质指的是： 之前创建对象的时候，在action里创建service，在service里创建DAO，都得自己new。使用Spring框架后，将对象的创建权反转给Spring。...
2020-08-08 14:40:24
1126
原创 一个简单的前端埋点示例（以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
2237
原创 var、let、const它们声明变量的区别
① var声明的变量属于函数作用域；let 和 const 声明的变量属于块级作用域，不能跨函数访问；② var存在变量提升现象，而 let 和 const 没有；③ var变量可以重复声明，值可改变；在同一个块级作用域下：let变量不能重新声明；const定义的变量是常量，声明时必须赋值，但不允许重复赋值，如果定义的是引用类型，可以修改数据内部结构。...
2020-08-06 14:18:16
6718
2
原创 计算机是如何实现数据存储的
1.计算机底层存储实现概述计算机的工作是基于二进制原理进行的，计算机内部所存储的信息都是用二进制；来记录和表示的。实现原理：计算机的存储器使用半导体集成电路构成的，它包括几亿个小的脉冲单元（二极管元件）。每个二极管元件如同一个开关，有两种稳定的工作状态：“ 导通 ”和“ 截止 ”，即电脉冲的“ 有 ”和“ 无 ”状态。用“ 1 ”和“ 0 ”表示。♥示例：如果相邻的8个二极管中第1、3、5、8个元件处于“导通”状态，则第2、4、6、8个原件处于“截止”状态。 即“1010101010”。
2020-08-05 17:18:33
10130
原创 redis中字符串String类型数据的增、删、改、查
赋值 set key value :设定key持有特定的字符串value，如果key存在则覆盖操作。取值 get key value：获得key的value，如果该key的value不是String类型，redis将因为get命令只能获取String value ; 如果该key不存在，返回空（nil）删除 del key 失败返回0，成功返回1.数值增减 incr key将指定的key的value原子性的递增1，如果该key不存在，其初始值为0.在incr后其值为1.如果va
2020-08-04 08:57:41
4178
原创 redis安装教程（Linux系统中）
①打开虚拟机 root 123456（这是我的root账户和密码） 登录进去 ifconfig查看IP地址安装Redis的前提是虚拟机中已经安装了gcc编译器，未安装则按以下命令进行安装：yum install gcc-c++ 然后按照提示输入y确认安装即可②打开Xshell根据IP建立连接，♥♥♥并在选项栏点击打开Xftp③当Xftp连接成功出现虚拟机文件系统，将Windows下的Redis压缩包拖入虚拟机④此时开始到Xshell进行装叉命令模式cd /root 打开roo
2020-08-03 17:03:47
155
原创 redis是什么？它有哪些应用场景？
1.首先我们需要知道一下什么是RedisRedis使用C语言开发的一个开源的高性能键值对（key-value）数据库。他通过提供多种键值数据类型来适应不同场景下的存储需求。一句话：由C语言实现的直接操作内存的高性能的数据库软件。2.目前为止Redis支持的键值数据类型如下：1】字符串类型2】散列类型3】列表类型4】集合类型5】有序集合类型3.Redis的应用场景1】缓存（数据查询、短连接、新闻内容、商品内容等等） 最多使用2】聊天室的在线好友列表 （你的好友也是别人的好友，他的上线
2020-08-03 16:38:14
1162
原创 分析理解——css中单位px和em，rem的区别
① px是相对长度单位，它是相对于显示器屏幕分辨率而言的。优缺点：比较稳定和精确，但在浏览器中放大或缩放浏览页面时会出现页面混乱的情况。② em也是相对长度单位，EM是相对于父元素来设置字体大小的。如果当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。优缺点：em的值并不是固定的，它会继承父级元素的字体大小。③ rem是CSS3新增的一个相对单位，REM是相对单位，是相对HTML根元素。这个单位可谓集相对大小和绝对大小的优点于一身，通过它既可以做到只修改根元素就成比例地调整所
2020-08-03 10:22:21
165
原创 什么是NoSQL，为什么会有NoSQL，它有什么特点，它的使用场景
什么是NoSQL？NoSQL（Not Only SQL），意即“不仅仅是SQL”，是一项全新的数据库理念，泛指非关系型数据库。非关系型数据库兴起：1.对数据库高并发读写的需求（一瞬间很多用户访问：商场网站的秒杀、火车抢票）2.对海量数据的高效率存储和访问的需求（类似QQ、Facebook、Twitter这种网站，每天几亿客户同时在线,每个人传5张图片…关系型数据库是很难应付的。）3.对数据库高扩展性和高可用性的需求（数据库横向扩展：新业务开展，需要新增相关大量数据信息。）当前主流NoSQL
2020-08-01 16:23:52
1553
原创 MySQL中对数据 ‘库’ 的创建、删除、显示、使用操作
– 1.创建数据库 create database 数据库名;– 数据库名 由字母，数字，下划线组成– 数据库名字不能重复示例：create database graduation_project;– 2.删除数据库 drop database 数据库名;示例：drop database graduation_project;– 3.显示数据库 show databases;示例：show databases;– 4.使用数据库 use 数据库名； 操作转向当前数据库示
2020-08-01 16:13:52
156
原创 如何在DOS命令行下对数据库进行操作
DOS命令行模式： 要求使用者熟知数据库以及表数据，熟练掌握相关的命令语句。很适用于对自身要求较高的学习者，其实也更能体现学习者的记忆能力，加强自身对数据库命令的记忆。第一步： 安装好MySQL第二步： 配置好环境变量——在系统环境变量的path中加入MySQL的bin路径第三步： 打开DOS命令行，开始操作 Ⅰ、MySQL -u root -p 根据提示输入安装时设置过的密码进入MySQL进行命令操作 Ⅱ、show databases; 根据结果集查看MySQL中已存在的数据库
2020-08-01 16:06:01
631
原创 大学时期的恋爱
刚上大学那会： 我是一个特别腼腆的男生。有多腼腆——我大一二两年没有和班里除了学委和团委之外的女孩子说过话，虽然是理工科专业，但是我们班70个人也有20个女生。我都不知道自己大一二怎么会这么怂哈哈。其实刚上大学那会我想： 一定要找一个女朋友，然后带她去打球。现在我觉得这想法也挺好，就是有些幼稚，但这确实是我那会的一个小心愿。不过也正如上面所说的，我太腼腆了。连和女孩子说话都不敢，还想谈女朋友，还是算了吧，我不配！一个小插曲： 班里有一个可好看的女生。气质有些像AngelBaby，但是脸型轮廓长的却很像热
2020-07-31 21:16:16
550
原创 解决gitee个人空间地址改变后本地连接出错的问题
四步解决战斗1.删除指定的远程仓库连接 git remote remove origin2.添加现在的远程仓库地址：即你改过之后的远程仓库的地址 git remote add origin <你的项目地址ssh/https> 3.取回远程主机某个分支的更新，再与本地的指定分支合并git pull origin master4.将本地分支推送到与之存在追踪关系的远程分支git push origin master...
2020-07-16 20:42:55
1437
原创 npm ERR! path XXXX npm ERR! errno -4058报错
今天遇到一个问题，昨天夜里还在调试的程序，然后上午启动项目就报错（见下图）。在网上找了可多博客，也没发现可以解决的方案。看一下我们的项目的目录结构：我是在vue-third中创建了一个mango-shop-app的vue项目，之所以会出现上面截图中显示的错误，是因为我们是在根目录 vue-third 执行的 npm run serve 项目启动命令。从上面的报错信息提示，我们也可以看出，它找不到 package.json文件。启动 mango-shop-app 这个项目，我们需要进去该项目的根目
2020-07-16 11:34:14
2581
2
CSS3样式前缀和线性渐变.docx
2020-03-20
圣杯布局和双飞翼布局解析.docx
2020-03-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人