vue项目中遇到的技术难点(vue项目中遇到的难题)

前端开发过程中遇到过什么困难?

技术更新快:前端技术更新速度十分快,html5,css3,nodejs,commonjs,按需加载等都是近几年出来的,我们必须与时俱进,不断加强技术水平,不断学习,不然就会被淘汰。

负责相关产品的需求以及前端程序的实现,提供合理的前端架构。改进和优化开发工具、开发流程、和开发框架。

所以不同业务场景、特点,需要完全不同的前端解决方案,在开发这些垂直解决方案的时候,业务分析、技术选型、架构设计、开发落地是非常难的。

业务开发的前端难点在于对业务的理解和把控能力;平台开发的前端难点在于产品化的把控和推进能力。观点1:不同级别的前端面临的难点各不相同,不可一概而论。

vue项目刷新页面导致数据消失问题解决

调整函数:这样传参时,地址栏就会出现参数了,这样数据就不会丢失了。

一般在登录成功的时候需要把用户信息,菜单信息放置 vuex 中,作为全局的共享数据。但是在页面刷新的时候 vuex 里的数据会重新初始化,导致数据丢失。

.如果想让某些数据页面刷新之后不消失,那就可以结合本地存储做到数据持久化 2 .比如之前的搜索记录,还有一些需要依赖的数据。

很显然,第一种方案基本不可行,除非项目很小或者vuex存储的数据很少。 而第二种可以保证刷新页面数据不丢失且易于读取。

参数都是不可见的,但是该方法有一个弊端,就是当页面刷新后参数值会丢失!!以上两种方式是可以解决页面刷新参数消失问题的,query这种方式可以理解为是ajax中的get方法,参数是直接在url后面添加的,参数是可见的。

目前在使用VUEX开发,发现加载动态路由的话,由于刷新页面就会重新加载VUEX,故会丢失已存在的state,但是又不想localStorage,sessionStorage。

Vue项目开发过程中遇到的坑

1、vue-cli脚手架打包的项目部署到服务器上打开空白 首先可以确保路径是没问题的,vue-cli打包生产环境直接修改config目录下的index文件即可。

2、在学习或者开发项目的过程中,我会遇到控制台的各种报错,每次报错的时候,都会截图,然后记录一下报错的原因和解决的办法,下次再次遇到,很快就知道是什么原因了,这无形中就给自己增加了很多工作项目经验。

3、vue前端开发,经常遇到key为undefine的bug,如图 很多时候 我们把后台返回的Id赋值给key,但是该死的后台返回的Id居然也有重复的时候。这个时候会出现各种意外情况,入页面卡死,页面空白,下拉列表点不动等等错误。

4、最近项目中遇到一个问题,让我很是费解。就是同一个页面在首次进入并且对页面进行一些操作时并没有什么问题。数据的交互及保存操作也能完成。但当次页面重复几次进入并操作时,页面就会卡死,cpu的占用也急剧升高。

5、搭建一个vue3,ts,element-plus项目时,总有一些莫名其妙的问题。项目创建完成之后,elemen文件:src/plugins/element.js 这个文件是选择了按需导入,之后脚手架自动创建的。

vue项目中遇到的技术难点(vue项目中遇到的难题)  第1张

Vue项目加载慢,有什么方法可以找到问题原因,怎么解决?

依赖包不是全局引入的会导致vue3画面加载卡顿。改为组件内按需引入,可大大降低加载时长。或者将组件引入方式改为cdn引入。也可看network,点击ALL,看看哪些文件加载时间长,针对性的优化,静态文件压缩、js文件切片等。

子组件可以通过插槽对父组件引用子组件包裹的内容进行分发 第二个解决方法的具体实现:说明:子组件包含参数time,作为可设置的延迟加载时间,默认为0ms,非必填。

三种方法:推荐第三种 修改vueclie构建的npm源: 打开C:\Users\admin.vuerc文件 useTaobaoRegistry配置如果是true改为false就可以了,或者情况相反的改为true。

以上内容为新媒号(sinv.com.cn)为大家提供!新媒号,坚持更新大家所需的前端知识。希望您喜欢!

版权申明:新媒号所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流,不声明或保证其内容的正确性,如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报,一经查实,本站将立刻删除。

(0)
上一篇 2023-09-23 13:32
下一篇 2023-09-23 13:32

相关推荐

发表回复

登录后才能评论