组件设计

全新的 React 组件设计理念 Headless UI

作者：彭瑞(皮尔)其实，最早接触HeadlessUI是在去年，碰巧看到了一个非常前沿且优秀的组件库----ChakraUI，这个组件库本身就是HeadlessUI的实践者，同时也是CSS-IN-JS的集大成者。我当时看过之后，就对该理念产生了很大的兴趣，同时工作中也正好有机会实践（着手公司开源组件库大版本重构），因此对该理念也有一定的实践经验。那么今天，也是想和大家分享介绍下这项还算前沿的技术，另
·2022-12-14 14:38

【Datawhale跨模态实践学习笔记】Jina体验

并结合Jina的其他组件设计，帮助你快速的把向量数据利用起来，实现多模态的数据搜索。三个基本概念Document、Executor和Flow是Jina的三个基本概念。
JeffDingAI·2022-12-14 05:12

React 高频面试题-大厂必问

React对于react的理解一.是什么React,用于构建用户界面的JavaScript库,只提供UI层面的解决方案遵循组件设计模式,声明式编程范式和函数式编程概念,以使前端应用程序更高效使虚拟DOM
Huahua666_·2022-12-12 09:26

奇舞周刊第 427 期：Taro 3.5 canary 发布：支持适配鸿蒙

Web图像组件设计的最佳实践网页中的图片处理一直是Web开发的一大挑战，今天跟大家来一起看看Next.js中的Image组件，我觉得这个组件的设计有很多值得借鉴的地方，可以作为图片组件设
奇舞周刊·2022-12-11 19:25

Vue通过字符串关键字符实现动态渲染input输入框

目录问题描述{xxx}标识字符渲染Dom组件设计组件开发重点输入完成事件动态编辑文本今天做一个简单的demo，就是有一个字符串，字符串里面有标识符，前端检测到标识符之后，需要将这个标识符转换成一个input
·2022-12-09 18:17

C++设计模式之桥模式

单一组件模式：在软件组件设计中，如果责任划分的不清晰，使用继承得到的结果往往是随着需求的变化而变化，子类急剧膨胀，同时充斥着重复代码，这时候的关键是划清责任。典型的单一组件模式有装饰模式和桥模式。
@Finish_all·2022-11-21 15:58

DataWhale-VCED项目学习-2Jina

JinaJina是多模态中存储数据以及处理数据的组件，它可以将非结构化数据(图像、文档、视频等)转化为向量数据，并结合Jina其它的相关组件设计，可以将这些向量数据利用起来，实现多模态相关应用。
uncle_ll·2022-11-20 09:46

【VCED】Jina

并结合Jina的其他组件设计，帮助你快速的把向量数据利用起来，实现多模态的数据搜索。2.Jina的三个基本概念Document、Executor和Flow是Jina的三个基本概念。
KKK_Kiral·2022-11-20 09:38

【Datawhale跨模态实践学习笔记】Jina体验

并结合Jina的其他组件设计，帮助你快速的把向量数据利用起来，实现多模态的数据搜索。三个基本概念Document、Executor和Flow是Jina的三个基本概念。
JeffDingAI·2022-11-19 07:19

跨模态神经搜索实践VCED Jina入门

并结合Jina的其他组件设计，帮助快速的将向量数据利用起来，实现多模态的数据搜索。1.2Jina的三个基本概念Jina包括三个基本概念：Documen
includeSteven·2022-11-19 07:16

vue整体项目笔记

前端工程师的日常工作：项目工程架构业务开发：UI还原、组件设计、业务逻辑实现项目上线测试驱动开发一、Vue项目创建1、安装node.js环境（node-v验证）A->BC->D->E依赖的层级关系2、安装
Life a dream·2022-10-31 07:34

React组件设计模式-纯组件，函数组件，高阶组件

一、组件(1)函数组件如果你想写的组件只包含一个render方法，并且不包含state，那么使用函数组件就会更简单。我们不需要定义一个继承于React.Component的类，我们可以定义一个函数，这个函数接收props作为参数，然后返回需要渲染的元素。functionSquare(props){return({props.value});}(2)React.ComponentshouldComp
·2022-10-18 16:35

聊聊React中的权限组件设计

所谓的权限控制是什么？一般后台管理系统的权限涉及到两种：资源权限数据权限资源权限一般指菜单、页面、按钮等的可见权限。数据权限一般指对于不同用户，同一页面上看到的数据不同。本文主要是来探讨一下资源权限，也就是前端权限控制。这又分为了两部分：侧边栏菜单路由权限在很多人的理解中，前端权限控制就是左侧菜单的可见与否，其实这是不对的。举一个例子，假设用户guest没有路由/setting的访问权限，但是他知
前端码农小王·2022-10-13 22:13

面试官: 说一下前端组件设计的原则

其中之一就是组件设计，包括组件层次结构设计以及组件各自的职责划分。组件是大多数现代前端框架的基本概念之一，在React和Vue以及Ember和Mithril等框架中均有所体现。
React 中文社区·2022-10-08 17:31

用上帝视角来看待组件的设计模式

组件设计，从简单来看，就是如何提高编码效率，提高代码的复用率的方法，从高级来看，这是一门程序设计的艺术最近看了redux作者——DanAbramov写的《PresentationalandContainerComponents
weixin_33749242·2022-09-28 03:56

记一个“奇葩”需求的实现

本文记录一下魔改'element-ui'导航菜单的经历，抓住UI框架组件设计的三要素：属性、事件、方法，了解框架组件背后的工作原理，轻松实现UI想要的界面交互。
甜点cc·2022-09-03 13:00

如何使用Vue3设计实现一个Model组件浅析

目录一、组件设计二、需求分析三、实现流程目录结构组件内容实现API形式事件处理其他完善总结一、组件设计组件就是把图形、非图形的各种逻辑均抽象为一个统一的概念（组件）来实现开发的模式现在有一个场景，点击新增与编辑都弹框出来进行填写
·2022-08-06 08:23

实战+源码 带你快速掌握React Hooks

ReactHooks大纲函数式编程什么是纯函数什么是副作用（Effect）为什么要使用纯函数React函数组件和类组件的区别为什么会出现ReactHooks前言-React组件设计理论-什么是Hooks
这个前端不太冷·2022-08-01 10:00

Vue组件实现卡片动画倒计时示例详解

目录前言需求拆解组件设计思路具体开发animate-clock.vueanimate-card项目中使用后记前言最近有朋友在做投票的项目，里面有用到一个倒计时的组件，还想要个动画效果。
·2022-07-29 13:52

微信小程序实现一个手势图案锁组件

组件设计我们主要从页面展示效果和交互效果来进行具体分析：1、页面效果1.1九宫格圆点排列使用flex布局和flex-wra
JYeontu·2022-07-25 09:25

vue实现一个鼠标滑动预览视频封面组件

效果预览B站效果组件效果体验地址组件实现组件设计我们首先应该要对组件进行一个简单的设计。
JYeontu·2022-07-25 08:21

React中的权限组件设计问题小结

目录背景所谓的权限控制是什么？实现思路路由权限菜单权限背景权限管理是中后台系统中常见的需求之一。之前做过基于Vue的后台管理系统权限控制，基本思路就是在一些路由钩子里做权限比对和拦截处理。最近维护的一个后台系统需要加入权限管理控制，这次技术栈是React，我刚开始是在网上搜索一些React路由权限控制，但是没找到比较好的方案或思路。这时想到antdesignpro内部实现过权限管理，因此就专门花时
·2022-07-13 14:21

如何设计一个漂亮的仪表盘—Jeecg仪表盘轻松实现【数据可视化专题】

操作简单，通过拖拽即可完成图表或表格等多种组件设计无需编码，5分钟零门槛打造出专业数据展示。支持多种数据来源配置，支持数据实时刷新定时或websocket，及数据过滤方便快捷。
·2022-07-11 17:21

React组件设计过程之仿抖音订单组件

目录前言前期准备实现后的组件效果1.组件设计思路2.实现Myorder组件2.1实现tab切换效果2.2获取数据2.3实现搜索功能2.4设置loading状态2.5实现Empty(空状态)组件3.实现OederList
·2022-07-05 16:22

Vue组件------star组件设计

文章目录一需求明确一问题分析二.代码实现三.调用总结vue小总结参考文档何时使用对评价进行展示一需求明确实现一个star组件,展示5个星,支持(全星,半星,空星),支持大小(24px,36px,48px)一问题分析要展示5颗星,v-for接口定义属性默认值备注size48(备选项,48,36,24)星星的大小(单位px)scoreNumber星星个数,为3.6展示3星半图片定义.star24_ha
小李科技·2022-06-25 02:20

Vue 异步组件的实现原理

因此在Vue开发过程中，我们会把一些非首屏的组件设计成异部组件，部分
·2022-06-24 08:02

全自研客户端技术方案：优酷跨端动态模板引擎优酷跨端动态模板引擎

作为内容分发的主体，优酷客户端在产品展现层的主要特点是组件设计的规范化和卡片化。优酷动态模板引擎在问题定义上将组件作为了我们的问题空间模型，不仅很好的规避了如Weex、ReactNat
阿里巴巴文娱技术·2022-06-09 16:58

桌面小组件AppWidgetProvider

AppWidgetProvider属性说明minHeight&minWidth小组件设计previewImage预览图(长按桌面查看小组件列表时显示的icon)resizeMode可伸缩的方向updatePeriodMillis
WotYang·2022-06-04 08:12

vue封装一个图案手势锁组件

目录说在前面效果展示预览地址实现步骤1.组件设计2.组件分析3.组件实现4.组件使用组件库引用源码地址组件文档说在前面现在很多人都喜欢使用图案手势锁，这里我使用vue来封装了一个可以直接使用的组件，在这里记录一下这个组件的开发步骤
·2022-05-31 10:08

【组件封装】二次封装el-pagination，拒绝繁琐配置

每个页面都这样子使用的话既容易出现错误，也会造成代码冗余组件设计（完整版）p-el-pagination默认的属性，如background、small、page-sizes等，请根据实际业务修改默认值调用效果及代码
·2022-05-11 15:08

全自研客户端技术方案：优酷跨端动态模板引擎优酷跨端动态模板引擎

作为内容分发的主体，优酷客户端在产品展现层的主要特点是组件设计的规范化和卡片化。优酷动态模板引擎在问题定义上将组件作为了我们的问题空间模型，不仅很好的规避了如Weex、ReactNat
·2022-04-24 20:51

移动端日历组件设计与实现

前言在大多数的客户端应用中，日期的选择与操作是一个常见的功能，使用日历组件完成对于这一功能的实现，往往是一个高效的解决方案。对于日历组件的设计与开发，在常见的开源项目中，通常有两种设计思路：横向切换展示，默认渲染单个月份，通过按钮或左右滑动，进行月份切换；纵向切换展示，默认渲染展示多个月份，上下滑动进行月份切换；例如添加picker进行视图切换，添加自定义按钮，日期单选/多选，自定义文案，日期范围
·2022-04-18 18:49

移动端日历组件设计与实现

前言在大多数的客户端应用中，日期的选择与操作是一个常见的功能，使用日历组件完成对于这一功能的实现，往往是一个高效的解决方案。对于日历组件的设计与开发，在常见的开源项目中，通常有两种设计思路：横向切换展示，默认渲染单个月份，通过按钮或左右滑动，进行月份切换；纵向切换展示，默认渲染展示多个月份，上下滑动进行月份切换；例如添加picker进行视图切换，添加自定义按钮，日期单选/多选，自定义文案，日期范围
·2022-04-18 08:59

【QT C++ TCP通信调试助手】

基于Qt5的c++Tcp/Ip通信写在前面的话：本文是在Qt5.12.2平台上用c++写的tcp客户端与服务端的局域网通信，使用Qt自带的组件设计的界面，通过信号与槽机制实现ui界面中如QPushButton
Y12010706·2022-03-23 18:43

微信小程序图片上传组件实现图片拖拽排序

目录引言首先来看效果组件设计使用方式总结引言图片上传组件是一个组件库目前来看必不可少的功能了。笔者近日给自己开源的toy工具库也添加了这一功能。
·2022-03-23 17:56

简单快速部署React，上手Web开发更轻松

同时React还可以为你应用的每一个组件设计简洁的视图，当数据改变时React能有效地更新并正确地渲染组件。
·2022-03-23 14:31

06 小安猜价格【第一课时】

数据类型以及全局变量的定义·运算：赋值、算术、比较、逻辑2）复习二：程序结构·顺序、分支、循环3）随机数生成4）表格布局的使用2、学习重点：数据与数据运算3、学习难点：分支结构与循环结构二、展示与分析三、组件设计
陌上花喵·2022-02-21 07:49

按钮组件设计

首页给大家分享关于按钮的的一些规范重点概览1.什么是按钮2.按钮的起源3.按钮风格发展史4.按钮解刨5.按钮的基础规范6.写在最后一、什么是按钮首先我给要大家分享的时是关于用户界面中基础组件中的按钮，它是标记了一个操作命令，响应用户点击行为，用户点击触发得到相应的业务逻辑和结果，按钮只需轻按一下即可采取行动并得到相应的结果按钮有五种类型：主要按钮、默认按钮、虚线按钮、信息提示按钮、文字链接按钮。虽
不去思太多·2022-02-20 16:03

React一字棋游戏微实践

demo演示：demo.gif组件设计：QQ截图20180220114251.png1、Game组件，由一个Board组件和游戏步骤列表组成。Board是游戏区域。
夏海峰·2022-02-18 14:23

黑猴子的家：Flume简介

但随着Flume功能的扩展，FlumeOG代码工程臃肿、核心组件设计不合理、核心配置不标准等缺点暴露出来，尤其是在FlumeOG的最后一个发行版本0.9.4.中，日志传输不稳定的现象尤为严重，为了解决这些
黑猴子的家·2022-02-16 03:20

TCP组件设计篇（详细设计）

绝学无忧，唯之与阿，相去几何？善之与恶，相去若何？人之所畏，不可不畏。荒兮其未央哉！众人熙熙如享太牢、如春登台。我独泊兮其未兆，如婴儿之未孩；儡儡(lěi,羸弱)兮若无所归。众人皆有馀，而我独若遗。我愚人之心也哉！沌沌兮。俗人昭昭，我独昏昏；俗人察察，我独闷闷。众人皆有以，而我独顽且鄙。我独异於人，而贵食母。------《道德经-第二十章》功能定义：1：基于SSLTCP连接2：支持多种解码器(St
撸二行代码·2022-02-15 06:21

js组件设计

日常工作中经常会用到各种的js插件，他们是怎么做的呢，这里假设制作一个滑块组件Slider。html:js:varlist=[{},{},{},…]//数据//构造函数functionSlider(opts){//构造函数需要的参数this.wrap=opts.dom;//domthis.list=opts.list;//数据//构造三步曲this.init();this.renderDOM();
疾风劲草ccy·2022-02-07 18:34

架构师训练营第10周作业 微服务

服务提供者.png服务调用者.png关于微服务架构（中台架构、领域驱动设计、组件设计原则），你有什么样的思考和认识？
浩哥有料·2022-02-05 19:35

《Go组件设计与实现》-netpoll的总结

主要针对字节跳动的netpoll网络库进行总结。netpoll网络库相比于go本身的net标准库更适合高并发场景。基础知识netpoll与go.net库一样使用epoll这种IO多路复用机制处理网络请求。基本理解我们知道linux万物皆文件，每个文件有个文件标识符fd，我们可以想象linux提供给我们的socketfd就是操作系统将传输层及以下的协议进行封装抽象化的一个接口。我们可以简单把sock
·2022-01-19 11:41

【Vue3+Vite+TS】4.0 组件三：省市区选择组件

必备UI组件省市区选择组件将用到以下几个组件：Select选择器组件设计修改src\router\index.ts/**@Author:bobokaka*@Date:2021-12-1911:26:38
bobokaka·2021-12-22 09:28

Java Swing编写一个简单的计算器软件

目录实现要求实现代码：实现要求1、使用Java图形界面组件设计软件，界面如图所示。2、软件能够满足基本的“加、减、乘、除"等运算要求。3、程序代码清晰，语法规范，结构合理，逻辑正确。
·2021-12-20 12:11

前端React面试题总结

React遵循组件设计模式、声明式编程范式和函数式编程概念，以使前端应用程序开发更高效。同时，React使用虚拟DOM来有效地操作DOM，遵循从高阶组件到低阶组件的单向数据流。
·2021-12-05 12:39

可拖拽流程图组件开发

组件设计首先需要设计好配置参数，然后就是讲配置参数融入到样式的设计处理上，最后是实现组件拖动并实时展示效果。
·2021-11-06 09:30

vue组件设计

Vue设计思想组件设计主要是模块设计，主要体现在UI、基本功能、业务需求、性能。UI即我们写的html代码主要是界面布局样式等。基本功能指的是实现我们需要的如按钮的常用功能。
_鸭鸭·2021-10-11 08:04

vue实现多栏布局拖拽

最典型的案例：编辑器（eg:vscode,idea等）三、组件设计由于该组件盒子数量不确定，所以我们设计组件时参考了Vuetify中的Form和FormItem的设计。
·2021-09-13 19:22
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他