组件封装之输入框下拉列表 (mp.weixin.qq.com)

【简介】

项目开发的时候刚好遇到一个需求,需要在输入框输入名字的时候,弹出相应的人员列表提供选择,然后将数据赋值给输入框。项目是使用iview组件的,一开始想着在自定义iview的下拉选择,后来发现效果并不理想。为了实现功能,就在iview输入框的基础上进行了组件封装,下面就来讲下组件封装的过程。

点击查看原文 >>

@code小生 2021-12-05 19:26 / 0个评论
赞过的人: @IT技术博客大学习 @code小生
要不要再学学下面的文章?
NextJS/React 加载远程组件 (innei.in)
写过文档的大佬们都知道 MDX 这个东西,对原本的 Markdown 进行了扩展,可以在 Markdown 中直接使用框架组件(React,Vue 等等)。
现在也有很多静态生成的博客使用 MDX 去编写博文,在博文中内嵌了 React 组件,在一些需要交互式的场景中,在传统的 Markdown 只能展示内容,而使用了组件就可以把死的文字变活。
MDX 的原理是在项目构建时,解析 Markdown 抽象语法树,把引入的组件进行了编译,然后嵌入到了文章内部。
而使用 MDX,就必须要引入编译时。而对于 CMS 类型的博客网站,因为内容都是动态生成的,就无法使用 MDX。
那么有没有办法去想一个歪路子去实现呢。
by @技术头条 2024-03-13 13:21 查看详情
如何应对开源组件⻛险?软件成分安全分析(SCA)能力的建设与演进 (tech.meituan.com)
随着 DevSecOps 概念的推广,以及云原生安全概念的快速普及,研发安全和操作环境安全现在已经变成了近几年非常热的词汇。目前,在系统研发的过程中,开源组件引入的比例越来越高,所以在开源软件治理层面安全部门需要投入更多的精力。但由于早期技术债的问题,很多企业内部在整个研发流程中对使用了哪些开源组件、这些开源组件可能存在哪些严重的安全隐患等相关的问题,几乎是没有任何能力去进行收敛,多年前的 SCA(Software Composition Analysis 软件成分分析)技术又重出江湖,变成该领域⻛险治理的一个“神器”。本文主要探讨如何利用 SCA 技术实现对开源组件⻛险治理相关能力的建设与落地,希望给大家以启发或者帮助。
by @技术头条 2022-08-31 23:14 查看详情
SpringCloud架构的各个组件的原理分析 (mp.weixin.qq.com)
原理讲解前,先看一个最经典的业务场景,如开发一个电商网站,要实现支付订单的功能,流程如下:
by @code小生 2022-08-07 09:40 查看详情
SpringBoot四大核心组件,你知道几个? (mp.weixin.qq.com)
先透露一下,四大组件分别是:starter, autoconfigure, CLI 以及actuator。下面我们就来详细介绍一些他们有什么用。
by @code小生 2022-08-01 10:09 查看详情
Python的list列表详解 (www.ipcpu.com)
Python list(列表),是Python中最常用的一种数据结构,它是一组用方括号括起来、逗号分隔的数据。 列表的元素可以是任何类型的,但使用时通常各个元素的类型是相同的。 列表支持加入不同数据类型的元素:数字、字符串、列表、元组等。 列表是可变的,因此即使在创建后也可以对其进行更改。 Python中的列表是有序的,并且有一定数量。 根据确定的序列对列表中的元素进行索引,并使用0作为第一个索引来完成列表的索引。
by @技术头条 2022-07-24 20:59 查看详情
移动端输入框填坑 (www.alloyteam.com)
需求:输入框默认单行展示,随着用户输入,输入框中的内容自动换行,最多显示 3 行,超出部分可以滚动,要求可以输入超链接,输入框左边有个插入表情按钮,右边是发送按钮,输入框下面有个 checkbox。

产品:这个需求很简单,怎么实现我不管,反正下个月要上线。
by @技术头条 2022-06-19 22:58 查看详情
层次组件的问题 (blog.codingnow.com)
最近思考了 ECS 框架中的一些问题。

具体业务中,有许多组件的构成非常复杂,本质上数据是有层次结构的。用一个二维表的结构很难清晰表述。它还牵扯到另一个问题:是否需要支持一个实体有多个统一类型的组件。例如,玩家实体身上多个装备栏、多个技能 Buf 该如何表达?
by @技术头条 2022-06-19 19:22 查看详情
2021最顶级React组件库推荐 (mp.weixin.qq.com)
其实我主要把 Bootstrap 看作是一个 UI 库。它不会帮你赢得任何设计奖项,但可以用来完成一些边缘项目和最小可行产品。
by @code小生 2021-08-29 13:27 查看详情
响应至上:打造无卡顿的滚动列表 (fed.taobao.org)
在技术变化与发展如此之快的今天,web用户对页面的访问速度与响应度提出了越来越高的要求。

其中的“响应度”不仅仅是实现层面的问题,更是个设计问题,仅靠性能优化与更快的硬件是难以解决的。

本文以常见的「无尽滚动列表」场景为案例,阐述如何从交互的角度看待和提升用户体验的思路,提升页面的「响应度」。


by @技术头条 2021-05-27 07:19 查看详情
腾讯开源:Kotlin 高性能特效动画组件! (mp.weixin.qq.com)
VAP(Video Animation Player)是企鹅电竞开发,用于播放酷炫动画的实现方案。
by @code小生 2021-03-21 23:37 查看详情