2021 July

Vue刷新页面有哪几种方式

在Vue项目中,刷新当前页除了 window.reload(),你还能想到什么办法?而且这种办法会重新加载资源出现短暂的空白页面。体验不是很好。

在某个详情页面的时候,我们经常需要通过路由中的详情 id 去获取内容,当我们在不同的详情页来回切换的时候,打开的页面是同一个,只是需要通过监听路由中的参数 id 的变化去重新请求详情接口。

Vue 页面如何监听用户预览时间

最近的业务中涉及到这样一个需求,在线培训的系统需要知道用户对某个在线预览的页面追踪用户的预览时长。初步我们首先想到借助 Vue 页面的生命周期函数 mounted 和 destroyed,分别在其中加入开始计时和清除计时的逻辑,通过后台的接口上报对应的培训素材的时间数据,即可达到目的

如何全局引入 Vue Composition API

使用过Vue3 开发的难免会被每个页面都要引入 vue 的Api而烦恼,这也是相较 2.x 版本的最大的区别。有相过为什么要这样做吗?

因为在 2.x 的版本中,我们在入口文件 main 中全局注册唯一的vue对象实例,而所有的api都可以通过这个对象的引用获得。Vue 3的改进就是要优化打包的体积,更方便的进行复用逻辑组件,分成一个个的小的vue 实例,从而Api也是根据需要手动引入。

如何通过JS获取浏览器滚动条的宽度

首先我们来讲讲思路,在 body 标签中动态添加一个高为 200 像素,宽为100像素的 div ,设置 overflow 属性为scroll,这时它的右边和底部出现滚动条,再往该div标签中动态插入一个宽度为100%的div元素,然后取两者的offsetWidth属性值,做差就得到滚动条的宽度。

Sidebar