首页 > 其他分享 >首页及骨架屏

首页及骨架屏

时间:2024-07-06 22:21:21浏览次数:6  
标签:ComponentPublicInstance 骨架 列表 首页 组件 页面

  1. tabbar-swiper+long-page组件封装
  2. 组件类型定义ComponentPublicInstance类型
  3. 组件封装了长列表遍历了swiper-item此时类型附带[],如果调用子组件的方法可以(this.$refs['组件ref属性值'] as 驼峰ComponentPublicInstance)?.foo?.();方式
  4. 涉及到了关注和顶踩的切换,由于uniappx编译为app的性能由dom的层级决定,于是为了长列表的组件性能达到极致并且在首页改后项目中其他页面访问同一文章的时候不是由onSHow处理请求不再频繁调用获取统一最新数据,使用全局事件总线,用户切换的时候定义业务逻辑然后配置emit发布,并在页面最好是长列表组件里面去订阅一下(https://doc.dcloud.net.cn/uni-app-x/api/event-bus.html "全局事件总线"),之后触发即可,因为项目大部分都是采用长列表的形式,目前也是用了关注和顶踩两个需要,按业务书写自己的代码即可
  5. 最重要的一点就是页面销毁或者直接在长列表组件销毁的时候记得off关闭对应事件的监听
  6. 骨架屏因为不像小程序那样自动创建,如果是自己画采用如下方式
    UniElement
    drawablecontext
    总之目前uniappx生态还是在不断更新,期待后续吧

标签:ComponentPublicInstance,骨架,列表,首页,组件,页面
From: https://www.cnblogs.com/zsnhweb/p/18288003

相关文章

  • 用Html的基本骨架展现一个基本网页
    目录一.前言二.html的定义三.html的基本骨架 四.简单网页的生成一.前言    在进行了开发环境的配置后,我们就可以开始编写Html的代码了。下面则是介绍下如何用html来进行一个网页的展示以及html的定义。二.html的定义    首先我们需要知道html到底......
  • 百度一下首页制作(HTML+CSS)
    部分代码展示:<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>百度一下,你就知道</title><styletype="text/css">/*清除元素默认性质*/body{margin:0;......
  • 直播电商源码(直播带货,短视频带货,DIY首页,商城运营)
    随着互联网技术的飞速发展,直播电商已成为数字营销的新宠儿。直播电商源码作为支撑这一商业模式的技术基础,其重要性不言而喻。本文将深入探讨直播电商源码的概念、功能以及在现代电商领域的应用。直播电商源码概述直播电商源码,简而言之,是指用于构建直播电商平台的一系列程序代......
  • 实战案例 健康饮食首页Tabs
    一、实验目的1. 欢迎页面UI开发;2. 业务逻辑开发;二、应用介绍本阶段项目实现了一个美食页面进入页面,运行界面如图所示。三、代码结构解读import{CommonConstants}from'../common/constants/CommonConstants'@Entry@ComponentstructIndex{@StatecurrentI......
  • 鸿蒙期末大作业——甜点店铺APP(三)首页的详细完善
    一、首页具体模块的分析    这一期我们完善首页具体模块的渲染。        首页包含三个模块——轮播模块、导航模块以及列表模块。我们首先在view中的components中新建三个新的ets文件——SwiperExample.ets、NavExample.ets、ListExample.ets。以方便在HomeP......
  • css样式综合案例----博客园首页简单搭建
    1<!DOCTYPEhtml>2<htmllang="en">3<head>4<metacharset="UTF-8">5<title>博客园</title>6<metaname="viewport"content="width=device-width,initial-scal......
  • blender4.1-读取骨架下所有骨骼的名字,并保存在表格中
    保存在CSV中importbpyimportcsvdefget_bone_names(armature_name):bone_names=[]#找到骨架对象armature_obj=bpy.data.objects.get(armature_name)ifnotarmature_objorarmature_obj.type!='ARMATURE':print(f"Armature......
  • Autotools项目骨架:快速设置新项目
    介绍Autotools是用于构建和配置软件项目的强大工具链。autotools-skeleton项目提供了一个简单的模板,用于快速启动和设置新项目。这个模板包括基本的构建配置文件,使开发者能够快速创建适合于广泛平台和编译器的可移植软件包。通过自动生成配置脚本,Autotools简化了构建和安装过......
  • 基于鸿蒙操作———制作健康App(实现首页UI设计,顶部搜索)
    前言当前部分主要是完成首页的UI设计,学习并掌握Tabs组件的用法,可以完成页面内视图快速切换,包含TabBar和TabContent两部分实现效果项目代码Tabs组件代码import{CommonConstants}from'../common/constants/CommonConstants'@Entry@ComponentstructIndex{@S......
  • 简易首页防暴力-字典计时器
        有时候首页需要限制下相同账号的错误登录次数,防止暴力破解,实际而言,还是有一点点作用,虽然并不是很大,一定层度上也能扼杀一番,主要是调整起来方便,对于老旧系统改造起来比较快,核心是字典,一个记录失败次数,一个记录账号解锁的时间,在账号登录时先去字典里面校验,不用频繁的请求......