- 博客(139)
- 收藏
- 关注
原创 You may need an additional loader to handle the result of these loaders,React
webpack 无法识别react
2023-03-06 15:18:55
1454
1
原创 you need to install the latest version of Visual Studio
you need to install the latest version of Visual Studio
2022-08-30 17:08:49
9020
原创 python is not set from command line or npm configuration
python is not set from command line or npm configuration
2022-08-29 15:52:05
5773
原创 实现点击按钮A,隐藏或显示弹出表格A,点击空白区域,隐藏A
/** hidden other link box (on top right of topNavBar) */ private hiddenBox(e: MouseEvent) { const target = e.target as Node; const gearIcon = document.getElementById("tes-topNavBar-gear"); const {showBox} = this.state; if (gearIcon?.c...
2021-08-13 14:09:31
599
原创 用div+css形成一个翻转的省略号
最终结果如下div <div className="topNavBar-dropDownIcon">...</div>css // dropdown icon .topNavBar-dropDownIcon { width: 3rem; height: 3rem; color: white; transform: rotate(90deg); text-align: center; l.
2021-05-19 09:28:02
93
原创 kendo-react组件切换语言
更多细节可以查看官网https://www.telerik.com/kendo-react-ui/components/datatools/globalization/demo,可以看到pager显示指定的翻译值(这里我给的是法语,为了对比,details等标题给的是英语)实现引入import {LocalizationProvider, loadMessages} from "@progress/kendo-react-intl";import {PageChangeEvent,
2021-04-22 11:59:42
266
原创 Hyper-v创建虚拟机的时候报错
创建虚拟机的时候,报如下错误解决方案:先关闭当前虚拟机,重新创一个,分配内存的时候不要这么大,我改成分配了512MB创建虚拟硬盘的时候大一点,我改成了60GB然后就不报错了参考网址http://woshub.com/windows-cannot-find-microsoft-software-license-terms/...
2021-04-14 17:38:42
1923
原创 启动Hyper-v显示未运行VMMS
错误如下english版本如下我看到网上其他小伙伴的解决方案: 打开service,然后启动vmware authorization service 这个服务于是...打开服务后,哎,没有这个vmware authorization service我系统里面没下载,于是我去了官网https://my.vmware.com/cn/web/vmware/downloads/info/slug/desktop_end_user_computing/vmware_work
2021-04-14 17:32:27
8786
2
原创 Javascript性能优化
内存管理(memory management)概念内存: 有可读写单元组成,表示一片可操作的空间 管理:人为操作去申请、使用和释放空间 内存管理:就是开发者申请、使用和释放内存空间 管理流程:申请-使用-释放 Javascript中的内存管理: 1. 申请空间; 2. 使用空间; 3. 释放空间//申请let obj = {};//使用obj.name = "test";//释放obj = null;Javascript中的垃圾回收javascript中的内存管理是自动
2021-03-29 18:06:32
147
原创 Typescript语言
类型强类型VS弱类型,强类型不允许隐式转换,弱类型可以; 静态类型VS动态类型,静态类型就是声明时就明确了类型,并且一旦声明后类型不能修改;动态类型是运行时才知道类型,并且声明后类型可以被修改; Javascript是一种弱类型的动态语言弱类型缺点类型错误需等到运行时才能抛出异常 参数的类型可能导致函数的功能与预期不符 对象属性名使用发生错误 var obj = {};obj[true] = true;console.log(Obj["true"])//true 强类型.
2021-03-25 18:11:57
551
1
原创 ECMAScript
概述ECMAScriptECMAScript简写成ES, 也是一门编程语言, 通常看作是Javascript的标准化规范,Javascript可以看作是ES的扩展语言,ES只提供最基础的语法 在浏览器环境中的Javascript等于ES+web API(BOM, DOM) 在Node环境中的Javascript就等于ES+ node API(fs, net...etc)ES2015 概述ES发布了很多版本,其中变化最多的就是2015年发布的ECMAScript2015,一般称为ES.
2021-03-22 23:20:47
405
原创 kendo-react UI库踩坑(treeview组件)
使用Help-function时需要注意,当你完全采用Kendo UI库推荐的方法时,会遇到一个问题下面是完全按照Kendo推荐的方法写的当用户选择1A 和1D打印check你会看到ids中包含选中项序列号,而非1A,1D如果这个列表的内容一直固定,则没有问题,因为你的序列号和内容始终对应, 如“0_0” 对应1A但是当列表内容是动态的,则不能这么做,因为序列号和内容不一定匹配比如,当列表是动态的,这个时候选择第四项,然后页面内容是这样的打印check如下i.
2020-12-16 10:14:23
635
原创 解决vscode终端信息太长,输出不全
我遇到的问题vscode终端只显示一部分内容,显示不全原因:vscode默认设置最多能显示1000行,超出就不显示了解决办法:点击vscode左下角点击setting, 输入terminal, 找到这一栏,把数字稍微改大一些,然后就可以显示出来了...
2020-10-29 14:48:40
46603
12
原创 react-chartjs-2+chart.js画饼状图
可以隐藏其中某部分(点击对应图例,然后该图例就被一条折线覆盖了,饼图对应部分也被隐藏,当然百分比也随之改变)也可以隐藏多个部分下面看看代码部分:(背景:项目采用react+typescript)首先你需要下载react-chartjs-2 和chartjsnpm install --save react-chartjs-2 chart.js(使用时只要传入对应的alarms数组即可:下面是API)/** Alarm's information */ex...
2020-09-27 10:19:25
1623
原创 ts+react画canvas饼状图
最终效果如下:没有动态效果,如果你想有动态效果,可以参考这个大佬的文章, 或者这个大佬的github下面是代码在组件a的render 方法中 <canvas width={height * 2} height={height} id="tes-dashbaords-pieChart-blockingAlarms"></canvas>然后 在组件a的componentDidMount方法中//在组件a的componentDidMount方法中执行下面这.
2020-08-18 17:37:21
830
原创 ts+react 单元测试 测react-route
组件如下import {Link, Route, Switch, Redirect, withRouter, RouteComponentProps} from "react-router-dom";/** path of router */export interface IRoutePath { a: string; b: string; c: string; d: string; e: string; f: string;} //在组件的Prop接口中加 ex
2020-07-01 10:57:48
493
原创 ts+react路由react-router-dom
记录自己项目中写的内容路由入口是一个组件, 路由出口用Switch包着,大概如下 <TopNavigationBarWithRoute routePath={this.state.routePath} /> <Switch>{this.renderAllRoutes()}</Switch>//我们看一下 this.state.routePath const routePath: IR
2020-07-01 10:40:13
5087
2
原创 axios API
**API**(仅作记录)// axiosimport axios from "axios";// content-typeaxios.defaults.headers.post["Content-Type"] = "application/json";// Request interceptoraxios.interceptors.request.use( // add something (config) => config, // if error (e.
2020-06-09 12:18:55
143
原创 时间
// time 01~09export function addZero(time: number) { return time > 10 ? time.toString() : "0" + time;}// zoneexport function Zone(zone: number) { return zone > 0 ? "-" + Math.abs(zone) : "+" + Math.abs(zone);}// initial format 2019-08-08 1.
2020-06-09 12:13:39
87
转载 react+ts实现点击按钮下载图片,兼容IE
(适用于react+ts)第一种```<FontAwesomeIconicon={faDownload}onClick={() => this.downloadCurrentImage()}className="ImageFrame-downloadIcon"/>private downloadCurrentImage() { const image = new Image(); image.crossOrigin = "anonymous"; im...
2020-06-09 12:08:17
2866
原创 setTimeout写轮询
代码如下(每个几秒发送请求,刷新数据) private startTimer(autoRefreshTimeS: number) { if (autoRefreshTimeS < 0) { this.stopTimer(); return; } const timer = setTimeout(() => { thi...
2020-05-06 10:14:16
2541
原创 自定义组件下拉搜索选择框
最终效果:代码如下interfaceexport interface IFilter { /** unique id */ id: string; /** machine serial number */ machineSn: string; /** if value is true, user select this data *...
2020-03-25 11:49:49
356
原创 react中使用enzyme.mount和sinon
我在网上搜了很多,但是没找到符合我项目场景使用的,自我摸索出能用的一个小案例,可能有不太对的地方,请见谅,仅做一个记录我的项目是react+eslint+ts+mocha+enzyme+chai大部分情况下使用enzyme.shallow就够用了,但是发现有部分需要用到enzyme.mount, 而官网写道,使用mount最好配上jsdom所以我就开始用jsdom.1、先...
2020-03-17 19:53:27
910
2
原创 图片瀑布流布局-等宽不等高
参考链接图片加载完执行函数react屏幕监听尺寸变化原生js实现瀑布流几种实现瀑布流的方式我的需求1、从后台获取图片,然后给定图片宽度,计算图片的高度,等宽不等高布局2、当页面尺寸变化时,图片列数发生改变,适应页面的尺寸实现分析:项目使用的是react+typescript,我是利用绝对定位来做的,计算出每张图片的left, top,给图片加样式,页面尺寸变...
2020-01-23 14:25:16
2223
原创 react+ts原生登陆注册界面,模仿elementUI
具体可以看github上的地址https://github.com/pk-cat/login-register-react这是项目中的登陆注册模块用typescript+react开发,原生模仿elementUI
2020-01-22 10:49:52
1219
转载 测试文件识别不了es6语法(import)
Question测试文件(xxx.test.tsx)识别不了es6语法(import)原因尚未找到(猜测是ts+react默认没有配置TSX识别文件,需要下载)解决方案下载ts-node并在mocha.opts中配置https://blog.csdn.net/prufeng/article/details/83626516#Install_7...
2020-01-17 11:22:46
842
原创 mocha测试文件无法识别
测试文件(ts+react+mocha+enzyme+chai)Question测试文件无法识别原因test目录下的测试文件,必须以tsx结尾
2020-01-17 11:22:12
517
原创 mocha如何测试异步
Question如何测试异步(子组件API接受的是Promise方法)原因因为测实际的Promise方法比较困难,所以用typemoq解决方案尝试typemoqhttps://github.com/florinn/typemoq测试文件里面可以这么写constimageProviderMock=TypeMoq.Mock.ofType<IImagePro...
2020-01-17 11:18:13
678
原创 如何用mocha找到子组件的prop state
Question如何用mocha找到子组件的prop state解决方案父组件.find(子组件名).props().XXX父组件.find(子组件名).prop( XXX )父组件.find(子组件名).state( XXX )...
2020-01-17 11:14:45
93
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人