- 博客(12)
- 收藏
- 关注
原创 仿照ElMessages的实现(简易版)
因为之前在做大屏项目时,遇到过定制化的消息提醒样式,于是着手自己封装了一个,能满足基本需求。有需要的也可以在原有基础上去扩展。
2024-12-04 09:27:49
380
原创 vu3虚拟列表的实现
相信有很多前端小伙伴在面试的时候都会被问到过:“后端一次性返回十万条数据,前端应该如何处理?”这样类似的问题。那如果真的要处理这样的问题,我们实际应该怎么做呢?其实一个虚拟列表就可以解决。
2024-10-14 09:56:52
292
原创 告诉你不一样的前端性能优化,纯干货!
是一种机制,允许你打开一个单独的线程来运行一段 JavaScript 代码,以便不会阻塞主线程。Worker 的主要用例是如果你有大量计算需要进行,而不希望它阻塞主线程,那么就需要使用 Worker。”下面讨论的一些技巧和方法是适用于任何 Web 项目的良好实践,而其他一些只在特定情况下才需要。如果用户在长任务正在运行时尝试与页面交互或请求重要的 UI 更新,他们的体验将受到影响。如果某个脚本非常重要,并且你担心由于加载速度不够快而影响性能,你可以在文档的。在上面的示例中,如果视口宽度为。
2024-09-24 16:47:43
421
原创 scss+vh/vw,less+vh/vw大屏自适应方案
网页自适应要是为了解决在不同分辨率下保证显示效果一致,例如文字、图片、布局等;本篇讲的是主要使用的是vh/vw方案。
2024-09-09 19:16:49
528
原创 1分钟教你在vscode快速生成代码块code-snippets
在编写大量Vueprop1?: string;}>();重复编写这些模板化内容没有任何意义,而且有时忘记了写法还需要到其他文件中搜索,容易让人产生厌烦情绪而效率低下。
2024-09-06 09:40:59
713
原创 在vue3+vite中封装svg组件
使用svg作为项目中的图标的优点是不会失真,并且体积小;但是在使用svg的时候,有些svg代码会特别长,也不美观。svg文件名与iconClass的值对应就行。
2024-09-04 15:56:34
513
原创 vue3折叠面板(手风琴)展开与收起过渡效果
一开始做这个过渡效果的时候,会想到通过控制元素高度来实现假如元素高度为0,点击面板时高度设置为auto;但是试过以后发现无效;因为transition属性只针对数值类的值生效,auto并不是数值类。
2024-09-04 15:37:14
812
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人