- 浏览: 510132 次
- 性别:
- 来自: 初到北京
最新评论
-
javamonkey:
有点老了,有个Teb测试,这个性能测试很标准http://gi ...
几款模板引擎的性能对比 -
greenlaw110:
xuyao 写道sdh5724 写道xuyao 写道很好,nn ...
几款模板引擎的性能对比 -
sefier:
不知道你看的是哪个版本的,现在所看到的版本和你所描述的不一致, ...
Facebook XHP 调研 -
javatar:
我觉得从通用语言去思考可能更有意思,满足八封其实就是一个完备集 ...
五行通天地 八卦定乾坤--打算按照先天八卦的形制重构Lite模版引擎的指令集 -
luo2pei4321:
MVEL的官方例子里面好像只支持Integer和String两 ...
表达式引擎JSEL介绍
JSI组件模型是一种用来装饰简单html元素的框架,使用简单的xml标记,标识其装饰行为,比如将一个普通的input装饰成一个日期输入控件,将一 个html ul标记装饰成菜单或树,将一个textarea装饰成一个代码语法高亮显示区域,或一个wysiwyg html编辑器。
JSI启动后将自动检查decorator标记,构建层次结构,自动做相关类的寻找、导入和装饰操作;实现零脚本代码的web富客户端编程。
页面上有: 标签页装饰器(TabBox….)、源代码高亮显示装饰器(Code)、日期选择装饰器(DatePicker)、包含装饰器(Include):
云想衣裳花想容--JSI组件模型介绍(二)已经发布,那里有装饰过程及其原理的介绍:
http://www.iteye.com/topic/71425
webapp1即html5,只是webapp1可以有html形式或者xhtml形式。
关于webapp1和wf2,我提出来,是想建议楼主考虑朝标准化方向靠近。与其自己搞一套组件模型,不如实现这些发展中的标准(甚或扩展之)。例如不是自己设计自己的include标签,而是实现一下xinclude,又如不是搞一个datepiker,而是实现webapp1所做的input扩展。甚至实现整个xforms标准,那就非常棒啦!
xforms的实现有formface 不过没有文档 可能要收费吧. 我一直没有实验成功
webapp1即html5,只是webapp1可以有html形式或者xhtml形式。
关于webapp1和wf2,我提出来,是想建议楼主考虑朝标准化方向靠近。与其自己搞一套组件模型,不如实现这些发展中的标准(甚或扩展之)。例如不是自己设计自己的include标签,而是实现一下xinclude,又如不是搞一个datepiker,而是实现webapp1所做的input扩展。甚至实现整个xforms标准,那就非常棒啦!
不错的建议,模仿已有的标准,可以降低学习成本。
现在的标签也都是模仿mozilla的xul的。
改改几个标签名,也是很简单的事情。
webapp1即html5,只是webapp1可以有html形式或者xhtml形式。
关于webapp1和wf2,我提出来,是想建议楼主考虑朝标准化方向靠近。与其自己搞一套组件模型,不如实现这些发展中的标准(甚或扩展之)。例如不是自己设计自己的include标签,而是实现一下xinclude,又如不是搞一个datepiker,而是实现webapp1所做的input扩展。甚至实现整个xforms标准,那就非常棒啦!
几百毫秒是说一个测试用的上兆的大文件,一般网页不会有这么大,自然也就不会怎么耗时。
但是引用的js控件都很不小啊,虽可采百家之长,我看敢用的人还是。。
且每个js控件都需要学习成本啊,虽对lz很敬佩,话还是得说一下哦
不得不承认,JSI还不成熟。
复杂js控件的体积,是可能成为问题,但是目前来说,也没有更好的办法,用传统模式也是一样的。
只能期待浏览器的更新了,比如hax前面说的xhtml5。
几百毫秒是说一个测试用的上兆的大文件,一般网页不会有这么大,自然也就不会怎么耗时。
但是引用的js控件都很不小啊,虽可采百家之长,我看敢用的人还是。。
且每个js控件都需要学习成本啊,虽对lz很敬佩,话还是得说一下哦
你去写一个,我来参考参考:)
建议写一个 Dom Query 引擎加快查找装饰元素的速度,可以参考一下 Ext 中的 DomQuery
谢谢你的建议,以后抽空看看。
框架的性能优化是一定会做的,无赖分身无术。还是先把欠缺的东西完善起来。
刚才做了一下装饰引擎的性能测试(通过new Date方式计算脚本运行时间)。
以新版javaeye主页为例(64,160字节,也算是大文件了),查找装饰元素需要的时间为:
IE: 0 毫秒。
FF: 50-70 毫秒。
建议写一个 Dom Query 引擎加快查找装饰元素的速度,可以参考一下 Ext 中的 DomQuery
几百毫秒是说一个测试用的上兆的大文件,一般网页不会有这么大,自然也就不会怎么耗时。
JSI启动后将自动检查decorator标记,构建层次结构,自动做相关类的寻找、导入和装饰操作;实现零脚本代码的web富客户端编程。
代码示例:
- 日期选择器 (DatePicker):
- <d:datepicker>
- <input type="text" name="test2" />
- </d:datepicker>
- 编辑器示例 (Editor):
- <d:editor>
- <textarea name='editorText'>This is some <strong>sample text</strong>. You are using <a
- href="http://www.fckeditor.net/">FCKeditor</a>.</textarea>
- </d:editor>
- Spinner控件(Spinner 类似window时间日期管理中,年份调节的控件):
- <d:spinner start='0' end='8' step='2'>
- <input type="text" name="test2" value='0' />
- </d:spinner>
- 客户端包含(Include):
- <d:include url='menu.xml' xslt="menu.xsl"></d:include>
- 代码语法高亮显示控件(Code):
- <d:code language="js">
- <textarea>alert(‘Hello World’)</textarea>
- </d:code>
- 标签页控件(TabBox参照xul tabbox标签):
- <d:tabbox>
- <d:tabs>
- <d:tab>tab1</d:tab>
- <d:tab>tab2</d:tab>
- <d:tab>tab3</d:tab>
- </d:tabs>
- <d:tabpanels>
- <d:tabpanel>content1</d:tabpanel>
- <d:tabpanel>content2</d:tabpanel>
- <d:tabpanel>content3</d:tabpanel>
- </d:tabpanels>
- </d:tabbox>
- 综合示例:
页面上有: 标签页装饰器(TabBox….)、源代码高亮显示装饰器(Code)、日期选择装饰器(DatePicker)、包含装饰器(Include):
- <?xml version="1.0" encoding="utf-8"?>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml"
- xmlns:d="http://www.xidea.org/taglib/decorator" xml:lang="zh_CN"
- lang="zh_CN">
- <head>
- <script src="../scripts/boot.js"></script>
- <title>DatePicker 示例</title>
- </head>
- <body>
- <h2>DatePicker 示例</h2>
- <!-- 开始标签页装饰器 -->
- <d:tabbox>
- <d:tabs>
- <d:tab>效果</d:tab>
- <d:tab>代码</d:tab>
- </d:tabs>
- <d:tabpanels>
- <d:tabpanel>
- <!-- 开始日期装饰器(内嵌式) -->
- <d:datepicker type='grid'>
- <input type="text" name="test1" />
- </d:datepicker>
- <!-- 开始日期装饰器(弹出式) -->
- <d:datepicker>
- <input type="text" name="test2" />
- </d:datepicker>
- </d:tabpanel>
- <d:tabpanel>
- <!-- 开始代码高亮显示 -->
- <d:code language="xml">
- <textarea>
- <!-- 开始日期装饰器(内嵌式) -->
- <d:datepicker type='grid'>
- <input type="text" name="test1" />
- </d:datepicker>
- <!-- 开始日期装饰器(弹出式) -->
- <d:datepicker>
- <input type="text" name="test2" />
- </d:datepicker></textarea>
- </d:code>
- </d:tabpanel>
- </d:tabpanels>
- </d:tabbox>
- <select style="margin-left:120px"><option>弹出的datepicker 可覆盖IE select</option></select>
- <hr />
- <!-- 开始Include装饰器,包含装饰器菜单 -->
- <d:include url='menu.xml' xslt="menu.xsl"></d:include>
- </body>
- </html>
装饰结果:
云想衣裳花想容--JSI组件模型介绍(二)已经发布,那里有装饰过程及其原理的介绍:
http://www.iteye.com/topic/71425
评论
19 楼
winterwolf
2007-05-23
hax 写道
jindw 写道
看了一下wf2,将来做表单装饰器的时候可以参照。
web application 1.0是不是html5呢?
web application 1.0是不是html5呢?
webapp1即html5,只是webapp1可以有html形式或者xhtml形式。
关于webapp1和wf2,我提出来,是想建议楼主考虑朝标准化方向靠近。与其自己搞一套组件模型,不如实现这些发展中的标准(甚或扩展之)。例如不是自己设计自己的include标签,而是实现一下xinclude,又如不是搞一个datepiker,而是实现webapp1所做的input扩展。甚至实现整个xforms标准,那就非常棒啦!
xforms的实现有formface 不过没有文档 可能要收费吧. 我一直没有实验成功
18 楼
jindw
2007-05-22
hax 写道
jindw 写道
看了一下wf2,将来做表单装饰器的时候可以参照。
web application 1.0是不是html5呢?
web application 1.0是不是html5呢?
webapp1即html5,只是webapp1可以有html形式或者xhtml形式。
关于webapp1和wf2,我提出来,是想建议楼主考虑朝标准化方向靠近。与其自己搞一套组件模型,不如实现这些发展中的标准(甚或扩展之)。例如不是自己设计自己的include标签,而是实现一下xinclude,又如不是搞一个datepiker,而是实现webapp1所做的input扩展。甚至实现整个xforms标准,那就非常棒啦!
不错的建议,模仿已有的标准,可以降低学习成本。
现在的标签也都是模仿mozilla的xul的。
改改几个标签名,也是很简单的事情。
17 楼
hax
2007-05-22
jindw 写道
看了一下wf2,将来做表单装饰器的时候可以参照。
web application 1.0是不是html5呢?
web application 1.0是不是html5呢?
webapp1即html5,只是webapp1可以有html形式或者xhtml形式。
关于webapp1和wf2,我提出来,是想建议楼主考虑朝标准化方向靠近。与其自己搞一套组件模型,不如实现这些发展中的标准(甚或扩展之)。例如不是自己设计自己的include标签,而是实现一下xinclude,又如不是搞一个datepiker,而是实现webapp1所做的input扩展。甚至实现整个xforms标准,那就非常棒啦!
16 楼
jindw
2007-05-21
jianfeng008cn 写道
jindw 写道
曹晓钢 写道
几百毫秒也是不小的开销了....
几百毫秒是说一个测试用的上兆的大文件,一般网页不会有这么大,自然也就不会怎么耗时。
但是引用的js控件都很不小啊,虽可采百家之长,我看敢用的人还是。。
且每个js控件都需要学习成本啊,虽对lz很敬佩,话还是得说一下哦
不得不承认,JSI还不成熟。
复杂js控件的体积,是可能成为问题,但是目前来说,也没有更好的办法,用传统模式也是一样的。
只能期待浏览器的更新了,比如hax前面说的xhtml5。
15 楼
jianfeng008cn
2007-05-21
jindw 写道
曹晓钢 写道
几百毫秒也是不小的开销了....
几百毫秒是说一个测试用的上兆的大文件,一般网页不会有这么大,自然也就不会怎么耗时。
但是引用的js控件都很不小啊,虽可采百家之长,我看敢用的人还是。。
且每个js控件都需要学习成本啊,虽对lz很敬佩,话还是得说一下哦
14 楼
啊赶
2007-05-21
哟,lz 还听傲的嘛,
如果是你自己写的,我只有对你敬仰之情犹如滔滔江水。。。
补充一下,文档还需要加强
如果是你自己写的,我只有对你敬仰之情犹如滔滔江水。。。
补充一下,文档还需要加强
13 楼
jindw
2007-05-21
看了一下wf2,将来做表单装饰器的时候可以参照。
web application 1.0是不是html5呢?
web application 1.0是不是html5呢?
12 楼
hax
2007-05-21
楼主有没有看过web application 1.0和wf2?这是比较好的努力方向。w3c正在进行标准化。
11 楼
jindw
2007-05-21
啊赶 写道
问一下,这个是你自己写的还是参考别人的?
你去写一个,我来参考参考:)
10 楼
啊赶
2007-05-21
问一下,这个是你自己写的还是参考别人的?
9 楼
jindw
2007-04-18
bluepower 写道
jindw 写道
xml标记随html一起被解析,唯一多出的开销就是查找页面的装饰元素,曾经试过一个数M的html文件,也就是几百毫秒,所以,这些一般不会成为瓶颈。
建议写一个 Dom Query 引擎加快查找装饰元素的速度,可以参考一下 Ext 中的 DomQuery
谢谢你的建议,以后抽空看看。
框架的性能优化是一定会做的,无赖分身无术。还是先把欠缺的东西完善起来。
刚才做了一下装饰引擎的性能测试(通过new Date方式计算脚本运行时间)。
以新版javaeye主页为例(64,160字节,也算是大文件了),查找装饰元素需要的时间为:
IE: 0 毫秒。
FF: 50-70 毫秒。
8 楼
bluepower
2007-04-18
jindw 写道
xml标记随html一起被解析,唯一多出的开销就是查找页面的装饰元素,曾经试过一个数M的html文件,也就是几百毫秒,所以,这些一般不会成为瓶颈。
建议写一个 Dom Query 引擎加快查找装饰元素的速度,可以参考一下 Ext 中的 DomQuery
7 楼
jindw
2007-04-18
曹晓钢 写道
几百毫秒也是不小的开销了....
几百毫秒是说一个测试用的上兆的大文件,一般网页不会有这么大,自然也就不会怎么耗时。
6 楼
曹晓钢
2007-04-18
几百毫秒也是不小的开销了....
5 楼
HexUzHoNG
2007-04-16
和我们公司的js前台框架有点类似,不过感觉比你的稍直观些
拿那个TabBox为例,只要在页面加入
<div tt.impl=TabBanana 还有其它一些属性></div>
就实现了你例子中TabBox效果,和jsptaglib有些类似,呵呵
拿那个TabBox为例,只要在页面加入
<div tt.impl=TabBanana 还有其它一些属性></div>
就实现了你例子中TabBox效果,和jsptaglib有些类似,呵呵
4 楼
cozone_柯中
2007-04-16
说句心里话,佩服jindw的语言表述啊, 每个标题都不一样. jsi 我最看好的就是装饰模式了
3 楼
dogo
2007-04-16
楼主牛人啊
2 楼
jindw
2007-04-16
xml标记随html一起被解析,唯一多出的开销就是查找页面的装饰元素,曾经试过一个数M的html文件,也就是几百毫秒,所以,这些一般不会成为瓶颈。
我采用xml标记而非脚本语言,主要是考虑标记语言代码更简单,编写文档也比较方便
此外标记语言解析比较简单,比较适合可视化工具的开发。
我采用xml标记而非脚本语言,主要是考虑标记语言代码更简单,编写文档也比较方便
此外标记语言解析比较简单,比较适合可视化工具的开发。
1 楼
dennis_zane
2007-04-16
非常酷的想法,只是采用xml做标记,性能上如何?我认为json是否是更好的选择?不过这个点子真的很不错,楼主的JS功力令人佩服。
发表评论
-
JSA 发布一个新的预览版本
2009-07-27 01:15 1493主要功能是: 1。带上了原来的经典UI界面。 增加了一 ... -
CGI还是个不错的玩意
2009-06-20 18:52 1006JSI的调试辅助程序目前提供有JavaServlet版本和ph ... -
用两句话来解释JSI是怎么隔离JavaScript变量冲突的
2009-06-01 17:08 1309“我还是一直没有明白jsi是怎么隔离名字空间的” 好,大家的 ... -
端午在家搞了一个基于JSI的脚本发布系统
2009-05-31 13:06 1368项目上线之前,脚本都要手动重新组合压缩。挺麻烦的,JSICDN ... -
把JSA部署在GoogleAppEngine上,迎接我的是一张笑脸^_^
2009-05-03 02:47 1047第一个无意的测试,结果打印出了一张笑脸^_^ 只是随便输的.真 ... -
关于JSI装饰引擎改进的一些想法
2009-02-16 18:29 911今天看到bellstar大侠发布的SUI,也看了一些设计及实现 ... -
水月镜花
2009-02-07 21:11 1013刚才cctv4在播放着《激情燃烧的岁月》。一些情节开始看着很有 ... -
韬光养晦 厚积薄发
2008-10-22 21:34 2117最近被反复问道,JSI还在继续吗? 开始感觉很诧异,后来想想也 ... -
脚本全局变量探测程序
2008-08-28 23:20 1669为了支持JSI包定义中的模式匹配(方便某些懒人)。我需要一个查 ... -
JSI 类库文件格式探讨
2008-08-05 20:08 2624在JSI中打包脚本类库。 目前只有jar方式,同时支持java ... -
使用中间数据格式优化前端模板性能的想法
2008-06-12 21:24 1826前端时间这里出现了不少讨论前端模板的帖子。 我还是原来的观点 ... -
JSA压缩Prototype1.6时,经常表现的一个错误
2008-05-07 21:15 2469开始发帖错误,我的测试不够严谨。 经过测试,IE也没有踩 ... -
发布一个JSI Example Project
2008-04-30 14:58 4052部署到Tomcat中,打开script目录,可以显示你当前sc ... -
JSI Side 代码风格与规范
2008-04-29 22:07 6121准备编写JSI的外围元素 ... -
给大家展示一下JSI文档工具和导出工具
2008-02-21 11:43 3667演示地址(目前只支持Firefox): http://www. ... -
JSI的延迟装载和异步装载过程的一些原理解释
2008-02-14 17:13 6432出自该贴的回复: http://www.iteye.com/t ... -
JSIDoc设计的两个失败点
2008-02-08 00:11 3686JSIDoc是我一年前开发的用来解析JS文档的纯客户端脚本程序 ... -
JSI的导入指令参数顺序调整意见征询
2008-02-07 17:20 7931改动 2.0方式: $import(path,callbac ... -
JSI2.1计划
2008-01-01 21:13 7124先回顾历史: JSI1(2006-2007)是个简单的框架,只 ... -
JSA 压缩JS时的常见问题
2007-12-30 16:08 42101。保留字滥用 如果你的脚本中存在某些保留字或者关键字属性甚至 ...
相关推荐
根据提供的信息,我们可以了解到这份文档是关于海尔液晶电视电源板(型号:0094001224B JSI-190419-050 JSI-220409-050)的原理图。这份原理图详细地展示了电源板的内部电路结构、元件布局及其连接方式等关键信息。...
这是JSI-GAN(AAAI2020)的官方存储库。 我们提供了培训和测试代码,以及经过训练的权重和用于JSI-GAN的数据集(train + test)。 如果您发现此存储库有用,请考虑引用我们的。 参考: Soo Ye Kim *,Jihyong Oh ...
【JSI-full-2.0】是一个基于JavaScript的项目,主要关注的是JavaScript这门编程语言。这个项目的全称可能指的是JavaScript Interface或JavaScript Integrated,但具体含义需要根据项目的文档来确定。从提供的文件...
【HDT-JSI01】项目是一个以JavaScript为核心的开发实践,它可能是一个开源项目或者教程,因为通常在编程领域,这种命名格式常用于版本控制或学习资源。JavaScript是一种广泛使用的编程语言,尤其在网络开发中扮演着...
react-native-multithreading using使用JSI的React Native的快速简便的多线程处理。 安装npm install react-native-multithreading npx pod-i react-native-multithreading using使用JSI进行React Native的快速简便...
eccl-jsi.github.io
"jsi-modules"项目显然是一个专注于利用JSI进行模块化学习的资源集合。下面我们将深入探讨JSI的核心概念、其在模块化编程中的应用,以及如何通过"jsi-modules-master"这个压缩包来学习和实践JavaScript模块。 首先...
### 海尔液晶电视电源背光板0094001274E JSI-320411原理图解析 #### 概述 本文将详细解析海尔液晶电视电源背光板0094001274E JSI-320411原理图中的关键元件及其功能、电路设计思路与工作原理,帮助读者更好地理解该...
JSI框架提供一个无侵入的脚本库管理解决方案,和一个全面的前端开发调试、文档解析、模版编译、打包导出环境支持。 作为一个开发期间的脚本管理工具,让开发者在开发期间享受JSI带来的种种便捷,也可以作为一个运行...
jsi-examples 存储库。 简而言之,您需要像这样初始化 RTree: // Create and initialize an rtree SpatialIndex si = new RTree(); si.init(null); 然后添加一些矩形; 每个人都有一个ID。 final Rectangle[] rects...
JSI Wikifier OpenAPI规范 JSI Wikifier ...链接文档: : SwaggerUI: ://jsi-eubusinessgraph.github.io/jsi-wikifier-api/swagger-ui/ 看完整规格: JSON YAML 警告:仅当Travis CI完成部署后,以上所有链接才会更新
对于想要深入学习和使用轻量系统JS-UI框架子系统的开发者,可以从以下几个方面入手: - **官方文档**:阅读OpenHarmony官方提供的详细教程和API参考,了解框架的基本用法和最佳实践。 - **示例代码**:通过分析 ...
例如,像这样的存储库或SQLite JSI库可能要花费几毫秒来执行一个复杂的调用。 您不希望这样做时冻结整个React-JS线程,因为用户会感觉到明显的滞后或冻结。 那就是react-native-multithreading出现的地方。 您可以...
Jsi是带有内置websocket-server,sqlite和C -extensibility的javascript -ish解释器。 | | | 快速开始下载适用于 / 的二进制文件: wget ...
通过React 5的MD5的JSI绑定,以极快的速度实现C ++实现。 确认它比在iPhone 11 Pro上使用快10倍,在Essential Phone上快8倍。 您可以在下查看基准测试。 安装 npm install react-native-quick-md5 用法 import { ...
总结来说,这个基于React-Native的购物阅读APP项目涵盖了前端开发、后端服务、数据库管理和移动应用架构等多个方面,对于想要深入学习React-Native及其生态系统的人来说,是一个极好的实战案例。通过研究这个项目,...
在这个例子中,我们用JavaScript的`class`关键字定义了一个Fish类,包含了小鱼的位置、速度以及是否跳跃的状态。`jump()`方法负责启动跳跃动画,`move()`方法则根据小鱼的状态更新其位置。通过`...
我们可以创建一个自定义View,重写`onDraw()`方法,在这里利用Canvas绘制一条水平或垂直的矩形条,然后根据进度值动态改变矩形填充的宽度或高度。通过设置颜色、边框宽度和样式,可以实现不同视觉效果的进度条。 第...
正泰LQG-0.66型电流互感器PDF,
文献资料安装npm i react-native-vision-cameranpx pod-install特征照片和视频拍摄可定制的设备( ultra-wide-angle , wide-angle , telephoto和虚拟多镜头) 可定制的FPS 由JSI和Reanimated支持的JS Worklet帧...