函数防抖
最近的练手项目web-terminal中(也就是一个网页终端,可执行一些命令),在按下键盘后会显示可能匹配的命令列表(假设对应的函数是setHintList),这不仅是按下字母按键会触发,按下删除键、tab键都会触发。那就不得不考虑一个问题,如果我们手速太快,那么setHintList就会频繁触发,但我们只需要响应用户最后一次输入的命令即可,虽然在这个小项目中没啥问题,但是由此可以引出一些对于以后大项目的考虑:如何减小这种多次频繁执行函数带来的性能开销问题?那就是函数防抖~ ...
最近的练手项目web-terminal中(也就是一个网页终端,可执行一些命令),在按下键盘后会显示可能匹配的命令列表(假设对应的函数是setHintList),这不仅是按下字母按键会触发,按下删除键、tab键都会触发。那就不得不考虑一个问题,如果我们手速太快,那么setHintList就会频繁触发,但我们只需要响应用户最后一次输入的命令即可,虽然在这个小项目中没啥问题,但是由此可以引出一些对于以后大项目的考虑:如何减小这种多次频繁执行函数带来的性能开销问题?那就是函数防抖~ ...
前言 暑假里跟着鱼皮的yuindex项目写了个web终端的小玩具,完成的终端命令不多,但是大体上成型了。由于我打算做一个纯前端的项目,并没有写后端api,这样也方便我最终直接部署到Github Pages上(这样就不用花钱了hh)。 项目使用vite构建,并使用了ts。在构建部署时遇到了一些问题,由于是第一次将前端项目发布到github pages上,这里记录下。 ...
在使用手机浏览器搜索时为了免于CSDN垃圾信息的影响,我们可以使用Bing(其他搜索引擎也有类似的功能,但是国内不借助其他方法的情况下体验感最好的也只有Bing了)的“-site:*.csdn.net”来屏蔽CSDN,但是每次输入搜索内容后还要加这么一个字符串真是太麻烦了,因此可以写一个浏览器脚本来完成这一操作。 ...
记录一下如何配置eslint(其实是怕下一次又被折磨)。 ...
前言 在Vue3项目中,如果我们想上传图片一般可以利用element-ui中的el-upload,为了避免代码的重复,我们可以自己封装一个图片上传组件。 其中,主要实现思想为前端利用el-upload组件选择上传的图片,并利用其http-request属性来自定义函数来实现文件上传请求:该请求函数使用七牛云的对象存储,在通过后端得到的上传凭证token后来实现文件上传。 ...