- 博客(133)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 react+wangeditor+图片上传服务器
一、安装 wangeditor1、python 环境下载安装 python 2.x 版本去官网 www.python.org 下载 2.7.18 版本，点击安装，整个安装过程十分简单，只有一个地方需要注意：设置自动添加环境变量安装好之后，打开cmd，输入python，看到版本号即为成功2、安装 wangeditornpm install wangeditor --save...
2020-07-07 15:45:21
1363
原创 react 父组件调用子组件方法--通过 props 实现
父组件中// 引入子组件import GlobalTable from '../globalComponents/global-table'export default class AssurancePlanMade extends Component { constructor(props) { super(props) this.state = {} } addEdit = (record) => { // console.log('父组件 record
2020-06-19 14:22:35
756
原创 react antd 表单提交触发校验
步骤表单校验的过程可以分为为两步：（1）给表单添加校验规则；（2）提交时触发校验方法注意声明：本文讲的是在 class 组件中的表单校验需要注意几点：调用校验方法 validateFields() 需要通过注册的 form在 class 组件中注册 form 和函数组件不同，是通过 ref 属性官网说明实例代码import {Form} } from "antd"export default class AddOne extends Component { formRef =
2020-06-18 10:02:11
15870
5
原创 react antd 路由跳转、带参数的路由跳转
1、路由跳转需要先进行引入：import { Link } from "umi"如何写路由跳转：<Link to="/agricultureSchool/addVideo"><PlusOutlined />新建</Link>2、带参数的路由跳转umi 官方说明：https://umijs.org/api#plugin实例代码：import { history } from "umi"export default class Agricultu
2020-06-17 18:49:00
4092
转载 antd design pro 之 PageHeaderWrapper 的一些使用
1、使用介绍找到一个比较详细的介绍文章：https://www.cnblogs.com/wang_yb/p/12714333.html#sec-2，对新手十分友好2、给面包屑添加路由跳转const breadRoutes = { routes: [ { path: '/', breadcrumbName: '首页' }, { path: '/agricultureSchool', breadcrumbName: '农学堂' }, { path: '/agricultureS
2020-06-17 18:42:22
18721
1
原创 react+react-native混合App开发--从拉取项目到报错处理：No value has been specified for this provider
1、拉取项目从gitlab中拉取项目git clone http://xxx // clone后面是你的GitLab中项目链接2、安装依赖项熟悉的人肯定知道，这一项必不可少。但是我就是因为漏了这一项，直接进行了第3步，导致项目build时候报错：/node_modules/react-native-unimodules/gradle.groovy is not existnpm install3、打开项目打开Android studio，将react-native项目导入，注意选择到项目下
2020-06-16 13:48:40
4042
原创 adb 使用常见报错
1、cannot connect to 127.0.0.1:62001: 由于目标计算机积极拒绝,无法连接。 (10061)是因为没有启动模拟器。启动模拟器重新执行连接命令就好了2、error: protocol fault (couldn’t read status length): Connection reset by pee是因为5037端口被占用，关闭占用该端口的服务，再次执行连接命令就好了一般这种情况，是因为adb已经占用了该端口，关掉adb，再次执行连接命令就好了adb kill-s
2020-06-16 09:33:36
2532
原创 Android studio 193 版本安装 和 连接模拟器
一、安装 Android studio选择安装内容：选择安装路径：创建快捷方式：安装完成但是在使用前仍需要进行一些其他安装和配置二、配置–安装的继续1、选择导入旧的配置信息打开，跳出页面：是否导入旧的设置信息（我的之所以会有Previous version选项，是因为之前安装过，但是已经卸载了，这个路径下的config已经不存在了，所以选择Do not import settings）接下来，会跳出错误，是因为安装的时候没有配置SDK，选择cancel就行2、接下来，
2020-06-15 14:57:10
2122
原创 antd select 选择器设置默认值问题--强制刷新
1、需求场景需要给弹框里面的 select选择器、DatePicker选择器、RadioGroup设置默认值，默认值根据后台返回数据设置很明显，该场景是在动态改变数据时设置默认选中的数据（而非在初始化的时候设置默认选中的数据）默认值是根据 state 中的数据渲染的，不能使用 defaultValue 设置（因为其在生命周期中只执行一次，不参与后续的状态变量同步），需要使用 value 来设置defaultValue：指定默认选中的条目value：指定当前选中的条目2、问题描述通过 val
2020-06-15 13:52:06
11123
3
原创 react 中一些知识点--defaultProps、prop-types、context
一、defaultProps：初始化外界属性值static defaultProps = { initCount: 0 // 如果外界没有传递 initCount，则会将其值初始化为0}render() { return ( <div> 当前数量：{this.props.initCount} </div> )}静态属性 defaultProps：在组件创建之前，会先初始化默认的 props 属性，这在全局调用一次。严格地说，这不是组件生命周期的一部
2020-06-14 22:21:33
1917
原创 react+react-native混合App开发--初次上手
一、开发前准备1、安装 react 依赖在项目下安装依赖cnpm install react react-dom --savecnpm install babel-preset-react --dev修改配置文件 .babelrc ：{ "presets":["evn","stage-0","react"]}2、为 jsx 进行配置在 webpack.config.js 中，修改 js 为 jsx?module:{ rules:[ { test: /\.jsx?$/, us
2020-06-14 20:32:15
394
原创 react+react-native混合App开发--环境配置
一1、安装 JDK需要 Java JDK 8 以上配置 JDK 环境变量2、安装 node.js 环境3、安装C++环境大多数情况下操作系统自带C++环境，不需要手动安装；如果运行报错，需要手动安装visual studio中的C++环境4、安装 git 环境5、安装 python 环境RN需要2.x版本的python安装时勾选自动配置环境变量安装完成，执行 python 命令，检查是否安装成功6、配置 Android 环境安装 Android，并配置环境变量二1、使用np
2020-06-14 19:01:11
753
原创 antd Datepicker组件——date.clone is not a function
目前下来，遇到这个报错好几次了，大致总结一下出现的情况和解决方法1. 日期格式转换可参照 推荐博文 中：4、日期处理函数，5、moment.js JavaScript 日期处理类库2. DatePicker 中回显数据背景说明：根据返回的 json 数据（格式：[{}, {}, …]），通过 map 函数循环显示所有数据项，其中包含日期类型数据，需要回显到 DatePicker 中2.2 主要部分关于日期在 Datepicker 中回显，默认值有三种方式：defaultValue、value、
2020-06-13 12:57:05
25889
2
转载 react-antd 的 select 组件 defaultValue 失效
一、失效原因因为react的生命周期执行顺序是，componentWillMount , render, componentDidMountrender执行的时候，defaultValue应该已经赋值完毕（这个提前赋值的形式比较多，可以在class以外赋值，可以在state初始化时赋值，也可以在componentWillMount 里赋值，也可以在render头部赋值等等等等），如此才能生效二、三种情况下设置 默认值/初始值defaultValuevalueinitialValuede
2020-06-12 17:16:08
2848
原创 react-router-dom 路由安装和简单使用操作
安装cnpm install react-router-dom --save使用hashRouter和BroswerRouterexact：精准匹配默认情况下，只要路径中从前往后完整的包含每一个路由，那么这个路由对应的页面就会显示出来如：/mine/ucenter 中包含 /mine，则地址为 http://localhost:8000/#/mine/ucenter 时，二者对应的页面都会显示出来；如果地址为 http://localhost:8000/#/mine 时，只有后者对应的页面会
2020-06-06 14:42:40
1247
1
原创 react-路由传参
路由传参用到 render<Route path='/demo' render={(props) => <Demo {...props} name='你好' />}></Route>完整案例如下1、传参App.jsimport React from 'react';import { BrowserRouter, HashRouter, Switch, Route, Link } from 'react-router-dom'import Demo f
2020-06-06 14:21:56
346
原创 react-封装 fetch 请求方法
1、封装请求创建 http.js/** * 封装请求 */import qs from 'querystring'/** * get */export function httpGet(url) { const result = fetch(url) return result}/** * post */export function httpPost(url, params) { const result = fetch(url, { method: 'P
2020-06-05 14:30:40
1744
原创 react-解决 fetch 跨域问题：Access to fetch at xxx from origin yyy has been blocked by CORS policy
报错解决在 package.json 中添加代码"proxy": "http://tingapi.ting.baidu.com" // 这是你要访问的域然后重新运行，否则会报如下错误：请求成功：关于跨域常用解决方法：jsonpCORS代理 proxy什么是跨域常用解决方案开发模式下：react、vue都提供了解决方案生产模式下：jsonp、cors、iframe、postMessage、……...
2020-06-05 10:15:20
35596
原创 那些好用的 JavaScript 方法 —— 数组操作篇（持更）
1、concat() 方法：连接数组concat()描述作用用于连接两个或多个数组返回值不改变原数组，返回被连接数组的一个副本（该数组是通过把所有 arrayX 参数添加到 arrayObject 中生成的。如果参数是数组，那么添加的是数组中的元素，而不是数组。）语法arrayObject.concat( arrayX,arrayX,…,arrayX )参数描述arrayX必需。该参数可以是具体的值，也可以是数组对象。可以是任意多个。
2020-05-28 11:04:29
992
原创 React 学习笔记（二）：生命周期；axios
学习视频源自：https://www.bilibili.com/video/BV1Et41137Sb?p=4UP 主：Java基基机构：尚硅谷
2020-05-26 11:15:32
779
原创 antd 之onChage事件添加自定义参数——在默认事件中，添加自定义参数
onChange 拥有两个默认参数：Function(checked: boolean, event: Event) 保留一个 checked，增加一个自定义的参数 code。使用箭头函数来实现1、在switch组件中：onChange 事件<Switch onChange={(checked)=>this.isLockChange(checked,code)} />2、在 onChange 绑定的方法中：isLockChange=(checked: any, code: st
2020-05-21 15:42:20
4840
3
转载 React+typescript+antd 记录：input 中 onChange 事件取值问题（只能拿到上次输入的值）
input 中 onChange 事件取值问题react input Onchange 事件不能立刻拿到值，只能拿到上次输入的值代码：<Input className="search-input" value={this.state.searchValue} onChange={this.handleChange}/>handleChange(e){ this.setState({ searchValue: e.target.value}); console.log(this
2020-05-12 14:08:19
5597
原创 VSCode 修改制表符为2个空格
1、打开设置文件 > 首选项 > 设置2、修改 Tab Size将默认的4修改为23、修改 editor.detectdentation搜索 editor.detectdentation，取消勾选就此，好了
2020-05-08 12:45:11
4170
原创 Git 报错：Updates were rejected because the remote contains work that you do not have locally.
报错：Updates were rejected because the remote contains work that you do not have locally. This is usually caused by another repository pushing to the same ref. You may want to first integrate the remo...
2020-05-08 09:46:10
12684
原创 gnvm安装+使用gnvm安装node——gnvm：一个好用的node版本管理器
一、新版本安装以下操作需要管理员打开cmd1.查看gnvm版本，验证是否安装成功C:\WINDOWS\system32>gnvm versionWaring: config file C:\Program Files\nodejs\\.gnvmrc is not exist.Notice: Config file C:\Program Files\nodejs\\.gnvmrc c...
2020-05-06 11:34:40
5467
1
原创 Vue 渲染多个Echarts图表
一、实现目标需要在一个整屏切换的页面上显示多个Echarts图表，随屏幕切换显示不同的Echarts图表二、实现方法这个目标看起来并不难，实现方法也有多种，目前想到的方法有以下：方法一、父子组件（动态加载）实现思路：图表数据请求单独封装在一个组件中（作为子组件），并在该子组件中通过监听flag值（屏幕切换标志）变化来实现图表数据更新注意问题：Echarts图表需要挂载在DOM节点上，要...
2020-04-29 14:30:23
7700
2
转载 Chrome插件安装 之 安装React-devtools
转自：https://blog.csdn.net/weixin_42670455/article/details/1017797881.下载1.1 在GitHub上找到项目GitHub地址：https://github.com/facebook/react-devtools查看说明：1.2 执行命令：（1）克隆项目: git clone https://github.com/f...
2020-04-28 17:20:13
1791
1
原创 React 学习笔记（一）：JSX；工厂函数组件、ES6类组件；三大属性（state、props、refs）
学习视频源自：https://www.bilibili.com/video/BV1Et41137Sb?p=4UP 主：Java基基一、相关浅析1.1 ReactReact：用于构建用户界面的 JavaScript 库Rreact 高效的原因：虚拟 DOM；DOM Diff 算法，最小化页面重绘（更新元素）在虚拟DOM上做修改，然后虚拟DOM再去操作真实DOM1.2 babelB...
2020-04-28 12:59:35
1078
原创 CSS 属性之 :before 和 :after 的简单使用
:before 属性和 :after 属性的使用和普通的标签元素一样。需要注意的是：通过 content 属性进行文本插入，如果 content 内容为空，需要添加 position: absolute;，不然无法显示出效果...
2020-04-20 16:46:32
699
原创 vue使用富文本粘贴图片和html访问图片资源的403问题(http referrer)
1、问题描述在项目中使用富文本编辑器时，粘贴图片之后出现了一个问题，就是该图片通过地址可以打开，但是在富文本编辑器中却无法显示，报错GET https://bkimg.cdn.bcebos.com/pic/d058ccbf6c81800a0ff13a1ebe3533fa828b478d?x-bce-process=image/watermark,g_7,image_d2F0ZXIvYmFpa2U...
2020-04-12 19:17:29
1974
转载 码云之 仓库迁移地址修改
1、查看当前仓库地址信息git remote -v // 查看远端地址git remote // 查看远端仓库名2、更换为新的地址git remote set-url origin https://gitee.com/xx/xx.git // 新地址迁移好之后，直接 push 就好了转自：https://www.jianshu.com/p/d79f59da6ec6...
2020-04-04 16:40:26
1386
原创 记录第一次使用VScode创建Vue项目（完整过程，附带bug和解决）
由于第一次使用VScode创建Vue项目，很多步骤不熟悉，特此记录一下。（小编之前用的是HBuilderX，创建项目的时候超级轻松；也可以通过vue ui打开vue的可视化界面，操作超级方便）进行下面的步骤之前，你的电脑上面需要是已经安装并配置好创建Vue项目所需的各种环境，包括nodejs环境、webpack环境、以及 vue cli4 环境。文章目录正确姿势step1、创建文件夹step2...
2020-04-04 14:31:45
5425
1
原创 VScode创建Vue项目，报错：vue : 无法加载文件 C:\Users\xxx\AppData\Roaming\npm\vue.ps1
报错：vue : 无法加载文件 C:\Users\jcomhome\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中about_Execution_Policies。解决方法方法1、在VScode控制台修改权限以管理员身份打开VScode，...
2020-04-04 12:16:45
14722
5
转载 Vue 瀑布流布局（封装组件）
一、什么是瀑布流布局1. 样式展示如下图所示，每个盒子宽高不同，且能够自适应屏幕变化的布局2. 原理分析利用定位，在最短的一列下面进行排列，如下图所示图片容器宽度固定，高度根据图片自适应【定宽不定高】，图片一行不能排列时候，换行依次从左往右排列来自：https://www.jianshu.com/p/337e277fe098一、封装 vue 组件代码来自：https://...
2020-04-01 16:59:16
9729
16
转载 Vue 之 sessionStorage 中存放对象
1. 存放要存储对象的话必须先用JSON.stringify()方法将对象转化成一个对象字符串，然后才能进行存储// 存放对象到sessionStorageconst rowObj = JSON.stringify(row)window.sessionStorage.setItem('rowObj', rowObj)2. 取出先将对象字符串取出来，然后在用JSON.parse()这个...
2020-03-31 18:14:45
4913
原创 Vue Element UI 之 date-picker 禁用时间和报错：TypeError: Cannot read property 'getHours' of undefined
场景：使用 date-picker 日期选择器，并禁用日期报错：TypeError: Cannot read property 'getHours' of undefined原因和解决方法：绑定数据的格式需要是字符串类型详情：由于粗心，误了方向，以为是控件的属性写的不对，百度了一下，才知道是绑定的数据格式写错了date: []修改回来，写成字符串就好了date: ''转自：h...
2020-03-31 16:55:31
3198
原创 JavaScript 之处理日期类型
分享好文：https://blog.csdn.net/qq_33242126/article/details/79279322 【这篇文章里面有比较全的日期处理函数】https://blog.csdn.net/qq_39588818/article/details/80222044let date = new Date()console.log(date) // Wed Mar 25 ...
2020-03-25 19:48:54
174
原创 JS 之数组和对象的比较总结（随时补充）
浏览更多数组：https://www.w3school.com.cn/jsref/jsref_obj_array.asp对象：https://www.w3school.com.cn/js/js_obj_intro.asp写在前面：本文主要通过对比的方式，记录数组和对象操作上的一些区别之处一、格式1、数组： [ ]2、对象： { }二、追加元素1. 数组：push() 方法、un...
2020-03-24 14:19:42
819
原创 Vue Element UI 之实现点击按钮刷新 Echarts 图表
要实现这个功能，首先要求开发人员对 Vue 生命周期有清晰的了解和认识前言去官方文档看了看，文档中提到的是根据Options数据内容变化实时更新Echarts，并没有触发点击事件时才刷新的方法；去百度搜了一下，也没有此类的文章，多是和官方文档一样，设置定时器动态刷新 Echarts关于触发某事件时更新 Echarts 数据，个人感觉难点在于 Echarts 图表数据的渲染要求 DOM 渲...
2020-03-21 15:22:29
8260
1
原创 Linux 解决端口号被占用的问题
使用 xshell 的过程中，总是会不定时就断开了连接，重启又无法连接，就算关闭之后，再重启，依旧报错，一直报错：Web server failed to start. Port 9011 was already in use.这里记录一下解决方法，免得日后用到又要查询，毕竟本人对命令不会刻意去记忆注意：以下命令，若以普通用户操作，命令前面要加上sudo；若以root用户操作，不用加sudo...
2020-03-20 18:48:26
8827
适用于大一的计算机导论大作业--简单的HTML网页实现静态网站（My hometown.rar）
2020-02-14
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人