- 博客(15)
- 资源 (2)
- 收藏
- 关注
原创 如何在 Vue 组件中用 setInterval 函数来实现每隔一定时间发送请求的功能
如何在 Vue 组件中用setInterval函数来实现每隔一定时间发送请求的功能,如何持续触发请求,直至定时关闭,手动关闭,或者请求有结果。
2023-12-04 17:53:32
1321
1
原创 uniapp中,在config.js中设置后台访问地址,如何使其变为配置项,并在app任意一个页面中input就可以直接设置?
uniapp中,在config.js中设置后台访问地址,如何使其变为配置项,并在app任意一个页面中input就可以直接设置
2023-12-04 17:41:01
2690
7
原创 vue-pdf如何使用?在vue2项目中pdf预览的具体组件化方法
vue-pdf的使用,vue移动端pdf预览,vueapp中pdf预览查看插件
2023-11-27 18:10:25
2117
4
原创 前端面试之谈谈$nextTick()的使用和原理
Vue有个异步更新策略,意思是如果数据变化,Vue不会立刻更新DOM,而是开启一个队列,把组件更新函数保存在队列中,在同一事件循环中发生的所有数据变更会异步的批量更新。这一策略导致我们对数据的修改不会立刻体现在DOM上,此时如果想要获取更新后的DOM状态,就需要使用nextTick。具体来说,当修改了 Vue 组件中的数据时,Vue.js 并不会立即进行视图更新。Vue.js 会将修改的数据记录下来,并在下一次事件循环时才更新视图。(2) 数据响应式变化后获取dom相关操作,比如获取更新后列表的高度。
2023-09-01 16:08:04
488
1
原创 Web Workers的概念以及应用场景
要定义web worker可以直接新建一个普通的js文件,实例化 Worker 对象并传入要执行的 JavaScript 文件名就可以创建一个新的 Web Workers。web worker是浏览器内置的api,用于在单独的线程中执行javascript代码,线程之间通过message通信,从而避免ui主线程阻塞,影响页面响应速度。在里面监听onmessages事件,通过事件参数的data属性访问传递进来的消息,然后使用post的message回传消息给主线程。主要用于提高外部应用程序的性能和响应速度。
2023-09-01 15:34:45
320
1
原创 常见的实现浅拷贝和深拷贝的几种方法
**首先明确浅拷贝和深拷贝针对的都是引用数据类型,首先明确一下,并不是说浅拷贝不能用而是要视情况而定,浅拷贝只是拷贝的第一层,遇到多层对象的类型,就需要使用深拷贝了。这里建议复习一下栈和堆的区别,这里就容易理解的多。关于拷贝常见的方式这里就简单概括一下。
2023-08-26 18:33:19
245
原创 除了 防抖节流外,另一个常用的避免重复请求的方法:标记法
除了 防抖节流外,另一个常用的避免重复请求的方法:标记法,尤其搜索框,建议使用这种方法。
2023-02-22 10:08:36
117
原创 如何使App的内容都变成了灰色,包括按钮、图片,视频等等等等
自从伟大的江爷爷走了后,全站和各个App的内容都变成了灰色,包括按钮、图片等等。这时候我们可能会好奇这是怎么做到的呢? 有人会以为所有的内容都统一换了一个 CSS 样式,图片也全换成灰色的了,按钮等样式也统一换成了灰色样式。但你想想这个成本也太高了,而且万一某个控件忘记加灰色样式了岂不是太突兀了。其实,解决方案很简单,只需要几行代码就能搞定了。
2022-12-05 16:48:01
110
原创 vue中@input事件输入英文验证,切换中文文输入法验证错乱的解决方法:compositionstart和compositionend事件
vue中@input事件输入英文验证,切换中文文输入法验证错乱的解决方法:compositionstart和compositionend事件
2022-11-03 18:11:51
1536
原创 点击图片碎裂碎屏破碎爆炸效果
最近要做产品要做一个屏幕碎裂效果,产品要那种点击碎屏进入首页的效果,由于做的是h5页面,这种闪屏效果需要考虑不同分辨率的手机和样式,还有可能是pc访问或者手机访问,于是这里花了一天时间做出了这个效果,这里分享下html的部分:<body> <div class="main-box">//container是碎屏后跳转的页面 <div class="container"> </div>//con...
2022-04-08 18:17:09
1814
原创 vue中手写动态渲染左右滚动菜单栏 点击居左 以及设置scrollLeft属性设置无效的原因解决
vue中可能会碰到无法使用框架的问题,此时需要手写左右滚动的滑动菜单栏,并且头部或者底部还有对应的标题点击定位。此时应该怎么做呢?(1)下面看结构:<divclass="courseCate-box"><divclass="courseCate flex":id="'cate'+pIndex"><licl...
2021-09-24 10:19:57
3213
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人