- 博客(29)
- 收藏
- 关注
RSS订阅原创 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
2296
原创 Module ‘“vue“‘ has no exported member ‘createSSRApp‘
Module '"vue"' has no exported member 'createSSRApp'**
2023-05-21 12:54:25
2173
原创 恢复使用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
2495
原创 data.count is nota function
JS 特性， 变量和函数声明前置，将 data[function] 变成 data[变量]
2021-07-10 12:24:56
1576
1
原创 GitBash修改本地最近一次commit
git commit --amend ① 按 c 进入编辑 ② 按 Esc 退出编辑 ③ 按大写 ZZ 保存退出
2021-07-10 12:17:58
164
原创 babel6升级为babel7
0、神秘升级代码 npm un babel-core npm i -D @babel/core npx babel-upgrade --write --install 1、先看更新前的babel .babelrc { "presets": [ ["env", { "modules": false, "targets": { "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
2021-07-10 12:13:19
951
原创 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
764
原创 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
1375
原创 Invalid handler for event “input“: got undefined
使用JSX写elementUI时可能会出现的错误。 错误在于使用了 model绑定表单数据对象。 应该使用 props:{{model: this.form}} 替代 props:{{model: this.form}}
2021-06-17 20:31:53
1625
原创 vue warn getter is missing for computed property ‘watch‘
watch 和 computed 同级， 却将watch 方法写在了 computed内，导致vue警告。 computed: { watch: .... } 将watch取出，和computed同级即可。
2021-06-17 11:40:05
8733
原创 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
5747
原创 Vue配置安装Sass
1、首先要安装sass、node-sass、sass-loader npm install --save-dev sass-loader npm install --save-dev sass-loader npm install --save-dev node-sass 2、可能遇到的坑 ① 安装node-sass时github仓库下载失败 解决方法：使用淘宝镜像，在gitbass使用如下命令： SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-
2021-06-06 15:31:26
788
2
原创 iview侧边栏组件化后布局混乱
当我将侧边栏组件化后，出现如下问题： content部分被排布到下面，须知layout布局采用的是flex布局。因此在代码上如此实现： <template> <div id="layout"> <Layout> <MyHeader></MyHeader> <div style="display:flex;"> <MySider></MySider>
2021-06-05 01:23:57
462
原创 react-router-dom基础路由使用
react-router-dom基础路由使用目录结构路由设置文字解释 目录结构 这四个文件的相关关系如下： 话不多说，上马！ 路由设置 index.js import 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
354
原创 React如何才能不在构造器中绑定函数
使用箭头函数优点缺点原理 优点 在React中使用箭头函数可以自动绑定this，而不必在构造器中声明。 //常规情况下需要在构造器中绑定this constructor（props）{ this.cancelAE = this.cancelAE.bind(this); } cancelAE () { console.log('cancelAE'); } 缺点 在遇到this指针需要指向不同实例时，如果还使用指针在其它实例上取值会比较困难。 原理 React是函数式编程，我们通过function
2021-05-21 01:17:49
244
原创 浅谈对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
1876
原创 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
589
原创 前端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
740
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
3966
原创 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
1708
原创 安装vscode后该注意哪些设置
vscode配置基本配置Tab 键化为空格统一结束符安装NPM安装yarn引用 基本配置 vscode安装后虽然可以直接使用，但如果完成以下简单设置不仅可以提高开发效率，还可以避免一些出乎意料的错误。 Tab 键化为空格 首先，我们先观察右下角的状况是否为空格，如果如下图所示，那么即是使用将tab键替代为两个空格了，这里是可以点击的，不妨试试。 然后在设置面板里使用如下配置，将Tab Size的值设置为2。 统一结束符 项目上线、项目协作，如果不注意结束符的统一，可能会发生难以察觉的错误，为了避免这些错
2021-03-16 12:13:38
1289
原创 使用 nvm 管理 npm
NVM从入门到退学安装NVM下载安装安装NPM安装yarn引用 安装NVM nvm 是 npm 管理包，在实际开发中，我们需要面对不同项目，而不同项目适用的 npm 版本各不相同，如果我们直接全局安装 npm ，那么在面对新项目时，可能需要重新安装对应版本的 npm，这无疑是浪费大家时间，因此我们需要一个管理器来管理各个版本的 npm。 下载 跳转到GIT上 ‘nvm-windows’ 项目： https://github.com/coreybutler/nvm-windows ps. 如果超链接失效，可以
2021-03-15 20:06:16
1100
原创 CSS控制文本样式
以下语句分别用于： 1、控制字体大小 2、控制字体粗细 3、控制文本居中显示 .test{ font-size: 14px; font-weight: 600; text-align: end; }
2021-03-15 14:33:47
190
原创 Axios的封装和API接口的管理
目录结构 参考代码环境 React 16.13.1 ywkclbConn.js 封装API接口 config.js 用于配置服务器地址等环境参数 代码 config.js 此处简单配置 url 地址。 项目上线为生产版本时，应将 url 改为对应后台服务器地址； 若项目处于开发版本，则对应为测试服务器。 // config.js const url = 'http://localhost:3000'; export default url; ywkclbConn.js 此处代码封装 API。 利用 P
2020-10-11 20:57:34
284
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
12949
5
原创 如何使用koroFileHeader快速文件头部添加注释
点击该插键，有相关说明，如下： 默认的快捷键是： window：ctrl+alt+i mac：ctrl+cmd+i linux: ctrl+meta+i etc.
2020-10-06 18:52:28
968
原创 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
2931
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人