Vue-React组件设计

React 组件设计

对React组件状态的定义状态,即State,在一个应用系统中,如果一个值(Value)会因为在某个时态发生改变,即认为这个值(Value)是一个状态,对于不会随时态发生变化的State,我们则称为值，基于这点,可以将组件分为无状态有值,无状态无值,有状态有值,有状态无值四类UI组件.由此我们可以推测出,在一个应用系统中,不仅仅是状态的管理更是对值的管理.PureUIComponent(无状态无值
柳郎中·2023-03-22 06:06

精通React/Vue系列之手把手带你实现一个功能强大的通知提醒框(Notification)

前言本文是笔者写组件设计的第十篇文章,今天带大家实现一个比较特殊的组件——通知提醒框(Notification)。
徐小夕@趣谈前端·2023-03-19 09:32

vue树形结构的实现

组件设计Tree组件最适合的结构是无序列列表ul，创建一个递归组件Item表示Tree选项，如果当前Item存在children，则递归渲染子树，以此类推;同时添加一个标识管理理当前层级item的展开状态
李欢li·2023-03-14 10:56

iOS Widget 从入门到放弃-缘起

iOS14中苹果工程师给我们引入了一个引人注目的，全新主屏幕体验，即更加动态和个性化的Widget，不过我更喜欢称他今天的主角--窗口小组件丰富多彩的主页小组件设计新颖
coder_那一抹刚吹过的风·2023-03-13 06:23

Linux C/C++后台开发高级架构师进阶指南-剑指腾讯T9

---------------------------------------------------------------------------------------精进基石高性能网络设计基础组件设计中间件开
Linux服务器开发·2023-03-08 22:46

可视化搭建 - 容器组件设计

可视化搭建会遇到如下三类容器组件：简单容器：以children容纳子组件的容器。卡片容器：以props.header加上props.header等多个插槽容纳子组件的容器。Tab容器：以props.tabPanel[x]等动态数量插槽容纳子组件的容器。画布本身也是一个容器组件，所以可视化搭建离不开容器。另一方面，我们应该允许给组件props传入React组件实例，但组件树是可序列化的JSON结构，
·2023-02-20 09:02

从零开始搭建Vue组件库

前言：组件设计是通过对功能及视觉表达中元素的拆解、归纳、重组，并基于可被复用的目的，形成规范化的组件，通过多维度组合来构建整个设计方案，將这些组件整理在一起，便形成组件库。
·2023-02-17 11:23

如何从0开始搭建 Vue 组件库

作者：京东零售陈艳春前言：组件设计是通过对功能及视觉表达中元素的拆解、归纳、重组，并基于可被复用的目的，形成规范化的组件，通过多维度组合来构建整个设计方案，將这些组件整理在一起，便形成组件库。
·2023-02-16 20:23

Enterprise Architecture基本操作与常用图例

EnterpriseArchitecture简介SparxSystems的EnterpriseArchitect是一个完整生命周期的UML工具：设计和建造一个广泛的软件系统业务分析，业务流程建模，管理需求系统建模，系统架构建模，组件设计
玖石书·2023-01-31 16:32

长光工程师培训20180202--07

课程设计--孙老师、李老师、助教可见4m变倍组件设计孙老师以可见2m变倍组件为例详细讲解设计过程1.主光路2.分光路3.透镜组设计4.透镜装配5.镜座尺寸设计6.镜间隔尺寸保证7.压圈尺寸设计8.隔圈尺寸设计
遇见学无止境·2023-01-30 09:55

ECS问题记录

由共享组件设计可以得知，在给Entity设定相同参数的共享组件时，这些Entit
BacteriumFox·2023-01-29 02:54

跨模态神经搜索实践VCED-Jina学习

并结合Jina的其他组件设计，帮助你快速的把向量数据利用起来，实现多模态的数据搜索。2.Jina的三个基本概念Document、Executor和Flow是Jina的三个基本概念。
我有一码·2023-01-27 08:30

APP Inventor练习——蓝牙通信

文章目录前言一、蓝牙调试1.组件设计2.逻辑设计二、蓝牙对战1.组件设计2.逻辑设计3.效果展示总结前言练习APPInventor中蓝牙的使用，并为之前的项目APP小游戏——一个都不能死增加了蓝牙对战功能
Mr_Stutter·2023-01-08 15:43

基于Andriod的简易记事本APP设计与实现

具体过程如下：组件设计：本项目涉及到以下组件:TextView：“记事本”，“编辑”等标题；Button：“添加”，“保存”，“取消”按钮等；Switch：设置目录里用于转换语言文本等
2rui13·2022-12-22 11:16

QT-QML制作登录界面

下面我们一起使用QML和QtQuick组件设计界面。1，创建项目。file-newfileorproject,选择application--QtQuickAppl
飞驰的蜗牛牛·2022-12-18 08:20

2022 软件测试选择题【太原理工大学】

C.软件设计评审含有对系统架构设计、组件设计和界面设计的评审。D.黑盒测试是不能穷举的。2.有关软件评审，下列叙述错误的是（
小猴子 M6·2022-12-17 20:47

全新的 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
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他