组件设计

【Angular2】ExamPaper组件设计

引言在【Angular2】试卷整体设计中说到ExamPaper组件成为容器，接收后端数据，根据数据的不同挑选不同题型组件来渲染数据，同时它也可以接受各个题型组件返回的数据功能要求1.作为各个题型组件的容器，传递消息；2.接收数据，并根据数据的不同选择不同的组件渲染数据；代码说明htmlcode{{USN[j]+qt.questionTypeName}}{{qt.questionTypeDesc}}
Francis-Leo·2017-11-13 22:28

【Angular2】AnswerSheet组件设计

引言在【Angular2】试卷整体设计中说到AnswerSheet组件的卡功能是可以显示用户对每道题答题状态，点击答题卡可以定位到相应题目；同时，这里也有一些组件交互的问题需要讨论功能要求1.显示用户对每道题答题状态；2.点击答题卡可以定位到相应题目；代码说明htmlcode答题卡{{USN[i]+qt.questionTypeName}}{{j+1}}-->{{j+1}}{{k+1}}html说
Francis-Leo·2017-11-12 19:30

【Angular2】Information组件设计

引言Information组件是页面中侧边栏，用于显示一些相关信息，包括用户信息，时间信息，同时加入网络状态静默监测功能要求1.显示用户信息；2.显示时间；3.显示网络状态；4.提供交卷功能；代码说明htmlcode信息详情学院：{{student?.institutionName}}专业：{{student?.professionName}}学号：{{student?.studentCode}}
Francis-Leo·2017-11-12 14:31

【Angular2】OnlineExam组件设计

引言在【Angular2】试卷整体设计中说到OnlineExam组件是作为Information、ExamPaper、AnswerSheet组件的容器，同时也起到了控制页面布局的作用功能要求1.页面操作：用户可以动态操作侧边栏的显示与隐藏；2.传递数据：在组件交互中作为容器传递数据；代码说明htmlcodehtml说明采用bootstrap布局，使用3个div对页面进行分割，分别为2-8-2，对应
Francis-Leo·2017-11-12 09:36

写一个轮播图，学会 React Native

我学习Web的第一课，就是学习写一个轮播图，在写轮播图时自然地将html、css、js、DOM、组件设计等各方面简单的知识点给串起来了。
穿越过来的键盘手·2017-11-02 00:00

代码整洁之道·程序员的职业素养读书笔记

01|清楚你要什么02|担当责任03|不行损害之事不破坏软件功能不破坏结构04|职业道德了解你的领域设计模式GOF书中的24种设计模式设计原则SOLID原则组件设计原则方法XPScrum精益看板瀑布结构化分析结构化设计实践测试驱动开发面向对象设计结构化编程持续集成结对
MrException·2017-10-06 22:25

哔哩哔哩大数据采集服务—Lancer系统设计与实践

本文主要介绍了日志采集系统Lancer的整体架构包括各组件设计
·2017-09-06 13:00

Vue2.0 组件传值通讯的示例代码

示例如下：这里先说一下组件设计思路：明确整个功能场景，找出存在的事件操作，此例是一个简单的评价功能，即点击某一个星星时左边以及当前为选中的黄色星，右边为未选中的白色星。确定可复用的组件，即具有
Yunfly·2017-08-01 14:08

Vue2.0 组件传值通讯

示例如下：demo界面.png这里先说一下组件设计思路：明确整个功能场景，找出存在的事件操作，此例是一个简单的评价功能，即点击某一个星星时左边以及当前为选中的黄色星，右边为未选中的白色星。确定
Yunfly·2017-08-01 14:04

Weex渲染机制(一)

介绍一下工作机制：1.首先通过编写.vue文件，完成界面组件设计以及逻辑代码编写；2.Transformer:转换的意思，我们会借助Weex-Toolkit这个工具将.vue文件转换成.js文件
cjh94520·2017-07-15 14:28

React 组件设计和分解思考

ReactConf2017干货总结1:React+ESnext=♥React+Redux打造“NEWSEARLY”单页应用一个项目理解最前沿技术栈真谛一个react+redux工程实例......今天再来同大家讨论React组件设计的一个有趣话题
lucas_580e331d326b4·2017-06-27 00:00

SAP CRM 复用视图

UI组件设计的主要目标即可复用。例如：几乎每个事务都要处理合作伙伴（客户）。如果我们想要在WebUI显示那些合作伙伴，需要设计一个视图。
邹君安·2017-05-06 17:14

值得分享和收藏的xmlplus组件学习教程

基于组件设计在xmlplus中，组件是基本的构造块。评价组件设计好坏的一个重要标准是封装度。基于xmlplus设计的组件具有极高的封装度。
qudou·2017-05-05 11:26

xmlplus组件设计系列之图标（ICON）(1）

网页上使用的图标分可为三种：文件图标、字体图标和SVG图标。对于文件图标，下面仅以PNG格式来说明。PNG图标对于PNG图标的引用，有两种方式。一种是直接由HTML元素img的src属性给出。下面是一个简单的示例。Icon:{css:"#icon{width:68px;height:68px;}",xml:"",fun:function(sys,items,opts){this.attr("src
qudou·2017-05-05 11:12

xmlplus组件设计系列之网格（DataGrid）(10）

这一章我们要实现是一个网格组件，该组件除了最基本的数据展示功能外，还提供排序以及数据过滤功能。数据源为了测试我们即将编写好网格组件，我们采用如下格式的数据源。此数据源包含两部分的内容，分别是表头数据集和表体数据集。网格组件实例最终的列数由表头数据集的长度决定。vardata={gridColumns:['name','power'],gridData:[{name:'ChuckNorris',po
qudou·2017-05-05 11:47

xmlplus组件设计系列之文本框（TextBox)（3）

文本框是页面中最常用的输入组件，它的默认使用方式如下：当然，这里的`type='text'可以略去不写。大部分情况下，使用默认的文本框作为输入组件是没什么问题的，但在具体的项目中，难免会有功能扩展的需求。这里仅以如何增加文本框数据的格式化输入输出能力为例说明如何扩展原生的文本框组件。除了本章的内容，你也可以参考官方文档中的参数映射一章。目标组件的功能分析对于原生的文本框，我们获取到的值是文本类型的
qudou·2017-05-03 09:02

xmlplus组件设计系列之选项卡（Tabbar)（5）

这一章将设计一个选项卡组件，选项卡组件在手持设备上用的比较多，下面是一个示意图：选项卡组成在具体实现之前，想像一下目标组件是如何使用的，对于设计会有莫大的帮助。通过观察，可以将选项卡组件分为容器部分和子项部分，正如下面的XML结构所展示的。现在我们把目光切换到选项卡组件的子项部分，来看看子项部分是如何分解的。通过示意图，你可以发现子项部分可以分解为子项容器以及包含一个图标和一个文本的子级部分。首页
qudou·2017-05-03 09:17

xmlplus组件设计系列之下拉刷新（PullRefresh)（6）

“下拉刷新”由著名设计师LorenBrichter设计，并应用于Twitter第三方应用Tweetie中。2010年4月，Twitter收购Tweetie开发商Atebits后，该专利归Twitter所有。这一章我们就来看看如何实现一个简单的下拉刷新组件。目标组件分析和前面在设计组件时的做法一样，我们先想想看最终的成品组件是如何使用的，这需要点想像力。下拉刷新组件看成一个容器组件是合理的，用户可以
qudou·2017-05-03 09:55

xmlplus组件设计系列之路由（ViewStack)（7）

在浏览器端，对路由的理解一般是根据不同的URL完成页面的切换。在服务器端，则是根据不同的URL请求回馈相关的页面。在本章，我们广义的组件路由的定义：根据接收到的不同命令，组件对象呈现出不同的子级页面。在这里将介绍与路由相关的一个组件，即视图栈ViewStack。视图栈初步该组件在《文档》部分的最后一个章节《延迟实例化》已经出现过了。这里将对一些细节部分进行解读。下面再次给出该组件的源码。ViewS
qudou·2017-05-02 16:43

xmlplus组件设计系列之分隔框（DividedBox)（8）

分隔框（DividedBox）是一种布局类组件，可以分为两类，其中一类叫水平分隔框（HDividedBox），另一类叫垂直分隔框（VDividedBox）。水平分隔框会将其子级分为两列，而垂直分隔框则会将其子级分为两行。列与列之间以及行与行之间一般都会有一条可以拖动的用以改变子级组件大小的分隔条。下面仅以垂直分隔框为例来介绍此类组件是如何设计以及实现的。成品组件用例按照以往的设计经验，我们可以先写
qudou·2017-05-02 15:23

xmlplus组件设计系列之树（Tree）（9）

树形组件是一种具有层级结构的组件，广泛应用于各种场景。本章会实现一个简单的树形组件，尽管功能有限，但你可以通过扩展它来实现自己所需要的树形组件。数据源树形组件的数据源可以是JSON格式的数据对象，也可以是具有XML结构的数据或者是其它的具有层级结构的数据。本章将采用具有如下JSON格式的数据对象。vardata={name:'MyTree',children:[{name:'hello'},{na
qudou·2017-05-02 15:04

xmlplus组件设计系列之按钮（2）

除了图标以外，按钮也许是最简单的组件了，现在来看看如何定义按钮组件。使用原生按钮组件在xmlplus中，HTML元素也以组件的方式存在。所以，你可以直接通过使用button标签或者input标签来使用按钮组件。如下示例所示：Example:{xml:"\Default\Primary\"}虽然原生按钮外观不那么吸引人，但原生按钮未经特殊包装，所以渲染起来最快，执行效率最高。使用Bootstrap样
qudou·2017-04-26 14:57

xmlplus组件设计系列之列表（4）

列表组件是极其常用的一类组件，是许多视图组件系统的必须包含的。列表可以做的很简单，只显示简洁的内容。列表也可以做的很复杂，用于展示非常丰富的内容。组成元素列表离不开列表项以及包含列表项的容器。下面是最简单的列表组件，它包含一个列表项组件Item以及一个列表项容器组件List。Item:{xml:""},List:{xml:""}此列表组件尽管简单，但所构建的框架为我们的继续扩展奠定了基础。动态操作
qudou·2017-04-26 12:55

十六、组合模式 Composite

应用：当你发现需求中是体现部分与真题层次的结构是，以及你希望用户可以忽略组合对象与单个对象的不同，统一使用组合结构中的所有对象时，就应该考虑使用组件设计模式。
格乄子·2017-03-29 17:05

Excel导出公共组件设计

自己动手实现一个Excel导出公共组件！！！！文章主要分为以下几个部分来说明：1、明确目标2、技术预研3、技术方案选型与方案设计4、技术实施下面是实现一个Excel导出模块的目标：通过自定义注解解析需要导出的Excel格式支持自定义日期显示格式支持是否显示自增列支持约定的属性的枚举转换（比如YWG->已完工）少量数据直接导出（5000条内）对于大数据量支持分页导出（支持全量数据导出，百万级）超大规
shu_lin·2017-03-16 10:22

react:material-ui源码解析（持续更新）

本文主要对基于react的UI库material-ui源码分析，重点关注组件设计方面，学习其抽取组件和主题的思想。技术栈react-material-ui是基于react的UI库。
candice2cc·2017-02-28 20:04

程序员的职业素养--笔记

第一章专业主义了解领域知识软件开发人员必须精通的知识：设计模式GOF中的24种，POSA中的实战经验设计原则SOLID原则，组件设计原则方法Scrum、精益、看板、瀑布、结构化分析、结构化设计等实践测试驱动开发
LuffyLee·2017-02-08 20:15

2017技术计划

2017年技术上的计划如下：深入学习Hbase，说来惭愧在业务中已经用了2年多HBase，没有深入去研究(运维的比较少)，所以希望今年在业务开发、运维、组件设计等方面做些工作，个人觉得Hbase相对于R
carlosfu·2017-01-15 15:00

React组件设计

根据原文实例，概括记录一下，便于回忆；1.像设计师一样思考已知“低保真原型和JSON数据结构”；通过对比、重复、亲密性原则进行组件的划分，定义组件并命名；然后划分组件层次（并列、包含）；2.构建静态版本利用数据模型渲染一个没有交互的静态版本；可以自上而下或者自下而上的构建静态组件；要求组件只使用render()方法，且只能用props传递数据；3.确定最小的可变状态（state）如何确定最小的st
米花儿团儿·2017-01-15 00:00

react:material-ui源码解析（持续更新）

本文主要对基于react的UI库material-ui源码分析，重点关注组件设计方面，学习其抽取组件和主题的思想。技术栈react-material-ui是基于react的UI库。
candice2cc·2016-12-28 00:00

《WePayUI组件设计的秘密》——2016年第一届前端体验大会分享

本文是博主参加第一届前端体验大会|物勒工名做的分享《WePayUI组件设计的秘密》，内容主要分为2个部分：一、浅析UI库/框架的未来讨论的UI库或者框架，主要包含展示和交互的css框架或库，结合我这5年的工作经历
白树·2016-09-26 15:00

Java实现组件的生命周期化

这时我们为这些组件设计一套通用的生命周期机制会是一种很好的实现方法，既加强了代码的组织也降低了维护的代价。首先要实现一套生命周期机制需要哪些类呢？
莫名的拉风·2016-08-27 22:00

Java实现组件的生命周期化

这时我们为这些组件设计一套通用的生命周期机制会是一种很好的实现方法，既加强了代码的组织也降低了维护的代价。首先要实现一套生命周期机制需要哪些类呢？
莫名的拉风·2016-08-27 22:00

Flume简介和配置实战

但随着FLume功能的扩展，FlumeOG代码工程臃肿、核心组件设计不合理、核心配置不标准等缺点暴露出来，尤其是在FlumeOG的最后一个发行版本0.94.0中，日志传输不稳定的现象尤为严重，为了解决这些
chenjieit619·2016-07-28 18:08

[ES6-iOSCode]React Native控件之ListView(列表组件)

该组件设计用来高效的展示垂直滚动的数据列表。最简单的API就是创建一个ListView.DataSource对象，同时给该对象传入一个简单的数据集合。
暖游丶·2016-07-15 13:38

模块与模块之间通信设计-组件设计思想

 --模块与模块之间的设计，除了大范围的设计模式，更多不属于模式的多种方法调用都可以通信。        -- 如何设计低耦合的，高内聚的模块之间通信？原则：        -- 1.用管理器用接口，尽量关联接口(管理器），在其它模块中用管理器设置和调用，而不是关联具体的类（会导致太错综复杂）。        -- 2.高内聚控制变量，关于本模块相关的控制尽量写在自身模块中，其它模块调用本模块设置
Blues1021·2016-07-05 10:00

flume简介与监听文件目录并sink至hdfs实战

但随着FLume功能的扩展，FlumeOG代码工程臃肿、核心组件设计不合理、核心配置不标准等缺点暴露出来，尤其是在FlumeOG的最后一个发行版本0.94.0中，日志传输
彭宇成·2016-06-02 17:32

第86讲：SparkStreaming数据源Flume实际案例分享

但随着FLume功能的扩展，FlumeOG代码工程臃肿、核心组件设计不合理、核心配置不标准等缺点暴露出来，尤其是在FlumeOG的最后一个发行版本0.94.0中，日志传输不稳定的现象
qq_21234493·2016-04-26 15:00

Delphi快捷键

分类快捷键解释备注组件设计类Escape选择当前组件容器 Shift+Click选择多个组件；选择窗体 Tab选择下一个组件 Shift+Tab选择上一个组件 方向键选择此方向的下一个组件 Ctrl+方向键将所选组件的位置移动
buffoon1900·2016-04-22 13:00

第86课：SparkStreaming数据源Flume实际案例分享

但随着FLume功能的扩展，FlumeOG代码工程臃肿、核心组件设计不合理、核心配置不标准等缺点暴露出来，尤其是在FlumeOG的最后一个发行版本0.94.0中，日志传输不
18610086859·2016-04-21 21:26

AndroidUI设计思想：程序易用性

制作成功的软件产品需要谨慎的计划、架构设计、对象关系设计、模块组件设计、数据库设计、可维护性设计、
Missueverday·2016-03-31 10:00

JavaScript组件设计思想

上个周，并肩作战的田老师离职了，尽管在一起愉快玩耍的时间不到一年，自己仍然还是从其身上学到、体会到了好多关于知识、理想的东西。对于大多数年轻人关于“晚上想想千条路，早上起来走原路”的现状，他那种敢于甩掉一切去做自己感兴趣、梦想的事的勇气是我所钦佩的。在此，祝愿田老师一切顺利。在最后一次交接会议上，田老师阐述了一个观点，“当你学会了用‘分层思想’去看待事情，任何的问题都不是问题，都可以实现”。当然，
ligang2585116·2016-03-19 19:00

React Native中设计主题机制

昨天和同事讨论组件隔离性的时候讨论到关于默认样式的问题：很多情况下我们希望能够把组件设计为通用的，然后在具体项目中给他们指定一些通用的样式，譬如：背景颜色、默认字体等等。
suxun·2016-03-03 09:00

HTML5拓扑图形组件设计之道（一）

HTforWeb（http://www.hightopo.com/guide/readme.html）提供了涵盖通用组件、2D拓扑图形组件以及3D引擎的一站式解决方案，正如Hightopo官网所表达的我们希望提供：Everythingyouneedtocreatecutting-edge2Dand3Dvisualization.这个愿景从功能上是个相当长的战线，从设计架构上也是极具挑战性的，其实H
xhload3d·2016-02-26 07:14

HTML5拓扑图形组件设计之道（一）

阅读更多HTforWeb（http://www.hightopo.com/guide/readme.html）提供了涵盖通用组件、2D拓扑图形组件以及3D引擎的一站式解决方案，正如Hightopo官网所表达的我们希望提供：Everythingyouneedtocreatecutting-edge2Dand3Dvisualization.这个愿景从功能上是个相当长的战线，从设计架构上也是极具挑战性的
xhload3d·2016-02-26 02:00

HTML5拓扑图形组件设计之道（一）

阅读更多HTforWeb（http://www.hightopo.com/guide/readme.html）提供了涵盖通用组件、2D拓扑图形组件以及3D引擎的一站式解决方案，正如Hightopo官网所表达的我们希望提供：Everythingyouneedtocreatecutting-edge2Dand3Dvisualization.这个愿景从功能上是个相当长的战线，从设计架构上也是极具挑战性的
xhload3d·2016-02-26 02:00

HTML5拓扑图形组件设计之道（一）

HTforWeb（http://www.hightopo.com/guide/readme.html）提供了涵盖通用组件、2D拓扑图形组件以及3D引擎的一站式解决方案，正如Hightopo官网所表达的我们希望提供：Everythingyouneedtocreatecutting-edge2Dand3Dvisualization.这个愿景从功能上是个相当长的战线，从设计架构上也是极具挑战性的，其实H
xhload3d·2016-02-26 02:00

矢量化的HTML5拓扑图形组件设计

HT一直被客户称道的就是其全矢量化的设计特色，矢量相比传统图片好处太多了：www.hightopo.com/guide/guide/core/vector/ht-vector-guide.html矢量可无级缩放，界面不失真不模糊描述矢量的文本内容远比图片小得多目前各种window.devicePixelRatio不一致的设备，矢量可能是唯一彻底的解决方案业务数据绑定提起矢量一般都会想到SVG，但这
hightopo·2016-02-26 00:00

矢量化的HTML5拓扑图形组件设计

HT一直被客户称道的就是其全矢量化的设计特色，矢量相比传统图片好处太多了：矢量可无级缩放，界面不失真不模糊描述矢量的文本内容远比图片小得多目前各种window.devicePixelRatio不一致的设备，矢量可能是唯一彻底的解决方案业务数据绑定提起矢量一般都会想到SVG，但这是个坑人的玩意儿，这么多年就没见一个完善的实现者，浏览器实现千差万别，高级属性根本不能玩，AdobeSVGViewer好多
xhload3d·2016-02-20 08:36

矢量化的HTML5拓扑图形组件设计

HT一直被客户称道的就是其全矢量化的设计特色，矢量相比传统图片好处太多了：www.hightopo.com/guide/guide/core/vector/ht-vector-guide.html矢量可无级缩放，界面不失真不模糊描述矢量的文本内容远比图片小得多目前各种window.devicePixelRatio不一致的设备，矢量可能是唯一彻底的解决方案业务数据绑定提起矢量一般都会想到SVG，但这
u013161495·2016-02-19 22:00
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他