
前端
程序员june
share,share,enjoy!
展开
-
TypeError: vite.createFilter is not a function
因此,如果您只是安装 Vue/React 插件而不指定版本,它们会安装比您需要的新版本。Vite 刚刚发布了 v3,但 我们使用的是 v2。vite版本与安装的依赖版本不匹配。原创 2022-10-27 22:49:17 · 2761 阅读 · 0 评论 -
如何在Vue3中使用Hooks
在Vue的optionsApi时代,mixins是我们抽离一个功能的重要手段,而在使用compositionApi的Vue3时代,我们可以用hooks来实现类似mixins的功能。在hooks文件夹中新建一个文件useMousePosition.ts,这个hooks实现的功能是点击页面时,记录鼠标当前的位置。首先,在src中创建一个hooks文件夹,来统一管理项目中的hooks功能。以上就是vue3中hooks的使用,是不是觉得特别的简单清晰。最后,我们在需要用到该hooks的组件中引入使用。...原创 2022-07-25 11:31:18 · 2984 阅读 · 5 评论 -
yarn和npm的区别
yarn和npm的区别熟悉一个新项目一般都是如下步骤:git clone xxxnpm installnpm run dev或者git clone xxxyarnyarn startyarn是什么?yarn是由Facebook、Google、Exponent 和 Tilde 联合推出了一个新的 JS 包管理工具,yarn是为了弥补 npm 的一些缺陷而出现的npm的缺陷:npm install的时候巨慢,新的项目拉下来要等半天同一个项目,安装的时候无法保持一致性。由于pack原创 2022-04-12 17:46:02 · 7280 阅读 · 1 评论 -
WebStrom在Mac下无法打开或闪退的解决
亲测非常有效的办法(一) 前言记录一次webstorm升级到最新的办法(二) 卸载老版本当我们卸载完之前2019,需要删除之前的WebStrom配置,具体如下# 删除配置信息目录rm -rf ~/Library/Preferences/WebStorm*# 删除插件信息目录rm -rf ~/Library/Application\ Support/WebStorm*# 缓存信息目录rm -rf ~/Library/Caches/WebStorm*# 删除日志信息目录rm -rf原创 2022-04-06 13:43:31 · 5753 阅读 · 2 评论 -
贝塞尔曲线相关博文
如何求出二次贝塞尔曲线上面的各个点https://blog.youkuaiyun.com/m0_37738114/article/details/87987506HTML5 Canvas笔记——编写可编辑和拖动的贝塞尔曲线https://www.jianshu.com/p/69de7f4525da#commentsCanvas英文文档https://html.spec.whatwg.org/multipage/canvas.html#path2d-objectshttps://www.can原创 2021-08-13 12:01:28 · 104 阅读 · 0 评论 -
点击事件回调函数传参
使用匿名函数function testFun(event, str) { console.log(str);} var test = document.getElementById('test');test.addEventListener('click', function(event) { testFun(event, 'this is a test');});上面的例子给元素绑定点击事件函数的时候,使用了匿名函数,在匿名函数里面再调用testFun函数,这样可以方便给testF原创 2021-08-31 21:34:42 · 1197 阅读 · 0 评论 -
mac node降版本
mac node降版本原创 2021-10-25 13:19:58 · 421 阅读 · 0 评论 -
js出现莫名其妙的未定义:xxx is not defined
如图所示:经过检查,js引入正常经过不断寻找原因,终于找到原因,如图这是引入js的代码我先引入的fbxloader,再引入的three.js所以出现了not defined。所以交换一下顺序,就OK了...原创 2021-08-20 13:11:05 · 1505 阅读 · 0 评论 -
VScode写html Ctrl+/ 快捷键 注释出错是{% comment %} 且在网页中显示
在VScode写html用Ctrl+/ 快捷键写注释注释是{% comment %} 且在网页中被显示出来了解决方法:看右下角语言模式错误点击改为html再Ctrl+/ ,问题解决!原创 2021-09-10 01:29:37 · 830 阅读 · 1 评论 -
three.js 下载安装、开发环境
下载安装、开发环境下载安装:项目下载地址 https://github.com/mrdoob/three.jsBuild目录:包含两个文件,three.js 和three.min.js 。这是three.js最终被引用的文件。一个已经压缩,一个没有压缩的js文件。 Docs目录:这里是three.js的帮助文档,里面是各个函数的api,可惜并没有详细的解释。试图用这些文档来学会three.js是不可能的。 Editor目录:一个类似3D-max的简单编辑程序,它能创建一些三维物体。 Ex原创 2021-09-16 01:19:55 · 5122 阅读 · 0 评论 -
vue 列表详情页返回不刷新列表
vue 列表详情页返回不刷新列表使用保存状态1.在app.vue里使用keepalive2.在需要保存状态的页面路由下写入keepAlive3.在列表页通过路由守卫beforeRouteLeave,判断当前页面即将跳转的页面,如果是跳转详情页,就保持当前页面的keepAlive为true,来缓存列表页面,否则false,用来防止列表页返回其他页面后,再次访问列表页时数据不刷新的问题...原创 2021-03-24 10:44:42 · 1124 阅读 · 0 评论 -
sh: 1: vue-cli-service: Permission denied
看报错日志,权限被拒绝进入node_modules/.bin/"ll"查看一下会发现该文件“vue-cli-service" 并没有可执行权限chmod -R 755 ./*原创 2021-08-20 12:06:07 · 7685 阅读 · 1 评论 -
display:flex
flex-direction 容器内元素的排列方向(默认横向排列) 1:flex-direction:row; 沿水平主轴让元素从左向右排列 1536039075.png 2:flex-direction:column; 让元素沿垂直主轴从上到下垂直排列 1536039314(1).png 3:flex-direction:row-reverse;沿水平主轴让元素从右...原创 2019-06-23 16:01:50 · 169 阅读 · 0 评论 -
position:fixed
直接将一个东西固定在底部使用position:fixed;原创 2019-05-07 01:16:55 · 727 阅读 · 0 评论 -
inline和inline-block的区别
https://blog.youkuaiyun.com/kalama/article/details/79057686转载 2019-05-06 01:44:20 · 362 阅读 · 0 评论 -
jq清空某个元素下的节点
$("#mochu").empty()2.清空元素下的某些特定节点$("#mulu_rongqi").find("li").remove();原创 2019-04-11 19:07:50 · 897 阅读 · 0 评论