首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    腾讯面试官:如何从0到1实现一个高性能Collapse折叠组件,直到现在我还实现不出来

    折叠组件,然后我根据提供接口属性,我大概实现出来类似下面组件的形态,然后面试官问动画除了height形式,还有其他它方式么,因为height的变化会触发重排,另外折叠面板panel如果是大量数据,打开的时候会卡顿...在这种模式下,只有一个面板可以被展开。当一个新的面板被展开时,之前展开的面板将被关闭。 activeKey:当前展开面板的key。如果我们处于手风琴模式,这将是一个字符串或null。...onChange:它在面板切换时被触发。它接收一个参数,表示当前展开面板的key。它的类型与activeKey相同。...这个子组件将作为Collapse组件的一部分,用于表示一个可折叠面板。 arrow:这是一个自定义的箭头。如果这是一个React节点,antd-mobile将自动为你添加旋转动画效果。...'block' : 'none' }}> {children} ); }; export default Collapse; 实现折叠面板动画

    46820

    SpringBoot+Vue前后端分离,使用SpringSecurity完美处理权限问题(六)

    角色展示 角色的展示采用了ElementUI中的Collapse 折叠面板,并且采用了手风琴模式,即一次只打开一个角色,如下图: ?..."> 核心思路如下: 1.通过for循环渲染出el-collapse-item,将角色展示出来。...2.el-collapse-item的内容就是一个树形控件,很明显,树形控件的数量和el-collapse-item的数量是一样多的,但是考虑到el-collapse-item使用了手风琴模式,即一次只有一个折叠面板被打开...,因此树形控件的数据源只有一个,即多个树形控件共用一个数据源,为了避免数据紊乱,我采取了这样的数据加载方式:当用户每次点击折叠面板的时候,我都根据当前折叠面板所对应的角色去查询该角色所对应的资源,同时也查询所有的资源

    87970
    领券