自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 史上最实用的Docker安装Redis实战(redis docker)

史上最实用的docker安装redis方案

2023-08-12 15:08:43 123

原创 gyp verb check python checking for Python executable “python2“ in the PATH

gyp verb check python checking for Python executable "python2" in the PATH.npm ERR! gyp ERR! cwd C:\Users\admin\Documents\WebProject\internship\node_modules\node-sass

2023-06-03 10:50:12 1855

原创 Module ‘“vue“‘ has no exported member ‘createSSRApp‘

Module '"vue"' has no exported member 'createSSRApp'**

2023-05-21 12:54:25 1530

原创 恢复使用Win32DiskImager后的U盘

则直接进行下一步 输入format fs=fat32 quick。如果输入active提示:选择的磁盘不是固定 MBR 磁盘。输入creat partition primary。输入format fs=fat32 quick。ACTIVE 命令只能用于固定 MBR 磁盘。select disk 对应磁盘编号。输入diskpart。

2023-03-16 21:26:12 1988

原创 data.count is nota function

JS 特性, 变量和函数声明前置,将 data[function] 变成 data[变量]

2021-07-10 12:24:56 1440 1

原创 can`t not read property “0“ of undefined

对于 undefined 对象,做取值操作就会出现如下错误

2021-07-10 12:20:27 333

原创 GitBash修改本地最近一次commit

git commit --amend① 按 c 进入编辑② 按 Esc 退出编辑③ 按大写 ZZ 保存退出

2021-07-10 12:17:58 104

原创 babel6升级为babel7

0、神秘升级代码npm un babel-corenpm i -D @babel/corenpx babel-upgrade --write --install1、先看更新前的babel.babelrc{ "presets": [ ["env", { "modules": false, "targets": { "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]

2021-07-10 12:13:19 737

原创 Unknown custom element: <component> - did you register the component correctly

使用JSX创建动态组件时,就会出现这个错误:Unknown custom element: <component> - did you register the component correctly原因就是我们理所当然的认为在模板语法里动态组件是这样创建的:<component :is='dev-chart'></component>换成JSX语法就应该是:<component is={'dev-chart'}></component&g

2021-06-24 21:25:42 653

原创 vue中使用render、JSX 踩坑记录

1、templete优先级高于render当我们在*.vue文件下同时拥有templete和render时,render函数不触发,如下图片.只会打印出MySider,而不会打印出MySider Render因此可以删除template标签,那就剩下script,不如直接使用JS文件编码,而不是VUE文件。当然也有业务代码不容轻易变动,必须使用VUE文件的,这时可以采用函数的办法。如下图。2、JSX 中 v-on、v-bing、v-on:native 怎么用v-on 换成 on-*v-bi

2021-06-20 18:11:56 1175

原创 Invalid handler for event “input“: got undefined

使用JSX写elementUI时可能会出现的错误。错误在于使用了 model绑定表单数据对象。应该使用 props:{{model: this.form}} 替代props:{{model: this.form}}

2021-06-17 20:31:53 1474

原创 vue warn getter is missing for computed property ‘watch‘

watch 和 computed 同级,却将watch 方法写在了 computed内,导致vue警告。computed: { watch: ....}将watch取出,和computed同级即可。

2021-06-17 11:40:05 8349

原创 Vue jsx 动态绑定 class

使用三目运算符替代<transition name='el-fade-in-linear' appear={true}> <span class='e-filter-btn'> <i class={[ 'e-filter-tag', _this.filterLoads.some((fl) => fl === colKey)? "el-icon-loading" : '', !_this.filterLoads.some((

2021-06-06 21:19:29 5277

原创 Vue配置安装Sass

1、首先要安装sass、node-sass、sass-loadernpm install --save-dev sass-loadernpm install --save-dev sass-loadernpm install --save-dev node-sass2、可能遇到的坑① 安装node-sass时github仓库下载失败解决方法:使用淘宝镜像,在gitbass使用如下命令:SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-

2021-06-06 15:31:26 683 2

原创 iview侧边栏组件化后布局混乱

当我将侧边栏组件化后,出现如下问题:content部分被排布到下面,须知layout布局采用的是flex布局。因此在代码上如此实现:<template> <div id="layout"> <Layout> <MyHeader></MyHeader> <div style="display:flex;"> <MySider></MySider>

2021-06-05 01:23:57 369

原创 react-router-dom基础路由使用

react-router-dom基础路由使用目录结构路由设置文字解释目录结构这四个文件的相关关系如下:话不多说,上马!路由设置index.jsimport React from 'react';import { render } from 'react-dom';import * as serviceWorker from './serviceWorker';import './index.css';import './mock/index';import { BrowserRou

2021-05-21 18:33:08 269

原创 React如何才能不在构造器中绑定函数

使用箭头函数优点缺点原理优点在React中使用箭头函数可以自动绑定this,而不必在构造器中声明。//常规情况下需要在构造器中绑定thisconstructor(props){ this.cancelAE = this.cancelAE.bind(this);}cancelAE () { console.log('cancelAE');}缺点在遇到this指针需要指向不同实例时,如果还使用指针在其它实例上取值会比较困难。原理React是函数式编程,我们通过function

2021-05-21 01:17:49 166

原创 浅谈对object.prototype的理解

以下是个人理解,欢迎大家一起讨论。目录object.prototype是什么?为什么要有object.prototype?object.prototype应该在哪些场景使用?引用object.prototype是什么?根据MDN的说明,object.protoType表示object的原型对象。原型原型,顾名思义,就是用于创建对象的模板,如下图通过new boss这个原型创建了myboss实例。而原型链反映的是原型的原型,如下图boss的原型是person。如下,以person为原型创建bos

2021-05-11 15:18:45 1690

原创 js字符串检索重复次数最多的字母和次数

设置n、m两个索引,每次循环发现值相等则让m++,一直到最后不相等时对应的长度是 m-n。然后将 n 索引位置移到 m 的位置,m++,继续循环,直到把所有的都找出来。 let str = "aaaaababbcccdfg" //非有序排序 let arr = str.split('') arr = arr.sort() //变成数组做好排序 let obj = {} let code= arr[0] let n = 0 let m = 0 //因为.

2021-05-10 17:28:02 443

原创 前端git多人协作开发规范

Git规范分支规范提交规范分支规范1、分支命名规范master //主分支,用于上线dev //开发分支***-#210509 //个人开发分支,“#”后面的数字是分支创建日期,例子里的是2021年5月9日2、分支合并流程首先确定dev分支是否有更新若没有更新,将个人开发分支合并到dev分支若有更新,先将个人分支rebase到开发分支最新节点,而后测试有无新bug,合并入dev分支提交规范1、commit命名规范常用部分:① add:新增页面② feat: 新增功能点

2021-05-09 12:06:48 556 1

原创 Mock如何利用正则匹配url上的params

将正则表达式直接写在mock里Mock拦截Ajax的函数如下:Mock.mock(rurl, method, function)已知 rurl 可以直接使用正则表达式,那么不妨碍直接把正则表达式写在 rurl 里,即如下:Mock.mock(/http:\/\/localhost:3000\/ywcklb\/getData(|\?\s*)/, "get", getYwkcById);这样可以拦截以下两种链接// 第一种http://localhost:3000/ywkclb/getDa

2021-03-18 13:56:42 3520

原创 antd将嵌套表单的对话框组件化,实现编辑功能

问题当使用对话框提交修改表单时,需要在输入框 Input 显示需要修改的数据,但使用 value 绑定对应数据,并未生效,具体代码如下:function YwkclbEdit (props) { .... const editData = props.data; ....}<Form.Item name='hzxm' label='患者姓名'> <Input placeholder="请输入患者姓名" value={editData.name

2021-03-17 16:17:45 1447

原创 安装vscode后该注意哪些设置

vscode配置基本配置Tab 键化为空格统一结束符安装NPM安装yarn引用基本配置vscode安装后虽然可以直接使用,但如果完成以下简单设置不仅可以提高开发效率,还可以避免一些出乎意料的错误。Tab 键化为空格首先,我们先观察右下角的状况是否为空格,如果如下图所示,那么即是使用将tab键替代为两个空格了,这里是可以点击的,不妨试试。然后在设置面板里使用如下配置,将Tab Size的值设置为2。统一结束符项目上线、项目协作,如果不注意结束符的统一,可能会发生难以察觉的错误,为了避免这些错

2021-03-16 12:13:38 1018

原创 使用 nvm 管理 npm

NVM从入门到退学安装NVM下载安装安装NPM安装yarn引用安装NVMnvm 是 npm 管理包,在实际开发中,我们需要面对不同项目,而不同项目适用的 npm 版本各不相同,如果我们直接全局安装 npm ,那么在面对新项目时,可能需要重新安装对应版本的 npm,这无疑是浪费大家时间,因此我们需要一个管理器来管理各个版本的 npm。下载跳转到GIT上 ‘nvm-windows’ 项目:https://github.com/coreybutler/nvm-windowsps. 如果超链接失效,可以

2021-03-15 20:06:16 949

原创 CSS控制文本样式

以下语句分别用于:1、控制字体大小2、控制字体粗细3、控制文本居中显示.test{ font-size: 14px; font-weight: 600; text-align: end;}

2021-03-15 14:33:47 135

原创 Axios的封装和API接口的管理

目录结构参考代码环境 React 16.13.1ywkclbConn.js 封装API接口config.js 用于配置服务器地址等环境参数代码config.js此处简单配置 url 地址。项目上线为生产版本时,应将 url 改为对应后台服务器地址;若项目处于开发版本,则对应为测试服务器。// config.jsconst url = 'http://localhost:3000';export default url;ywkclbConn.js此处代码封装 API。利用 P

2020-10-11 20:57:34 206 1

原创 antd使用Form.useForm()获取数据域报错

ant design框架下在使用Form.useForm()获取数据域出现如下错误:Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:You might have mismatching versions of React and the renderer (su

2020-10-07 18:16:59 12590 5

原创 如何使用koroFileHeader快速文件头部添加注释

点击该插键,有相关说明,如下:默认的快捷键是:window:ctrl+alt+imac:ctrl+cmd+ilinux: ctrl+meta+ietc.

2020-10-06 18:52:28 860

原创 React does not recognize the `activeStyle` prop on a DOM element.

React does not recognize the activeStyle prop on a DOM element.将报错位置的 activeStyle 改为小写 activestyle 错误就消失了

2020-10-03 21:27:22 2797

空空如也

空空如也

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

TA关注的人

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