当前位置: 首页 > Web前端 > CSS

第六集:从零开始在PC端实现一套Vue的ui组件库(加载)组件

时间:2023-03-31 12:09:25 CSS

第六集:从头实现(加载组件)本集定位:加载组件我相信只要和后台有交互,所有的项目都需要。组件虽然简单,但是它的作用很重要:让用户有一个好的体验体验,就是给用户一个信号,‘我在做,等等……’。阻止用户的操作,即在此期间(可能)阻止用户触发其他事件。不要让用户看到白屏,看到白屏的体验差到爆炸。各种酷炫的效果也是吸引眼球的手段。一:当加载需求分析出现时,用户的操作一定要被屏蔽。不依赖dom,可以通过js控制它的出现和隐藏,比如配置axios。它充满了父母,而不是身体。因为是PC端,所以不是小黑块的形式。屏幕上方进度条的讨论,我去年的项目中用过。进度条,体验太差了,不够显眼,而且不能点屏让人眼花缭乱,所以这次没有用。骨架屏的讨论将在下一章(骨架屏简易版)进行。很多技术方向都是为了完美展示dom结构的影子,1:1还原dom还没有加载的样子。事实上,我认为没有必要这样做。这只是一个过渡阶段,一般外观就足够了。应该把更多的精力和能力放在业务方面,根据我对很多APP的观察,100%还原的确实不多,问过很多朋友有没有注意到骨架屏和真实DOM结构的偏差,而且他们都表示没注意到,所以骨架屏一方面,这套组件只做最基本的功能。二:基本结构搭建模板