- 博客(28)
- 收藏
- 关注
原创 windows使用记录
管道符,前一个的输出结果作为后一个的操纵值。/d 参数允许在不同的驱动器之间切换目录。同磁盘的不需要添加 /d。可以复制文件和文件夹。将显示的数据写入文本中。
2023-07-16 15:45:24
192
原创 mac使用记录
mac系统的电脑如果是第一次修改hosts文件的情况下,会无法修改。原本在文件夹的底部是什么都不显示的,改成如下。而且右键点击文件夹,有一些便捷的操作。在访达中显示文件路径。
2023-06-07 01:46:11
1293
原创 Error: error:0308010C:digital envelope routines::unsupported
我的配置:node -v=> v19.8.1搜索了一番,在中搜到了解决方案。
2023-05-04 14:54:42
7249
1
原创 react中的 .d.ts
创建ts react项目时npx create-react-app my-app --template typescript生成的项目文件中会有 .d.ts的文件,这个是什么呢?.d.ts 文件: 只包含类型信息的类型声明文件不会生成 .js 文件,仅用于提供类型信息,在.d.ts文件中不允许出现可执行的代码,只用于提供类型用途:为 JS 提供类型信息比如报错就可以创建一个 .d.ts的文件比如 static.d.tsdeclare module '@/*'就不会提示报错了..
2022-04-25 19:45:34
1245
原创 react修改webpack配置,添加别名
第一种方式通过 npm run eject 直接暴露出来react所有的webpack配置文件,暴露出来之后,过程不可逆而且失去了 react-scripts 的统一管理的好处,而且react的webpack中的内容也非常的多,更改起来也不太容易第二种方式通过安装 npm i @craco/craco -D 来帮着我们配置webpacknpm 地址在项目中安装 npm i @craco/craco -D在项目的跟目录配置 craco.config.js// 添加自定义webpack配置
2022-04-25 19:16:10
2024
原创 npm i 的时候报错 unable to resolve dependency tree
解决执行此命令 npm i --legacy-peer-deps 然后再次安装即可在npm v7以上版本,默认安装peerDependencies这会导致版本冲突,从而中断安装过程。--legacy-peer-deps 目的是绕过peerDependency自动安装它告诉 NPM 忽略项目中引入的各个modules之间的相同modules但不同版本的问题并继续安装,保证各个引入的依赖之间对自身所使用的不同版本modules共存peerDependency是什么简单来说就是可以解决多个plugi
2022-04-25 17:30:55
2941
1
原创 react中引入svg
import noData from '../assets/no-data.svg';function App() { return ( <div className="App"> <img src={noData} alt="" /> </div> );}export default App;如果是 create-react-app 创建的项目,直接引入使用即可,否则还要使用file-loader等插件...
2022-04-01 14:34:45
3111
原创 git 常规使用
将本地自己的代码提交到自己的远程分支1.git add .2.git commit -m '修改内容'3.git push origin '远程自己分支名' // 提交到自己分支远程端切换到master支拉取最新的代码4.git checkout master // 切换到 master5.git pull origin master // 本地 master 分支代码更新切换回自己的分支,与master支进行合并,然后解决冲突6.git checkout '本地自己分支名
2022-03-31 16:22:07
3960
原创 React Hooks学习
React HooksuseState很常用的一个hook,可以保存函数组件中的状态参数useState(val)传进去的是初始状态的值useState(true) usestate(50) useState('aaa')…也可以是一个函数,会自动拿到函数的返回值useState(() => { ... const res = a + b; return res;})返回useState() 会返回一个数组,数组的第一项是当前的初始状态,第二项是个函数,
2022-03-28 15:42:49
765
原创 react中使用less
安装npm install less less-loader config文件需要先将项目的代码 本地git提交一下npm run eject找到 webpack.config.js文件加入 less文件的 test规则const lessRegex = /\.less$/;const lessModuleRegex = /\.module\.less$/;再添加 less 的module,找到sass的复制下来更改,在sass下面添加即可 {
2022-03-22 15:08:17
2371
原创 react中使用sass/scss
安装npm i node-sass -D或者yarn add node-sass -D然后重启项目建一个index.sass的文件.test-redux1 border: 1px solid black在组件中引入即可import './index.sass'<div className="test-redux1">1111</div>如果需要css作用域在建sass的时候,文件名为 index.module.sass ,中间加个 modu.
2022-03-22 11:50:00
1709
原创 保留小数点后两位
num.toFixed(2)无论是否是整数,都会保留两位,返回stringMath.round(num * 100) / 100 如果是整数,则返回整数,只有本身是小数的情况下,才能返回小数,返回的是number类型利用Math.random() 的取整特性,同理,parseInt、parseFloat、Math.floor、Math.ceil都可以...
2022-03-21 10:48:31
568
原创 数字加单位
// 单位转换const transformUnit = (unit: 'NUM'|'FLOW', value: number) => { const data = { NUM: [{value: 100000000, unit: '亿'}, {value: 10000, unit: '万'}], FLOW: [{value: 1099511627776, unit: 'TB'}, {value: 1073741824, unit: 'GB'}, {value
2022-03-21 10:42:25
501
原创 mathjs的简单使用
import {create, all} from 'mathjs';const math = create(all, { epsilon: 1e-12, matrix: 'Matrix', number: 'number', precision: 64, predictable: false, randomSeed: null});math.config() // 获取配置信息math.config({ //
2022-03-21 10:33:47
4829
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人