- 博客(23)
- 问答 (3)
- 收藏
- 关注
RSS订阅原创 【VUE3】Vite编译的打包输出dist包大小的小工具
中秋节第一天，先卷一下，我优化了下一个项目模版，因为我的项目需要我从那个模版上复制出一个新的项目，那本着不折腾就难受的心态，我还是进行了优化，优化完成后我就想我为什么不能在编译后显示下我打出来的dist包的大小呢，所以就有了下方的小函数。今天算是入职了一家外包吧吧，行情不好，先找个过渡。然后引用到vite.config.ts。
2024-09-15 20:42:14
458
原创 【elementUI】对el-table添加鼠标滚动事件，使其横向滚动
主要是mouseWheel事件已经废弃了，今天用的时候才发现，现在标准的事件叫wheel。
2024-04-02 17:17:55
454
原创 【typescript】总结typescript一些类型和使用
a. 对比原理是JS的一个超集，在原有基础上，添加了可选静态类型基于类的面向对象编程TS的使用场景面向项目：TS - 面向解决大型复杂项目，繁杂架构以及代码维护的场景JS - 脚本化语言，用于面向简单页面场景自主检测：TS - 编译期间，主动发现并指出错误JS - 无编译阶段类型检测：TS - 强类型JS - 弱类型运行流程：TS - 依赖编译，依靠编译打包后，翻译成JSJS - 可直接运行于浏览器中复杂特性：TS - 模块化、泛型、接口。
2024-03-27 09:54:48
528
原创 【vue】vue3如何捕获组件加载完成defineAsyncComponent和suspense的妙用
所以我给出的方案就是利用suspense去做异步加载，好像面试官不知道suspense，他和我说suspense不行，当时我也没反驳(因为我vue3用得少，懂得不多😬)，说不定人家试过呢，所以我回来就验证了一下，完全可以实现他说的需求。但是我又想了另外一个问题，如果内部都是有promise，且html显示的内容要利用promise返回的数据去循环呢？然后发现原来是这样实现的，一开始我没使用defineAsyncComponent，我寻思直接import进来的时候直接有加载组件了呀。
2024-03-19 14:02:15
1603
原创 【JavaScript】关于面试被问到的一道面试题，event loop 和async await
这是关于一个eventloop的面试题，event loop大家应该都挺熟悉先执行宏任务后执行微任务等等之类的。这次我遇到的问题就是在立即执行函数里面，promise 套用了async await后，await之后的代码是会被转成微任务的，这是为什么呢？
2024-03-19 11:50:24
951
原创 【babel】处理node直接运行js文件，但是js文件无法使用import
所以我想文件又改回了js，添加了babel插件 ‘@babel/plugin-transform-runtime’，运行时转译。一开始为了兼容import，我将文件格式改为了mjs，但是mjs有一个问题就是不能使用return，这违反了我的个人习惯，我使用了process.exit(1)去代替return。但是当nodejs走到上一个判断的时候也就是不符合我需要的你的版本的时候，process.exit(1)运行了，但是在控制台是会报错的。然后这个报错就能正常退出了，这就让我很舒服。
2024-03-16 12:10:34
478
原创 【vue3】如何在项目中使用oxlint
去年元旦前自己想着要写一个自己的今年日app，所以基于uniapp官网的vue-cli创建模版，大家应该都不陌生。创建完模版后，我先利用自己的小工具一键添加了eslint、prettier、保存格式化、jsconfig.json、commitLint等多个校验格式化的插件为了避免类名冲突，我又加了tailwindcss，不过uniapp使用tailwindcss的方式要和PC的方式有点出入，下次再说。重点是之前知道oxlint可以使用了，但是一直没有尝试所以这次就加入了oxlint。
2024-03-13 09:45:56
1672
原创 git常用操作
这将生成一个新的提交，该提交会撤销 HEAD 指向的提交中对指定文件的所有更改。在你当前工作区修改了文件或者其它功能时，你想要切换或者创建到其它分区是不可能的。当在别的分支做完事情之后，在切换回刚刚的分支，然后在刚刚的分支中将状态恢复。这将生成一个新的提交，该提交会撤销 HEAD 指向的提交的所有更改。这将生成一个新的提交，该提交会撤销所有指定的提交。这将生成一个新的提交，但不会更改工作目录中的文件。这将启动一个交互式界面，允许您选择要撤销的更改。的好处是它可以保持您的提交历史线性，不会像。
2024-03-12 18:04:44
1193
原创 【vscode】卸载这些已经被 VSCode 内置的扩展，提升编辑器性能和效率
然而，随着VSCode的不断更新和改进，一些功能已经被内置到编辑器中，我们不再需要额外安装相应的扩展。通过卸载这些已经被内置的扩展，我们可以减少不必要的内存占用，提升编辑器的性能和效率。8.Auto Import：具有自动导入功能时，当文件中引用了模块的函数、变量或其他成员时，该模块会自动导入到文件中，从而节省时间和精力。路径自动补全：VSCode已经具备原生的路径自动补全功能，当输入需要导入的文件名时，编辑器会列出项目中的文件列表供选择，无需额外安装路径自动补全扩展。默认情况下为 true。
2023-09-22 10:02:59
566
原创 【javascript】函数提升优先级与变量提升优先级
在这个例子中，我们在函数中先输出了变量 myVar 的值，然后在函数内部再次声明并赋值给同名的变量。当我们在函数内部访问变量 myVar 时，它的值变成了 undefined，因为在函数作用域内，变量声明被提升到作用域的顶部，但是赋值的操作并没有被提升。当在同一个作用域中同时存在函数和变量声明时，函数可以在声明之前被调用，而变量在声明之前使用时，其值为 undefined。这是因为函数的声明会被提升到作用域的顶部。这意味着在同一个作用域中，即使变量的声明出现在函数的声明之前，函数仍然可以在声明之前被调用。
2023-09-13 21:40:14
364
原创 【vue】vue监听挂在在window对象上某一个变量的改变
通过使用Vue的自定义事件机制，我们可以监听window上某个变量的改变，以便在变量发生变化时执行相应的操作。这种方法适用于需要监听window对象上的全局变量改变的场景。在项目中使用这种方法可以更好地控制全局状态的变化，并且使各个组件之间能够实时响应变化。同时，这种方法也使得代码更具可读性和可维护性。希望这篇文章对你在Vue中监听window上某个变量的改变有所帮助。祝你编写愉快！
2023-09-13 17:23:19
3360
1
原创 【VUE3】使用 Vite 插件 Vite-plugin-pages 和 Vite-plugin-vue-layouts 构建管理后台嵌套路由
本文介绍了如何使用 Vite 的两个插件 Vite-plugin-pages 和 Vite-plugin-vue-layouts 构建管理后台的嵌套路由。通过这两个插件的结合使用，我们可以轻松地实现管理后台的模块化和路由配置，提高开发效率。
2023-09-12 12:04:45
2857
原创 【vue3】tailwindcss和element-plus打包后样式覆盖解决方案
这几个方法都试一试，因为我是用了按需导入element-plus，所以tailwindcss打包后还是会覆盖样式，然后就找了各种方法，全怼上去了。甭管啥，往最上面放就完事儿了。
2023-07-18 10:07:43
1589
原创 vue3+vite的自动引入组件
我自己的目录结构是在根目录下创建了一个用于配置vite.confi.js的文件夹。这个配置是引入到vite.config.js的。然后所有的配置引入到index.ts。
2022-07-27 11:50:54
1452
原创 Vue 2.7 is Now in Beta
今天，Vue 创始人尤雨溪刚刚正式发布了 Vue 2.x 最后一个版本：Vue 2.7，代号 “Naruto”（火影忍者）。尽管现在 Vue 3 是默认版本，但由于仍有许多用户由于依赖兼容性、浏览器支持要求或没有足够的带宽升级而不得不继续使用 Vue 2。在 Vue 2.7 中，从 Vue 3 向后移植了一些最重要的功能，以便 Vue 2 用户也可以从中受益。此外，还支持以下 API：defineComponent()具有改进的类型推断（与Vue.extend)h(), , ,useSlot()useAtt
2022-07-05 12:56:12
2740
1
原创 【湫】requestAnimationFrame基本用法
提到动画效果，很多人会想到transition、animation、canvas，亦或者用js实现动画效果那么requestanimationframe和他们有什么不一样的呢？transition：过渡，只能控制开始和结束时的动画效果，过程中间是无法干预的，transition并不能实现独立的动画，只能在某个标签元素样式或状态改变时进行平滑的动画效果过渡，而不是马上改变。animation：真正意义上的CSS3动画。通过对关键帧和循环次数的控制，页面标签元素会根据设定好的样式改变进行平滑过渡。而且关键帧状态
2022-06-28 15:45:08
1089
原创 前端实现点击复制小功能
今天写项目的时候发现很多地方需要用到一个小小测复制logo，点击之后就能实现复制前面的文本首相想到的就是document.execCommand(‘copy’)但是翻了翻MDN，这都已经废弃了啊，所以为了以后还能用，我只能去换一个方法，又找到一个新的通过log能看出这个api的一些方法再看MDN这意思就是直接往剪切板里面塞文本信息就完事儿了注册成全局之后就可以到处调用了...
2022-06-27 16:20:34
1159
原创 try catch 的使用
try catch 的使用1.浏览器兼容性2.只能做非法判断不能做合法判断3.try catch只能捕捉到同步的异常，异步的异常无法捕获永远应该放在你的控制范围之内，而不应该防范未知的错误。也就是说你很清楚知道这里是有可能”出错“的，而且你很清楚知道什么前提下会出错，你就是要故意利用报错信息来区分错误，后续的程序会解决所有的出错，让程序继续执行。try catch finally使用try语句允许定义在执行时进行错误测试的代码块。catch 语句允许定义当 try 代码块发生错误时，所执行的代码块
2022-03-29 10:46:14
3865
空空如也
dalao们请问这个甘特图怎么写
2021-06-28
为什么这提示Y不能获取
2021-03-17
TA创建的收藏夹 TA关注的收藏夹
TA关注的人