每周一推NPM包-第五弹 前言为了不让自己的空余时间都浪费掉,打算做一个每周一推的专栏,盘点一些好的插件,分享给大家🎈。 NProgress大家在查看vue-element-admin或者某些相关文档的时候部分网站都会有浏览器加载进度条,接下来我们就用插件来实现它。👇 用法 安装 1npm install --save nprogress 引用 12import NProgress from 'nprogre 2023-04-04 技术 NPM VUE
每周一推NPM包-第四弹 前言为了不让自己的空余时间都浪费掉,打算做一个每周一推的专栏,盘点一些好的插件,分享给大家,每次分享前会先发到自己的博客,可以在博客中抢先看哦🎈。 v-viewer我们在做后台项目的时候会涉及到图片的放大🖼,已经有很多成熟的组件提供了这些功能比如element-ui下的image组件,但是如果我们需要单独使用图片放大的功能🎡,还需要安装element-ui就有些小题大作了,🎭还有的同学使用 2023-03-10 技术 NPM VUE
每周一推NPM包-第三弹 前言为了不让自己的空余时间都浪费掉,打算做一个每周一推的专栏,盘点一些好的插件,分享给大家,每次分享前会先发到自己的博客,可以在博客中抢先看哦🎈。 circlr我们在做商城或者物品类项目的时候,避免不了要做到物品360度展示,效果类似下图👇。 这款组件支持自定义旋转方向,旋转速度,以及鼠标滚轮,手指触摸控制旋转等等,用法也非常简单🎈。 circlr 通过滚动、鼠标和触摸事件进行动画旋转。 2023-02-13 技术 NPM VUE
每周一推NPM包-第二弹 前言为了不让自己的空余时间都浪费掉,打算做一个每周一推的专栏,盘点一些好的插件,分享给大家,每次分享前会先发到自己的博客,可以在博客中抢先看哦🎈。 vue-seamless-scroll大家在做可视化大屏的时候应该遇到很多动画效果,这就少不了滚动的表格,如下。 我们当然可以去改变dom的scrollTop去实现,但是有了这款插件之后包裹对应要滚动的dom就可以了,并且还提供了很多的api让的大 2023-02-06 技术 NPM VUE
每周一推NPM包 前言为了不让自己的空余时间都浪费掉,打算做一个每周一推的专栏,盘点一些好的插件,分享给大家🎈。 timeago.js相信大家都看到过这种时间的展示,或者是朋友圈发了一条动态后,左下角显示 “刚刚”,过一会儿变成了“x分钟前”👇如果我们通过自己实现怕不是比较麻烦,但是有了timeago.js之后就变的简单起来。 timeago.js 是一个 nano 库(小于 2 kb),用于使用 *** t 2023-01-31 技术 NPM VUE
效率翻倍小技巧 🎨前言工作中最重要的就是效率没有效率怎么摸鱼啊,推荐几款适合开发用到的小工具🥙 markdown 自动生成目录结构当我们在写博客的时候经常想要介绍一下自己项目的目录结构,如下图这种,我当初还以为都是手动生成的😒。 12345678├── app.vue # Nuxt 3 应用程序中的主组件 入口组件├── components # 组件目录,支持自动导入| └── helloWorld.v 2023-01-29 代码人生 Vue Vscode Chrom
Nuxt3目录结构(二) 前言书接上回 nuxt约定的目录结构如下👇123456789101112131415├── app.vue # Nuxt 3 应用程序中的主组件 入口组件├── components # 组件目录,支持自动导入├── layouts # 布局目录├── composables # 公共函数,支持自动导入├── assets # 静态资源目录 与vue项目的assets相同├── middlew 2023-01-09 技术 Nuxt3 Vue
Nuxt3目录结构(一) 前言🥠因为Nuxt是约定大于配置的一个框架,所对应的目录结构的名称基本都是规定的,所以有必要解释一下Nuxt对应的目录结构啦🦺 脚手架生成目录结构👇12345678├── app.vue # Nuxt 3 应用程序中的主组件 入口组件├── components # 组件目录,支持自动导入| └── helloWorld.vue # 组件├── nuxt.config.ts # Nuxt 2022-05-31 技术 Nuxt3 Vue
初识Nuxt3 🎨前言最近公司规模一点点的起来了,领导反馈可以考虑做一个企业官网了🧓,说起来比较简单都是一些静态的资源,但是毕竟是公司官网肯定要有很多的工作去做seo优化,所以就涉及到了技术栈的选型👩🔧。 技术选型 凡科建站 当初打算直接在凡科上选择一个模板,直接就交给运营的同事去弄这些事情了,我们就不参与开发了🧵,但是由于某种原因需要我们自己参与开发🎃。 hexo 了解了领导的意思之后发现都 2022-05-27 技术 Nuxt3 Vue
vue项目部署404总结🎨 🎨前言不知道你们是不是经常说这样一句话,我本地都是好使的🤐,为什么打包之后就找不到页面呢?为什么找不到静态资源文件呢?为什么找不到public中的文件呢?😧我们会把这三个问题指给运维一口咬定是部署的问题,但其实确实有可能是咱们的问题哦🤦♂️ 我们要明白一点,目前现在的开发都是前后端分离的模式🥞,我们每次打包之后的dist的文件夹是部署在nginx上,那就需要我们熟悉一下nginx的相关 2022-05-19 技术 Vue Nginx