SF
这好像无法拒绝
这好像无法拒绝
注册登录
关注博客
注册登录
主页
关于
RSS
数组方法中的slice与toSpliced
热饭班长
2024-03-27
阅读 1 分钟
597
方法罗列方法是否修改原数组返回值slice否包含摘取元素的新数组toSpliced否不包含被删除元素的新数组slice获取指定位置的元素,然后将这些元素作为数组返回。函数签名:slice([start], [end])start摘取开始位置end摘取结束位置使用示例:浅拷贝 {代码...} start默认为0,end默认为items.length所以在两个参数都不指定的...
TypeScript中的断言语法(as)理解
热饭班长
2024-03-24
阅读 3 分钟
737
如下代码,我们调用document.getElementById获取一个元素,然后尝试对其调用getContext方法。然而这段代码无法通过ts检查,而是会抛出错误。
vue pinia与vue hooks(Composition API)的关键差异
热饭班长
2024-03-23
阅读 1 分钟
1.1k
vue pinia是一个单例,也就是说多次初始化实例都是同一个,所以在多个组件中使用时,他们修改的时同一份数据,也就能实现vue pinia的设计目的,即数据共享。
react条件几中条件运算方式
热饭班长
2024-03-23
阅读 1 分钟
295
if else没什么好讲的。 {代码...} 应用场景:-注意事项:-三元运算符二选一渲染。应用场景:在两个候选结果中取一个的情况。 {代码...} 注意事项:避免嵌套,如果发生嵌套,那说明你的代码需要重构。逻辑与(&&)只期望条件为真时渲染。jsx不会渲染boolean值,所以如果为false,就什么都不渲染。应用场景:只有一个候选...
如何使用Github Pages发布自己的个人网页?
热饭班长
2024-03-15
阅读 2 分钟
472
创建一个仓库名为账户名.github.io。比如我的账户名为refanbanzhangwork,那么我的仓库名就填写:refanbanzhangwork.github.io。其他位置保持默认就好了,然后点击Create repository按钮。
关于Github Pages部署SPA应用后,刷新路由404的问题
热饭班长
2024-03-11
阅读 2 分钟
682
原理:当Github Pages发现无法处理的前端路由时,会跳转至404.html,此时我们在404.html利用meta的自动重定向能力,跳转至index.html,从而再次能够接管前端路由。
SPA应用的hash模式和history模式部署问题
热饭班长
2024-03-09
阅读 1 分钟
460
这是因为hash模式的路由path值并不会传递给后端,所以你的任意path,对后端来说都不可见,它只会认为你在访问根目录的index.html。
npm是如何处理多版本依赖的?
热饭班长
2024-03-09
阅读 1 分钟
607
两种模式nest模式基本行为:在require/import时,向上递归查找依赖,直到全局node_modules结束。特点:每个包在自己内部管理依赖,结构清晰简单。不足:如果A包和B包都依赖了axios,就会导致axios在A包和B包的node_modules中各安装一次,产生重复安装。flat模式基本模式:在require/import时,向上递归查找依赖,直到全...
yarn本地安装记录
热饭班长
2024-03-06
阅读 1 分钟
712
为什么要本地安装?多人开发时,每个人电脑上装的yarn版本可能不一样,有时这会导致微妙且不易察觉的问题。利用本地安装,我们可以在项目中保证版本一致。怎么做?1 首先保证你有一个全局的yarn版本 {代码...} 验证一下安装是否成功 {代码...} 2 进入到项目根目录中,执行安装命令 {代码...} 验证一下安装是否成功 {代码...
ts类型定义记录
热饭班长
2024-03-05
阅读 4 分钟
1.3k
一个函数的参数是vue的ref类型,该如何进行ts声明呢?一个变量inputEl是ref<HTMLInputElement>类型,将其传给了函数useCursor: {代码...} 在useCursor中对inputEl的类型定义: {代码...} 优化一下,将类型定义共享: {代码...} {代码...} {代码...} react的键盘事件对象如何定义类型? {代码...} ReactNode、React...
fatal: refusing to merge unrelated histories
热饭班长
2024-03-05
阅读 1 分钟
473
原因git认为你试图merge两份数据的commit历史是完全不想关的,所以拒绝操作。解法明确告诉git,你所操作的数据是相关的。 {代码...} 其它后续如何避免这个错误?避免对一个已经有自己commit历史的本地仓库执行git pull以拉取一个拥有不同commit历史的远程仓库。
.nrmrc和.yarnrc配置镜像源
热饭班长
2024-03-03
阅读 3 分钟
4.3k
用途使用npm或者yarn安装依赖时,指定依赖的镜像源。示例使用npm安装依赖 {代码...} 使用小于yarn@2.0安装依赖 {代码...} 使用大于等于yarn@2.0安装依赖 {代码...} 注意事项如何单独为某个包指定镜像源?npm和yarn均无法为单个包配置镜像源。 {代码...} 配置文件的优先级如何?配置文件有优先级之分。项目根目录中的要比...
当遍历遇上异步请求
热饭班长
2024-03-02
阅读 4 分钟
620
目标遍历请求时,让请求依次执行(等待前一次请求响应后再发起下一次请求)并且等待所有请求完成。示例前置物料 {代码...} for(数组和对象) {代码...} 输出结果:请求依次执行并且等待所有请求完成。for of(适用于数组) {代码...} 输出结果:请求依次执行并且等待所有请求完成。for in(适用于对象) {代码...} 输出...
git restore极简使用记录
热饭班长
2024-03-01
阅读 1 分钟
839
用途撤销修改。使用示例前置知识工作区(Changes) > 暂存区(Staged Chagnes)修改文件后,文件会出现在工作区。git add .或者git add filename后,文件会出现在暂存区。用法1把文件从工作区Changes下丢弃。 {代码...} 执行git restore .后,Changes被清空并隐藏了。用法2把文件从暂存区Staged Changes下退回到Changes。...
patch-package极简使用记录
热饭班长
2024-02-29
阅读 1 分钟
549
用途保存node_modules文件夹中对包的修改,避免重新安装依赖时被重置。示例物料准备:一个你想要修改的npm包,这里用refanbanzhang这个包来演示。操作流程(初次使用):安装npm install patch-package。定位到refanbanzhang包中并进行修改。执行npx patch-package refanbanzhang。重新安装npm install refanbanzhang。...
构建流程问题记录
热饭班长
2024-02-29
阅读 1 分钟
369
修改镜像源后,如果没有更新或者删除.lock文件,因为如果存在的话,使用yarn install/npm install还是会按照.lock文件里面的硬编码原地址去下载,需要留意。
LF will be replaced by CRLF(eol)
热饭班长
2024-02-27
阅读 2 分钟
1.2k
前置知识LF代表linux风格的行尾字符\nCRLF代表windows风格的行尾字符\r\n发生原因在提交代码的时候,git检测到非当前系统设置的换行符,git会将其进行转换。如何解决?通过设置git的core.autocrlf属性来解决。接下来我们就来了解一下core.autocrlf,然后用来解决我们的问题。如何读取当前git config core.autocrlf的设置...
chrome网络面板的4种过滤方式
热饭班长
2024-02-26
阅读 1 分钟
812
初始状态关键字totalValue只显示包含totalValue的请求排除-totalValue只显示不包含totalValue的请求正则/ad$/只显示以ad结尾的请求正则也可以组合排除使用-/ad$/只显示不以ad结尾的请求查看特定域domain:*dida365.com只显示域名中包含dida365.com的请求
当useEffect遇到函数依赖
热饭班长
2024-02-24
阅读 3 分钟
882
什么原因?问题出在onKeyup内部的onSubmit,由于onSubmit所在的useEffect没有依赖,所以只会在初始化执行一次,onSubmit内部的username也就会一直处于初次渲染的状态,值为空字符。
代码优化记录
热饭班长
2024-02-21
阅读 3 分钟
626
使用reduce时,避免对accumulator执行副作用 {代码...} 去掉副作用 {代码...} 优化对一份数据的多次遍历 {代码...} 使用reduce来改进: {代码...} 去掉副作用代码: {代码...} 对find的结果进行判空 {代码...} 上面的代码中,我们在find的返回值上直接访问属性,会有可能导致异常。因为在没有找到目标时,find的返回值会...
fetch的使用记录
热饭班长
2024-02-21
阅读 1 分钟
597
如何用fetch发起post请求下面是一个用fetch发起的post请求示例: {代码...} 注意事项:如何传递post参数?设置Content-Type为application/json将post参数转换为字符串,需要用到JSON.stringify如何解析响应?需要对fetch返回的响应调用json方法。因为fetch返回的是一个Response对象,不能直接读取数据,所以需要对其先调...
git连接远程仓库的方式
热饭班长
2024-02-21
阅读 1 分钟
935
将本地仓库推送到远程仓库当前状态:本地仓库没有关联远程仓库远程仓库有一个main分支1 将本地仓库与远程仓库关联 {代码...} 2 修改本地分支名称 {代码...} 3 设置本地分支main跟踪远程分支main {代码...} 4 推送本地内容到远程 {代码...} 将本地仓库与远程A连接修改为与B连接1 查看本地仓库当前连接的远程仓库(无副作...
ES modules的导出方式
热饭班长
2024-02-20
阅读 1 分钟
428
对于Named Exports的导出方式,如果非要使用对象的访问方式,则可以使用* as xxx语法,将模块中所有Named Exports导出的数据合并为一个对象,来达到目的。
CommonJS的两种导出方式
热饭班长
2024-02-20
阅读 1 分钟
772
至于为什么两者没有差异,原因也很简单。module.exports和exports是相等的,因为exports就是引用自module.exports。
vscode配置项记录
热饭班长
2024-02-19
阅读 1 分钟
544
emmet.triggerExpansionOnTab输入标签名时,自动补充完整的标签 {代码...} 输入div点击tab得到<div></div>emmet.includeLanguages比emmet.triggerExpansionOnTab更好用 {代码...} 输入div点击tab得到<div></div>
craco是如何实现对非.module.less文件开启css modules的?
热饭班长
2024-02-19
阅读 1 分钟
444
创建了两个loader,分别是lessRule和lessModuleRule,这两个loader里面都开启了css modules。lessRule的css modules配置lessModuleRule的css modules配置
vscode修改文件名或者移动后,自动更新import的功能,对样式文件无效
热饭班长
2024-02-18
阅读 1 分钟
1k
vscode中的Update Imports On File Move功能无效的问题排查目前的收获是:该功能只对js ts文件生效,对css json文件无效。继续研究。。。其它:vscode的Vetur插件也有一个Update Import On File Move配置,只对.vue文件生效。
webpack使用记录
热饭班长
2024-02-17
阅读 2 分钟
662
因为通过webpack.DefinePlugin配置进去的值是一个全局变量,默认情况下eslint会阻止全局变量的使用,除非你明确的通过配置告诉他你知道你在干什么。
package.json配置项记录
热饭班长
2024-02-17
阅读 2 分钟
494
包里面的bin字段相当于在说:“嗨npm,如果待会儿有人执行gh-pages这个命令,就去我目录下找bin/gh-pages.js这个文件”。
vscode如何在文件目录上,快速定位到node_modules的包位置?
热饭班长
2024-02-17
阅读 1 分钟
2.1k
修改vscode配置在vscode的settings中找到Auto Reveal Exclude,如果发现条目中有node_modules,将其删掉。选中目标包名在包名上右键,选择Go to Definition。完成我们就会进到包内部,并且vscode左侧的目录也会自动定位并展开。
1
2
3
(current)
4
下一页
上一页
3
(current)
下一页