北大青鸟java培训：web前端编程开发都需要注意哪些问题？
2024-09-20 04:11:31
随着互联网的不断发展，越来越多的程序员都从后台开发转型到前端开发设计领域。
今天，我们就一起来了解一下，在使用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这个指令相信大家用的很少，不过个人感觉还是挺实用的!只渲染元素和组件一次。
辽宁北大青鸟http://www.kmbdqn.cn/建议随后的重新渲染，元素/组件及其所有的子节点将被视为静态内容并跳过。
这可以用于优化更新性能。
热门标签
