
React |Vue
文章平均质量分 71
前端 react、vue 技术开发过程总结与问题分享
jwensh
影响合理决策的两个最大的障碍是自我意识和思维盲点.
展开
-
【VUE】Toast-UI/Editor工具实现图片自定义上传到服务器
Toast-UI/Editor工具实现图片自定义上传到服务器author: jwenshdate: 2021.06.17文章目录Toast-UI/Editor工具实现图片自定义上传到服务器所遇问题需要解决问题1. 原 `toast-ui` 怎么处理上面三个操作的?2. 重写其中监听事件3. 服务端实现上传逻辑4. 前端具体的实现参考所遇问题在项目开发用到富文本框,期间使用过 Tinymce 和 toast-ui/editor(一款支持Markdown、WYSIWYG模式的编辑器),最后选择了原创 2021-06-17 15:54:15 · 2341 阅读 · 0 评论 -
【VUE】@keyup.enter和@blur触发两次和回车无效的问题
Author: jwenshDate: 2021.07.12文章目录1.vue 对 input 绑定两个事件:回车或失焦2.解决: 键盘按下 Enter 键执行 blur2.问题:按下 Enter 并不能触发事件1.vue 对 input 绑定两个事件:回车或失焦<input v-else ref="input" v-model="inputValue" type="text" :placeholder="placeholder" @keyup="sav.原创 2021-07-13 11:26:00 · 2653 阅读 · 4 评论 -
【VUE】异常解决:Avoid mutating a prop directly since the value will be overwritten ...
author: jwenshdate: 2021.06.29文章目录1. 需求及报错2. 分析原因3、解决方案1. 需求及报错需求: 使用的场景是:A 组件中引用 B 组件,使用 v-model 给 B 传递参数,B 使用 props: { value } 接收内容,在 B 中根据逻辑直接修改并赋值 value, 事件触发后在浏览器 console 里看到报错,内容如下:Avoid mutating a prop directly since the value will be overwri.原创 2021-07-03 17:40:32 · 80452 阅读 · 13 评论 -
【React】antd table 中 select 的设值更新问题
Author: jwenshDate: 2021.08.27文章目录React 项目实践中 antd table 中 select 的设值更新问题问题问题 1. 默认值问题(没有显示placeholer)select 的 value、defaultValue、key解决:空值展示 `placeholder` ,需要设置为 `undefined`问题2. 更新一行数据后,select 的 selectValue 状态没有变化第二个方案应该是我们经常用的,如下写法是不生效的解决:为 select 添加一.原创 2021-08-27 17:09:30 · 7652 阅读 · 0 评论 -
【React】类型 Location<unknown> 上不存在属性 query - ts(2339)
author: jayzhendate: 2022.04.211. 获取 URL 参数,使用 RouteComponentProps 提示报错import React, { useState } from 'react';import { RouteComponentProps } from 'react-router-dom';interface UrlParamType { id: string;}type DetailProps = RouteComponentProps&l.原创 2022-04-21 12:00:33 · 7309 阅读 · 0 评论 -
【React】用简短话语解释 react-hooks (一)
1. 常用的 hooksuseStat(initVal | () => return initVal): 返回设定的变量和修改变量的方法,且值的变化会引起页面渲染;useEffect(() => { doing }, deps): componentDidMount、componentDidUpdate、componentWillUnmount 三个阶段都会指定的函数,且可以通过第二个参数能控制渲染次数;useRef(initVal): 作为一个指针绑定到元素上,从而控制元素;useI原创 2022-04-15 17:48:22 · 1254 阅读 · 0 评论 -
【研发】JS 单元测试问题与解决记录
Javascript/Typescript 单元测试问题与解决@author jwensh@date 2021.12.01window 相关属性测试如何 mockglobal.window = Object.create(window); const url = 'http://t.com/bms'; Object.defineProperty(window, 'location', { value: { href: url, },});Test a func原创 2021-12-19 10:57:42 · 2188 阅读 · 0 评论 -
【React】npm ERR! cb() never called : 问题解决
Author: jwenshDate: 2021.09.02npm ERR! cb() never called : 问题解决作者使用的 imac os 11.5.2; 这里为什么要说系统版本,因为同一个工程在相同的 node 版本和相同 npm 版本的两个 mac 上,只有这个 imac 出现了这个问题; 还有就是我的 node :v14.15.0, npm: 6.14.14npm i 报出的异常npm ERR! cb() never called!npm ERR! This is .原创 2021-09-02 13:03:59 · 4189 阅读 · 0 评论