菜鸟小佳-CSDN博客

/** 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

转载 spawn xelatex ENOENT的问题

这个可能是你没下载texlive

2021-05-28 18:49:10 1180

原创用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

空空如也

空空如也