![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
Leonopteryxw
前端开发
展开
-
i18n框架(一)——基础应用及t函数
i18n框架(一)——基础应用及t函数i18next是支持react框架的一个国际化翻译框架,i18n是internationalization的简写,18的意思是i和n之间有18个字母。这个组件可以自定义翻译内容,如果网站涉及多国家使用的话,这个框架将会是必需的。使用i18next需要先用npm下载:npm install i18next并导入i18nimport i18n from "i18next"基本用法:首先需要写一个原文和译文对应的对象,对象支持多语言翻译,可以设置多组翻译的原原创 2021-05-20 16:45:32 · 2740 阅读 · 2 评论 -
dicomweb中的_httpRequest方法
dicomweb中的_httpRequest方法dicom-client是一个模块,模块通过export暴露了三个可调用的对象api,utils,version源码:export { api, utils, version };其中api对象是模块的核心,api对象只有一个属性DICOMwebClient,属性值是DICOMwebClient函数。源码:var api = { DICOMwebClient: DICOMwebClient};函数通过_createClass创建了许多的原创 2021-08-17 09:50:52 · 360 阅读 · 0 评论 -
dicomweb-client中_assertMediaTypeIsValid源码解析
dicomweb-client中_assertMediaTypeIsValid源码解析Dicomweb-client模块中_assertMediaTypeIsValid是一个私有方法,该方法用于检测mediaType的类型是否有效,输入参数只有一个字符串,这个字符串就是mediaType。方法源码:key: "_assertMediaTypeIsValid",value: function _assertMediaTypeIsValid(mediaType) { if (!mediaType)原创 2021-08-18 09:28:07 · 151 阅读 · 0 评论 -
lodash中memoize和values的用法
lodash中memoize和values的用法lodash模块里的memoize和values是一起使用的,作用是缓存状态值。用法:安装package:yarn add lodash引用import memoize from 'lodash/memoize';import _values from 'lodash/values';然后将memoize作为函数,_values作为参数,返回值交给一个自定义变量。这个返回的变量是一个函数,这个新的函数传入的参数就是要缓存的状态值,如果参数是一原创 2021-08-09 10:10:11 · 1312 阅读 · 0 评论 -
从应用角度细说Promise(一)
从应用角度细说Promise(一)Promise对象传入一个函数作为参数,这个函数可以是任意函数,也可以是匿名函数。调用Promise对象就会执行这个函数。例:const MyPromise = new Promise(() => { console.log('start')})MyPromise代码会输出一个startPromise还提供了一个then方法,能分步执行代码,then方法接受一个函数作为参数,这个函数甚至可以只是一条函数语句,举个例子:const MyPro原创 2021-08-09 08:11:19 · 157 阅读 · 0 评论 -
用NProgress组件代替withNProgress钩子函数
用NProgress组件代替withNProgress钩子函数之前提到过withNProgress钩子函数的用法,用NProgress组件也可以实现相同的方法,组件需要传递一个参数isAnimating,children组件有三个默认的参数animationDuration,isFinished,progress,这几个参数的用法和withNProgress里名称相同且功能一致。改写案例:App.js里import './index.css'import React, { useState } f原创 2021-07-30 11:07:00 · 172 阅读 · 0 评论 -
@tanem/react-nprogress中withNProgress的用法
@tanem/react-nprogress中withNProgress的用法withNProgress组件常用于制作加载读条界面的逻辑部分。withNProgress输入一个组件做参数,对被输入的组件在定义时候自动分配三个参数isFinished,progress,animationDuration。这个组件在运行后是动态刷新的,isFinished用于标识组件是否在运行,如果为true则表示没有在运行,如果为false则表示正在运行,progress是一个0到1之间的正数,在组件运行期间会不断递增。原创 2021-07-30 08:39:07 · 292 阅读 · 0 评论