一. 大致的使用方法 二. 完成最外部的样式 三. 进一步调节样式 四. 默认内容折叠起来和点击切换,基本样式和基本功能完成 五. 完善功能第一个点开,第二个就关闭 因为结构比较简单,就父子两个组件,可以用父子通信来做。 六. 增加功能是否可以选择多个 ...
. popover是什么以及难点在哪 点一下出现一个卡片,也叫气泡卡片 难点在于css的样式 . 用户会怎么去用 . 为什么要用用inline block,因为这样多个popover组件才不会一行 . 优秀的前端css一定是写的很 的 . 开始完善功能,实现点外面之后内容消失 .解决第三次点击不行 第一步 第二步 第三步 解决点击popover关闭的bug,实现最简单的popover . 目前还 ...
2020-01-29 13:58 0 1318 推荐指数:
一. 大致的使用方法 二. 完成最外部的样式 三. 进一步调节样式 四. 默认内容折叠起来和点击切换,基本样式和基本功能完成 五. 完善功能第一个点开,第二个就关闭 因为结构比较简单,就父子两个组件,可以用父子通信来做。 六. 增加功能是否可以选择多个 ...
1.需求分析 用例图,状态分析 2.UI设计 我们用SKetch进行ui的设计。可以利用symbol来绑定关联等详细操作就不赘述了,设计效果如下图 3.项目初始化 4.butto ...
1.解决 toast 中传入 html 的问题,通过假的 slot 来实现 2.在 toast 中加 html 是比较危险的一个动作,所以要加一个选项默认不开启。 3.flex-shrin ...
在程序界有一句话很流行,不要重复造轮子。然而,这句话被滥用了。已经渐渐沦为程序员懒惰的借口。甚至因此而盲目指责那些勤奋的人。 大多数情况下初学者很难分清楚自己是不是在重复造轮子。当我头一次听到这句忠告的时候,我变得异常敏感,在做什么之前都要判断一下是否在造轮子。我跟大多数普通人一样,容易受到 ...
以下代码的实现逻辑出自于公众号 码农翻身 《你管这破玩意叫线程池?》 - PS:刘欣老师在我心中是软件技术行业的大刘。 线程池接口 View Code 接 ...
作者:丁仪 来源:https://chengxuzhixin.com/blog/post/wei_shi_me_yao_gu_li_zhong_fu_zao_lun_zi.html “不要重复造轮子”恐怕是仅次于“php是最好的语言”之后最流行的话了。各种论坛,各种文章,都在 ...
提到封装组件,发布到npm,很多同学都会觉得很神秘。但其实,npm包无非就是我们平时写的比较独立且可复用的模块。当然,想要发布,除了基础组件的编写外,还要进行一些包装。下文通过一个简单的案例,和大家一起讨论组件从开发到发布的整个过程。在此承诺,包教包会! 一、封装组件 封装组件包共有3个步骤 ...
概述 之前写vue的时候,对于下拉框,我是通过在组件内设置标记来控制是否弹出的,但是这样有一个问题,就是点击组件外部的时候,怎么也控制不了下拉框的关闭,用户体验非常差。 当时想到的解决方法是:给根实例创建一个标记来控制,然后一级一级的把这个标记传进来。但是这样每次配置都要改根组件,非常不灵 ...