web前端编程开发都需要注意哪些问题?

如题所述

随着互联网的不断发展,越来越多的程序员都从后台开发转型到前端开发设计领域。今天,我们就一起来了解一下,在使用web编程开发语言进行前端开发的时候都有哪些问题是需要注意的。



1.路由变化页面数据不刷新问题


出现这种情况是因为依赖路由的params参数获取写在created生命周期里面,因为相同路由二次甚至多次加载的关系没有达到,退出页面再进入另一个文章页面并不会运行created组件生命周期,导致文章数据还是一次进入的数据。


解决方法:watch路由是否变化。


2.setInterval路由跳转继续运行并没有及时进行销毁


比如一些弹幕,走马灯文字,这类需要定时调用的,路由跳转之后,因为组件已经销毁了,但是setInterval还没有销毁,还在继续后台调用,控制台会不断报错,如果运算量大的话,无法及时清除,会导致严重的页面卡顿。


解决办法:在组件生命周期beforeDestroy停止setInterval


//组件销毁前执行的钩子函数,跟其他生命周期钩子函数的用法相同。


beforeDestroy(){


//我通常是把setInterval()定时器赋值给this实例,然后就可以像下面这么停止。


clearInterval(this.intervalId);


},


3.vue滚动行为用法,进入路由需要滚动到浏览器底部、头部等等


使用前端路由,当切换到新路由时,想要页面滚到顶部,或者是保持原先的滚动位置,就像重新加载页面那样。vue-router能做到,而且更好,它让你可以自定义路由切换时页面如何滚动。


注意:这个功能只在支持history.pushState的浏览器中可用。


4.v-once只渲染元素和组件一次,优化更新渲染性能


v-once这个指令相信大家用的很少,不过个人感觉还是挺实用的!


只渲染元素和组件一次。沙河北大青鸟建议随后的重新渲染,元素/组件及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能。


温馨提示:答案为网友推荐,仅供参考