原文:Vue造轮子-popover组件(上)

. popover是什么以及难点在哪 点一下出现一个卡片,也叫气泡卡片 难点在于css的样式 . 用户会怎么去用 . 为什么要用用inline block,因为这样多个popover组件才不会一行 . 优秀的前端css一定是写的很 的 . 开始完善功能,实现点外面之后内容消失 .解决第三次点击不行 第一步 第二步 第三步 解决点击popover关闭的bug,实现最简单的popover . 目前还 ...

2020-01-29 13:58 0 1318 推荐指数:

查看详情

Vue轮子-手风琴组件

一. 大致的使用方法 二. 完成最外部的样式 三. 进一步调节样式 四. 默认内容折叠起来和点击切换,基本样式和基本功能完成 五. 完善功能第一个点开,第二个就关闭 因为结构比较简单,就父子两个组件,可以用父子通信来做。 六. 增加功能是否可以选择多个 ...

Sat Feb 01 23:16:00 CST 2020 0 842
VUE轮子ui框架(上)

1.需求分析 用例图,状态分析 2.UI设计 我们用SKetch进行ui的设计。可以利用symbol来绑定关联等详细操作就不赘述了,设计效果如下图 3.项目初始化 4.butto ...

Wed Jul 15 00:03:00 CST 2020 0 776
轮子-toast组件的实现(下)

1.解决 toast 中传入 html 的问题,通过假的 slot 来实现 2.在 toast 中加 html 是比较危险的一个动作,所以要加一个选项默认不开启。 3.flex-shrin ...

Mon Jan 27 06:19:00 CST 2020 0 242
论要不要重复轮子

在程序界有一句话很流行,不要重复轮子。然而,这句话被滥用了。已经渐渐沦为程序员懒惰的借口。甚至因此而盲目指责那些勤奋的人。 大多数情况下初学者很难分清楚自己是不是在重复轮子。当我头一次听到这句忠告的时候,我变得异常敏感,在做什么之前都要判断一下是否在轮子。我跟大多数普通人一样,容易受到 ...

Fri Apr 22 19:22:00 CST 2016 3 4049
轮子-ThreadPoolExecutor

以下代码的实现逻辑出自于公众号 码农翻身 《你管这破玩意叫线程池?》 - PS:刘欣老师在我心中是软件技术行业的大刘。 线程池接口 View Code 接 ...

Fri Mar 05 22:32:00 CST 2021 3 387
为什么要鼓励重复轮子

作者:丁仪 来源:https://chengxuzhixin.com/blog/post/wei_shi_me_yao_gu_li_zhong_fu_zao_lun_zi.html “不要重复轮子”恐怕是仅次于“php是最好的语言”之后最流行的话了。各种论坛,各种文章,都在 ...

Thu Nov 26 02:55:00 CST 2020 8 835
在npm发布自己轮子

提到封装组件,发布到npm,很多同学都会觉得很神秘。但其实,npm包无非就是我们平时写的比较独立且可复用的模块。当然,想要发布,除了基础组件的编写外,还要进行一些包装。下文通过一个简单的案例,和大家一起讨论组件从开发到发布的整个过程。在此承诺,包教包会! 一、封装组件 封装组件包共有3个步骤 ...

Wed Jul 29 22:46:00 CST 2020 4 639
vue实现一个简易Popover组件

概述 之前写vue的时候,对于下拉框,我是通过在组件内设置标记来控制是否弹出的,但是这样有一个问题,就是点击组件外部的时候,怎么也控制不了下拉框的关闭,用户体验非常差。 当时想到的解决方法是:给根实例创建一个标记来控制,然后一级一级的把这个标记传进来。但是这样每次配置都要改根组件,非常不灵 ...

Tue Nov 27 06:17:00 CST 2018 0 2801
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM