随笔分类 -  Vue

前端项目首页加载速度及项目性能优化
摘要：提升首屏的加载速度或项目整体优化，是前端性能优化中最重要的环节，接下来跟大家分享一些常规且有效的首屏优化建议及做法。 一、路由懒加载 SPA项目，一个路由对应一个页面，如果不做处理，项目打包后，会把所有页面打包成一个文件，当用户打开首页时，会一次性加载所有的资源，造成首页加载很慢，降低用户体验，因此 阅读全文
posted @ 2023-04-04 14:45 阿彬~ 阅读(2004) 评论(0) 推荐(0)
vue项目国际化i18n的实现及思考
摘要：国际化是什么？ 国际化对应的英文单词为 Internationalization，又称“i18n”： i 为单词的【第一个】字母 18 为【i 和 n 之间】字母的个数 n 为单词的【最后一个】字母 如果你的项目是vue，那么相信你在实现国际化功能时，也必不可少的会使用到“vue-i18n”这个库， 阅读全文
posted @ 2023-02-06 14:30 阿彬~ 阅读(3174) 评论(0) 推荐(0)
如何统一前端项目的 Node 版本和包管理器？
摘要：在我们日常开发的项目中，可能成员们的机器所使用的Node.js版本不统一：守旧派用12.x、保守用14.x、激进用17.x，项目能否正常跑起来全凭天意，包管理器也是一样，有人习惯用npm、用人习惯用yarn，代码库里经常存在package-lock.json、yarn.lock文件同时存在的情况，更 阅读全文
posted @ 2022-07-27 14:01 阿彬~ 阅读(680) 评论(0) 推荐(0)
如何修改 node_modules 里的文件
摘要：在我们的日常开发中，有时候使用npm上的包，发现有bug，看过源码后我们知道如何修改，但是别人可能一时半会没法更新，这时候我们只能自己动手丰衣足食。那么我们应该如何修改别人的源码呢？首先，直接修改node_modules里面的文件是不太行的，重新安装依赖就没有了。一般常用办法有两个： 1、下载别人代 阅读全文
posted @ 2022-07-13 16:55 阿彬~ 阅读(987) 评论(0) 推荐(0)
vue-cli3项目兼容低版本浏览器
摘要：很多时候，使用vue开发的项目，由于es6无法在低版本浏览器上运行，所以我们需要将es6转换为浏览器支持的es5来兼容低版本的浏览器(比如Chrome46以上，Firefox46以上，IE11等)。 在这里我们使用的是@babel/polyfill来进行转换： 1、安装@babel/polyfill 阅读全文
posted @ 2021-01-06 13:53 阿彬~ 阅读(7655) 评论(0) 推荐(0)
vue-router 路由跳转传参刷新页面后参数丢失问题
摘要：常见场景：点击列表详情，跳转到详情内页，传递id参数获取详情数据。 我们先来看看路由跳转的几种方式： 1、通过params方式传参 通过$route.push的path携带参数方式(路由配置中指定参数) // 路由配置 { path: '/detail/:id', //若id后面加?代表这个参数是可 阅读全文
posted @ 2020-12-16 11:40 阿彬~ 阅读(7353) 评论(0) 推荐(1)