![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue.js
文章平均质量分 51
曲江涛
宾果软件创始人,技术分享、开源爱好者,记录生活,追求创新。
展开
-
解决前端项目幻影依赖问题的强力利器:pnpm
pnpm作为一款强力的包管理工具,在解决前端项目中幻影依赖问题方面表现得尤为出色。通过共享依赖项存储、硬链接和符号链接、版本锁定等策略,pnpm不仅优化了磁盘空间的利用,提高了安装速度,更有效地确保了项目依赖项的一致性。在开发过程中,使用pnpm可以为团队带来更加流畅、稳定的开发体验。如果您对这个话题有更多疑问或者想要分享您的经验, 欢迎通过微信([q3030946125])与我联系。让我们共同努力,确保前端项目在开发和线上环境中都能够如期运行。原创 2023-11-21 09:40:46 · 544 阅读 · 0 评论 -
为什么会出现幻影依赖?
在前端项目中出现幻影依赖问题可能是一个复杂的挑战,但通过清晰的分析和采取一些预防措施,可以有效解决和避免这些问题。清除缓存、统一环境变量、锁定依赖项版本、解决网络问题、保持环境一致以及使用自动化工具都是确保项目在不同环境中稳定运行的关键步骤。如果您对这个话题有更多疑问或者想要分享您的经验,欢迎通过微信([q3030946125])与我联系。让我们共同努力,确保前端项目在开发和线上环境中都能够如期运行。原创 2023-11-21 09:35:53 · 149 阅读 · 0 评论 -
VxeTable 表格组件推荐
你可以使用插槽来自定义表格的各个部分,包括表头、单元格内容、操作按钮等。原创 2023-10-08 10:31:31 · 2076 阅读 · 2 评论 -
Vue 3和TypeScript连接Socket.IO的完整指南
Socket.IO提供了许多功能,其中包括实时事件传输、命名空间和房间的支持、心跳和断线重连等。以下是Socket.IO的一些关键功能:实时事件传输:Socket.IO允许服务器和客户端之间实时地发送和接收事件。您可以自定义事件名称,并通过Socket.IO的emit()和on()方法发送和监听事件。命名空间和房间:Socket.IO支持命名空间和房间的概念,这使得您可以将不同的连接组织成逻辑上的分组。这对于构建具有不同功能或权限的模块化应用程序非常有用。原创 2023-05-18 11:42:17 · 5491 阅读 · 0 评论 -
vue想引入echarts,直接卡在安装失败 如何解决
确保您已经正确指定了echarts的版本号,并且没有其他依赖项与之冲突。您可以参考echarts的官方文档来确定正确的版本和配置。有时候安装失败可能是由于缓存问题造成的。您可以尝试清除npm的缓存,然后重新安装echarts。请确保您的网络连接正常,并且没有被防火墙或代理服务器阻止。如果以上方法仍然无法解决问题,请提供更具体的错误信息或日志,以便我能够更好地帮助您解决问题。这些工具是用于管理依赖项的常见工具,您需要确保它们已经正确安装在您的开发环境中。然后,重新运行安装echarts的命令。原创 2023-05-18 10:46:39 · 2661 阅读 · 0 评论 -
vue+mui的APP在苹果手机上无法下载附件。 如何解决 用代码实现
如果您的Vue.js和MUI应用在苹果手机上无法下载附件,可能是由于某些限制或错误导致的。原创 2023-05-17 12:33:33 · 329 阅读 · 0 评论 -
element 树形菜单 filter-node-method ts报错如何解决?
进行节点过滤时,在 TypeScript 中可能会遇到报错的问题。这是因为 Element UI 的树形菜单组件的类型定义文件缺少对。请注意,如果你使用的 Element UI 版本较新,或者 Element UI 的类型定义文件已经更新,那么你可以直接从。要解决这个问题,你可以通过扩展类型声明来解决 TypeScript 报错。通过以上步骤,你为 Element UI 的树形菜单组件添加了。文件,用于扩展 Element UI 的类型声明。接口并进行扩展,而不需要创建单独的类型声明文件。原创 2023-05-17 12:28:23 · 1629 阅读 · 0 评论 -
Vue 3中引入SCSS和LESS依赖的教程指南
在Vue 3项目中引入SCSS和LESS是一种提高样式管理和可维护性的有效方式。通过安装依赖、配置构建工具和使用样式文件,我们可以轻松地集成SCSS和LESS,并享受它们提供的变量、嵌套和导入功能。参考推荐的教程、文档和GitHub项目,可以更深入地学习和掌握SCSS和LESS在Vue 3中的应用。避免常见的错误配置和路径问题,确保顺利使用SCSS和LESS来优化您的Vue 3项目的样式。希望本文对您理解和使用Vue 3中引入SCSS和LESS的过程有所帮助!原创 2023-05-17 11:28:38 · 7882 阅读 · 3 评论 -
uniapp 高德地图 H5 小程序 快捷上手
uniapp 迅捷步伐 快捷的一批 H5 小程序 移动端原创 2022-05-19 17:53:00 · 550 阅读 · 1 评论 -
JS计算时间戳之间的天数并根据条件反馈时间格式或文本
JS计算时间戳之间的天数并根据条件反馈时间格式或文本原创 2022-04-27 18:07:26 · 505 阅读 · 1 评论 -
JS获取当月天数星期天 年/月/日/星期
获取月份内 年/月/日/星期 // 获取月份数据 mGetDate(y,m){ var date = new Date(y,m); var year = date.getFullYear(); var month = date.getMonth(); var d = new Date(year, month, 0); return d.getDate(); }, // 获取星期 getWe原创 2022-02-16 15:07:18 · 873 阅读 · 0 评论 -
Eggjs | 入门 | 学习快速搭建开发环境
学习原因以及目的:Express 是 Node.js 社区广泛使用的框架,简单且扩展性强,非常适合做个人项目。但框架本身缺少约定,标准的 MVC 模型会有各种千奇百怪的写法。Egg 按照约定进行开发,奉行『约定优于配置』,团队协作成本低。故: 今日来学习一波Egg开发,可用于前端开发工作者的后台项目开发学习须知:提示:需要了解的相关后台数据库开发以及框架知识数据库1、 Mongodb2、 MySQL3、 Redis前端1、Vue.JS2、Node.JS3、通信协议4、N原创 2021-10-26 18:13:48 · 381 阅读 · 2 评论 -
uniapp监听微信小程序首次进入任意页面携带参数、手把手教学┗|`O′|┛ 嗷~~
项目场景:1、业务需求监听用户从分享的地址进入程序2、用户进入页面不固定,都有可能存在携带参数的情况时候功能分析:1、解决此问题的因素就在于寻找到一个可能在用户进入小程序会话的时候、去解析用户访问小程序的参数信息。2、uniapp小程序,App.vue中的 onShow onLaunch处可以监听用户首次进入程序的参数3、获取参数存储在公共会话内,调用方法使用。监听onShow//APP.VUEonShow(e){console.log(e)}代码示例async onSho原创 2021-10-23 11:13:15 · 1927 阅读 · 2 评论 -
uniapp微信小程序分享、全页面分享、封装JS,手把手教学┗|`O′|┛ 嗷~~
项目场景:1、小程序每个页面都允许分享2、允许更改分享参数功能分析:1、定义分享内容对象数据容器2、定义分享的API方法3、引入 main.js Vue使用 实现步骤:1、封装 share.jsexport default{ data(){ return { //设置默认的分享参数 share:{ title:'分析标题', path:'/pages/***/*原创 2021-10-23 10:50:51 · 843 阅读 · 0 评论 -
uniapp 引入iconfont 彩色图标,手把手教学┗|`O′|┛ 嗷~~
项目场景:1、显示个性和色彩的渲染;2、不同于基础图标仅有单调的纯色;实现步骤:1、iconfont选择合适的图标2、下载Symbol至本地文件3、iconfont-tools解析svg文件4、引入解压后的css文件至全局选择下载下载后的文件大致情况,在此处shell执行第三步执行解析步骤npm install -g iconfont-toolsiconfont-tools//一直Enter即可解析生成文件格式大概情况将css文件引入全局样式即可具体使用如下t-原创 2021-10-19 16:52:59 · 440 阅读 · 0 评论 -
一行半省略号显示
项目场景:1,超出省略;2,超出1.5(或指定行)增加省略号替换文本;功能分析:1,获取文本长度;2,获取视口宽度;3,计算宽度比例,行显示字数;4,超出渲染替换文本; 功能实现:Vue获取文本宽度转载自#蓝色的落叶//获取计算后的font-sizegetComputedStyle(className[0],undefined).getPropertyValue('font-size');<script type="text/javascript">var d原创 2021-09-27 11:20:31 · 248 阅读 · 0 评论 -
【Ant-Deisgn-Vue | 路由权限】根据返回用户身份创建对应的权限路由展示
项目场景:1,前端获取登录用户身份;2,根据用户身份展示不同的路由菜单;功能分析:1,异步路由模式开启;2,本地异步路由目的其实是模拟异步网络请求方法;3,根据本地编写的路由组合匹配当前身份的权限来定义路由组合以及路由权限;4,模拟的异步的路由不用考虑身份权限问题// 例如用户身份权限为 let adminUser = 'admin'; // 权限组Demolet UseroperMneu = [{ "router": "Home", "name": "首页", "path": "原创 2021-09-26 11:48:12 · 363 阅读 · 0 评论 -
【Ant-Deisgn-Vue | 轮询】定时保存信息,退出页面停止,进入页面开始
项目场景:1,进入页面,开始轮询;2,退出页面,终止轮询;3,进入页面读取缓存渲染;4,执行其他方法清除缓存;功能分析:1,setInterval2,window3,clearInterval //定义载体Timerwindow.clearInterval(this.Timer);this.Timer = window.setInterval(()=>{ this.SettimeZancun();},10000)暂存方法//存储信息SettimeZancun()原创 2021-09-26 11:04:19 · 404 阅读 · 0 评论 -
【Ant-Design-Vue | e-table】防止异常报错 Error in render: “TypeError: Cannot read properties of undefined
问题描述:1,一般提示此报错基本为table循环体出现报错,比如赋值报错脚本认为此处获取不正常会报错,columns修改报错;2,循环处理columns时,for循环添加头标签组合,导致vue.js认知获取失败;解决办法:1,请求加载loading;2,渲染 v-if;3,循环columns等待业务参数获取完毕再渲染;此类报错若出现以数字类型的报错词找数组相关的操作比如: [0],或循环数组操作相关的操作;async created () { this.$nextTick(async原创 2021-09-16 14:31:15 · 2254 阅读 · 2 评论 -
【Ant-Design-Vue | menu】点击菜单刷新页面,重载数据
项目场景:1,实现一个可以点击菜单栏,顶部分类既可重载数据的方法;问题描述:由于AntDesignVue的路由机制,打开即生成并存在一条记录存储在历史路由展开,因业务需求需要增加点击后重载数据的操作,方便客户操作使用,本方案如下:路由入手;功能分析:1,监听路由变化,若存在历史栈即刷新数据重载;2,若为首次打开,则按created步骤执行加载数据;解决方案:上代码: watch: { '$route': function (to, from) { // co原创 2021-09-16 14:02:59 · 2081 阅读 · 0 评论 -
前端上传文件限制[宽高,比例,大小]
项目场景:1,上传文件限制功能作用:1,防止前端操作上传异常文件2,限制符合的规则,优化展示模型 功能实现:1,获取file实例2,执行校验规则方法代码如下://大小限制checkFileSize(file, rules) { return new Promise((resolve, reject) => { file.size / 1024 / 1024 > rules ? reject() : resolve() }).then(原创 2021-09-12 09:39:56 · 1898 阅读 · 0 评论 -
vue-ueditor-wrap Ant-Design-Vue Egg.js Node.js 配置 避坑记录
项目场景:1.编辑器使用,自定义编辑公告,推送文案等场景…2.涉及图片上传,图片在线管理等操作需求…3.前后台统一服务器 部署方案问题描述:在程序配置中会遇到如下问题1.@Override public void run() { bytes = mmInStream.read(buffer); mHandler.obtainMessage(READ_DATA, bytes, -1, buffer).sendToTarget()原创 2021-09-10 17:14:09 · 459 阅读 · 0 评论 -
Vue Swiper导入swiper.css报错This dependency was not found:swiper/dist/css/swiper.css
Vue Swiper导入swiper.css报错This dependency was not found:swiper/dist/css/swiper.css提示:本文以 npm install 引入依赖方式,由于引入Swiper版本较高,会提示如标题报错解决办法:npm install swiper vue-awesome-swiper --save引入文件:import 'swiper/dist/css/swiper.css'import { Swiper, SwiperSlide,原创 2021-09-06 10:17:31 · 926 阅读 · 0 评论