Voiceu的博客

背景如题，学v-bind 的时候用了img的src来绑定csdn的头像图片，结果一直显示不出，我vscode右键用服务器运行和右键直接运行，出现了两种情况，有本地服务器的时候，不能显示图片，并且查看network的时候，发现403，网上的解决方案都是基于本地图片的，所以那些答案都是说的路径问题，比如引入require来解决，并不能解决我的问题，我这个查了请求头的，地址是对的，但是返回403，所以应该是csdn做了防盗链的处理，所以我尝试换了掘金的图片来看看猜想是不是正确，结果果然是可以正常显示的，所以

下载源码使用ssh形式在github上下载vue3的源码到本地此处选择旧版本tag，然后yarn install下载依赖然后就出现了第一个问题，info No lockfile found.最后查到问题是这样的首先，使用 git clone xxx 会下载最新版本的文件，然后这个时候vue3已经使用pnpm了，没有yarn.lock文件了。所以我以为下载了旧版本的代码，实际上却是最新版的代码，此时使用pnpm的命令应该是可以的，我在文件里也看到了pnpm.lock。解决办法，回滚到旧版本，使

多轨音频编辑器的逻辑

部署到ci上在circleci上注册，然后关联到github，讲项目重新推送到一个专门用于持续集成的仓库，将该仓库用ci工具联系起来，建立project如何自动发布首先要注意发布命令要部署在ci上，但是不是每次运行 yarn ci命令就发布， 发布的主动命令要掌握在自己电脑上，在本地新建deploy.sh，通过本地运行 ./deploy.sh patch等命令进行自动升版本号并发布，#!/bin/env bashnpm version $1 && \ git push

call// 首先明确原生call的作用//fn.call(a, ...args) //作用就是a.fn(...arg) 让a来调用fn，this指向a// 返回值就是执行目标函数后的返回值，所以要在内部执行该函数Function.prototype.myCall = function (context = window, ...args) { // 让context的默认值为window, ...args表示剩余所有参数 args是所有参数的数组 // 函数内部this指向外部调

项目里面用到了Tone.js来使用播放模块，目前项目快完结了，现在来总结一下tone.js的使用心得主要参考github上的 README 文档 ,还有官方API文档ScriptProcessorNode版本过时首先明确，这是一个调用浏览器播放模块的包，会调用ScriptProcessorNode，但是在目前的Chrome浏览器版本里，会发出警报，ScriptProcessorNode过时了. 改用 AudioWorkletNode[Deprecation] The ScriptProcessorN

出现该错误，查了半天没解决办法，改变思路，看提示应该是链接上的问题，所以我记得我是用http的链接推送项目的，打开.git文件夹下的config文件，发现果然是，所以打算改为ssh登录首先要生成一个ssh的key参考1 参考2ssh-keygen -t rsa -C "xxx.com"然后连按三个空格，不输密码再输入cat id_rsa.pub复制刚生成的key去github上新建一个ssh，用刚复制的，名字随便取一个，就行了完事后去config文件里把http方式改成ssh，先去gi

在用React-dnd模块做项目的时候，在endDrop（）函数里面用getDropResult（）无法得到想要的目标值，看了官方文档，以及示例代码，均是无法找到问题所在，跟示例的思路及写法几乎一样，根据相关文档，如下具体情景如下：我有三个组件ABC, A是B的父组件，C与AB独立，C作为被拖动组件，AB作为接受的组件，在C的drag的spec配置中的endDrag()里面写到，console.log(‘getDropResult’, monitor.getDropResult());在

在react项目里遇到一个情景：修改redux里的一个数据，但是这个数据是对象下的对象下的对象，一开始我是这样做的export default (state = mario(), action) => { let newState // 能不能在这里进行newState = { ...state }，每一次处理action // 都会走一遍这个函数，下面试验一下 //这个是浅拷贝，只能复制对象里的非对象普通数据 // 但是里面的tracks是对象，还是指向

to remove the old version先卸载旧版本npm uninstall -g leetcode-clito install the up-to-date version(2.6.17+)安装新版本npm install -g leetcode-tools/leetcode-cli然后在控制台输入npm root -g查看刚才的leetcode-tools包安装全局位置npm root -g用vscode打开，然后搜索user.sessionId，找到leetcode.js

LeetCode415题，没看到最后一句的时候，使用最直接的方法转换成数值进行相加，最后的答案和预计不一样然后自己在外部试了其他数字直接相加，结果还是和预计不同，后来查证知道是超过了16位，会出现精度丢失的现象，见链接所以此题要换思路...

[Deprecation] The ScriptProcessorNode is deprecated. Use AudioWorkletNode instead.遇到以上问题，搜索不到相关帖子，在代码里面也没有用过这个ScriptProcessorNode，但是确定是在写了Sequencer构造函数并导入到index后才出现的警告。在MDN查到有这个的相关介绍，链接然后通过注释各可能的代码行，得到了是下列代码，导致了警告的出现，所以应该是Tone的新版本内部没有适配好，为了验证，我写了个小dem

“dependencies”: {“axios”: “^0.17.1”,“gh-pages”: “^1.1.0”,“lodash”: “^4.17.4”,“normalize.css”: “^7.0.0”,“react”: “^16.2.0”,“react-dnd”: “^2.5.4”,“react-dnd-html5-backend”: “^2.5.4”,“react-dom”: “^16.2.0”,“react-redux”: “^5.0.6”,“react-router-dom”:

今天群里发了一个问题，意思大致是setTimeout的回调函数加不加引号的区别我试了一下，发现图里的注释都写错了：setTimeout(fun1(a),1000) 是输出0-199setTimeout(‘fun1(a)’,1000) 是输出200个200群里还讨论了eval函数的使用，说是eval会创建临时作用域 eval结束其内变量不可访问，我没查到这个作用域，感觉跟eval的关系不大，所以自己去看了一下setTimeout的用法，发现这个是必须要带引号的，然后自己也试了一些例子

场景如题，已经在此处设置了表单验证规则，并且input的type为number情况是，输入数字，不能输入，英文输入法下输入英文，也无法输入，但是用中文输入法，不按回车的情况下还能输入，打完字不按回车，直接点击输入框外的区域，还能保留下输入的内容，也不触发验证，但是最后提交会触发验证点击提交后...

遇到一个官方文档的案例不理解第二个函数式，理解是匿名函数，触发后返回一个包含validator函数对象的对象，但是为什么传参要用对象形式写，不直接写getFieldValue，看到后面才知道这里的form: FormInstance就是form的实例，虽然这里是冒号，但是感觉他写漏了花括号，这个应该是对象形式，就跟他例子一样，但是如果是这样为什么不直接写（（ { FormInstance｝)=> xxx ）反而写（ （ form ： FormInstance ）=> xxx ）.

如下有p.js p1.jsproduct.less等文件p.js可以通过ctrl加鼠标左键进行跳转，但是p1.js和product.less以及css文件则不行，原因是这种写法，要想跳转，必须在源文件处暴露一个出口，我在p.js里面export 一个x，但是另外俩文件都没有进行export，less文件和css文件本来就不暴露出口，虽然无法跳转，但是不影响在接口文件中能进行正常引入，至于为什么会有这篇记录，是因为教学视频中的IDE不同，里面用的是webstorm，就算less没有暴露出口也

rowKey中用string形式的时候，虽然是在jsx中用引号‘’，但是却不是单纯的string，这个string是指向的dataSource中对应的属性，应该是内部封装好了的，另一种形式就是函数形式传进来，return <Table rowKey={record => record.uid} />;这里面的record在之前的文章里面说过，是每一行的所有数据，所以是一个对象，里面包含有uid属性，DataSource是一个包含很多record对象的数组疑问最开始就觉得，虽然我

ctrl+c 复制ctrl+v 粘贴ctrl+x 剪切ctrl+f 查找ctrl+a 全选ctrl+z 撤销ctrl+y 恢复ctrl+/ 行注释alt+shift+a 块注释ctrl+~（tab键上方）呼出控制台 （需要在非编辑区按）alt+shift+f 全文格式对齐ctrl+enter 下一行（新建空白行）ctrl+shift+enter 上一行（新建空白行）end 光标移到行末，比如光标在一堆括号里面要移到行末继续编辑...

对于视频教学项目这种，跟着视频顺序走，在自己的数据库中是没有事先放入的验证数据等，比如后台管理的系统，先做了登录功能，但是却没有将管理员账号先放入数据库，在mongodb中因为没有放入数据，进去查看的时候也没有显示，找都找不到那个数据库的位置，这个时候查看后端代码，在其中查找添加用户的函数，可以看到是get方式还是post方式，以及请求地址，然后使用postman进行操作...

github上查看别人代码，可以直接在地址栏中多加1s改为github1s，就能在浏览器中以IDE模式下查看，比如原地址：https://github.com/voiceu-zuixin/210310_ReactAdmin加1s后：https://github1s.com/voiceu-zuixin/210310_ReactAdmin...

什么是时间复杂度就是算法的执行效率。 即算法的执行时间与算法的输入值之间的关系例 function test(num){ total = 0 ------>假设该行运行时间为t1 for (i = 0 ; i < num ; i++){ total += i ------>假设该行运行时间为t2 } return total ..