曾任 创始人兼资深产品经理，个人研究方向主要为言及平台、动态化系统构建，以及高性能大型分布式Web系统架构，主导了葡萄城多款畅销控件产品的系统架构与性能优化。

　　“25年来，除了日常作息时间，Issam不是在研究技术和产品，就是在去研究技术发展趋势的上”这就是葡萄城同事对他的一致评价。

　　为何他如此于前端开发技术？在他的眼中，前端开发未来将何方？面对当今大热的HTML5、JavaScript，以及区块链等新兴技术，他又有哪些不同的看法和观点？他的用前端开发技术，实现“在线Excel”系统的捷径又是什么？本期葡萄城公开课，我们就来一探究竟。

　　本期公开课，Issam将就企业信息化系统如何通过先进的前端开发技术和开发工具，在浏览器或Web应用中嵌入类Excel 模块，快速实现数据填报、在线文档、类 Excel UI 设计等业务场景，并详细介绍SpreadJS 的HTML5 Canvas界面绘制方式和稀疏数组（Sparse Array）模型。

　　与此同时，还会为大家深入解读“面对不断变化的业务需求，开发者如何保持并不断提升Web应用的开发迭代速度”。

　　自1996年中国全功能接入互联网起，人们对Web产品的期望愈发殷切。如今，Web开发者不仅需要面对来自PC端单方面的压力，接到更多移动端、PWA（小程序）、app hybird等平台的需求也成了家常便饭。

　　迫于业务不断变化的压力，导致了开发者需要不断提升Web应用开发迭代的速度，在最大程度缩短项目交付周期的同时，也需时刻保持产品的易用性和稳定性。

　　Issam Elbaytam在开发过程中发现：大部分企业用户在处理数据、统计数据时，更习惯使用Excel。

　　Excel 作为一款深受用户喜爱的电子表格工具，借助其直观的界面、出色的计算性能、数据分析和图表，已经成为数据统计领域不可或缺的软件之一。Excel对于企业来说：

　　在企业应用项目中，高度类似Excel，但不依赖于Excel实现的数据排序、筛选、分类汇总等各项功能，才是企业真正所需，亦是信息化系统必不可少的功能模块。比如：

　　因此，对于企业应用系统来说，如果有一款开发工具能够克服Excel的短板，将Excel的功能，嵌入到Web系统中，实现Web Excel 组件开发、数据填报、在线文档、图表公式联动、类 Excel UI 设计等业务场景，并完全兼容Excel 公式和文档类型，无疑会为企业带来巨大的价值。

　　然而，实现这样一个纯前端类Excel的开发工具到底有多难？除了要投入大量的研发成本和时间外，即便如葡萄城一般积累了多年 .NET控件开发经验的集团公司，在没有深入研究过前端数据渲染、框架集成、前后端Excel数据交互逻辑的情况下，空有人力物力也无法成功。别的不说，光是用JavaScript 实现Excel数量庞大的公式和函数，就足够耗费数倍的精力。。。

　　在葡萄城Spread.NET表格控件的基础上，2015年，Issam研发出了一款真正的纯前端电子表格控件——SpreadJS。这是一款用纯JavaScript编写的一套功能和UI 都与Excel高度类似的电子表格控件，即可以满足应用系统中流行的B/S架构需求，让用户进一步把应用迁移B/S端，也可以完全脱离Office套件使用。

　　SpreadJS是基于JavaScript 和 HTML5最完整、速度最快的电子表格控件，其体系架构分别由存储层、指令系统、计算引擎、展示层、导入导出接口和渲染层构成，如下所示：

　　o 支持Excel 的53 项单元格格式、18 种条件格式、3 种数据高亮，及 60 种表格样式

　　o 采用比 DOM 更为先进的 HTML5 Canvas 绘制交互界面，能够在不影响访问性能的前提下，最大化的节省存储空间

　　SpreadJS的目标是成为满足所有开发需求的最佳控件！达成这一目标的前提，必须满足企业极高的性能要求。

　　首先，SpreadJS从一开始就使用了 Canvas 的方式来绘制整个交互界面，与 DOM 拼接不同，使用 Canvas 的优势是能够给用户提供更加流畅的交互体验：不会因为表格数据增多，而导致浏览器的卡顿。

　　其次，在数据存储方面，SpreadJS 采用了稀疏数组（Sparse Array）结构，能够在不影响访问性能的前提下，最大化的节省存储空间。

　　正是基于上述技术的实现，SpreadJS 才可以在浏览器中依然保持极高的处能和响应速度。

　　短短5年时间，SpreadJS已为国内外多所知名企业和机构赋能，助力如天弘基金、华为、中国平安、招商银行等行业巨头，实现了Web Excel组件开发、数据填报、在线文档、图表公式联动、数据可视化等核心业务场景。

　　“简单的一百多行代码配合 SpreadJS 的类 Excel 操作习惯，让我们的用户就像使用 Excel 一样使用内部系统，也为我们系统开发完成后的用户迁移工作节约了大量培训时间，SpreadJS 优秀的性能让我们高枕无忧。” 华为的相关负责人坦言。

　　JavaScript和浏览器的不断发展，也为基于Web应用程序的系统开发提供了良好的性能支持和运行。

　　面对中国开发者，Issam 也坦言道，“中国开发人员喜欢使用最新和最好的技术， 而优秀的前端开发工具，如SpreadJS，也一定会为他们的项目提供强大的支撑，帮助这些开发人员在财务、预算、工程、统计等领域的信息系统中，通过强大的计算引擎和灵活的数据可视化呈现，为商业表单控制面板提供更为丰富、有效的内容信息。”

　　最后，作为一名技术狂热爱好者，Issam对未来充满期待，相信随着未来前端技术的发展，以及不断更新迭代的Web程序集，这些技术将为用户提供前所未有且越来越强大的解决方案。

　　赋能开发者！葡萄城公司成立于 1980 年，是全球领先的集开发工具、商业智能解决方案、管理系统设计工具于一身的软件和服务提供商。西安葡萄城是其在中国的分支机构，面向全球市场提供软件研发服务，并为中国企业的信息化提供国际先进的开发工具、软件和研发咨询服务。葡萄城的控件和软件产品在国内外屡获殊荣，在全球被数十万家企业、学校和机构广泛应用。

　　汇编一周来国内外网络和IT行业发生的焦点新闻，精挑细选，第一时间推送独家采写的深度报道和热点专题，深入挖掘新闻事件背后的故事，姐妹互换一家亲剖析新闻事件的来龙去脉，让读者准确把握业界的发展态势。

　　汇集存储频道每周精华内容，让您在最短的时间内，以最便捷的方式获取权威的购买指南，专家博客，皆汇聚在此。

　　定期为您带来深入权威的网络，交换机，由器，无线，通信领域信息服务，涵盖产品，技术，新闻，应用案例，评测,购买指南，专栏，技巧等多个方面的信息。与企业网络相关的一切，尽在网络通信邮件，您怎可错过？

　　新一代数据中心建设管理最新信息快递聚焦新一代绿色数据中心的设计、建设、运营和管理，汇集业界专家与用户的最精粹观点，展示国内外数据中心经典案例！

　　定期为您带来安全领域权威专业的产品，技术，新闻，应用案例，评测，购买指南等信息，您在网络畅游之时不受病毒的，企业运行之际减少安全的风险。一份邮件在手，一份安全在心！

　　深入、专业关注云计算相关的技术与实践，范围覆盖私有云建设、公有云服务运营、开源云平台发展、重要云服务商动态等领域，面向企业CIO和IT经理提供深度原创报道，以及云计算、云服务领域最新的市场资讯。

　　汇集软件频道每周精华内容，让您在最短的时间内，以最便捷的方式获取权威的企业软件新闻，SOA，SaaS，BI，ERP，开源技术，产品，技巧等全方面的实用资讯。还犹豫什么，这就开始体验一下吧！

　　深入、专业关注大数据相关的技术与实践，提供Hadoop、NoSQL等领域的最新技术资讯，定期发布由业界专家撰写的大数据专栏文章，面向企业CIO、IT经理、DBA提供深度原创报道，以及大数据领域的最新市场资讯。

　　汇集服务器频道每周精华内容，让您在最短的时间内，以最便捷的方式获取权威的服务器虚拟化，刀片服务器，操作系统，大型机，服务器芯片信息，最新最全的服务器技巧，购买指南，专家博客，皆汇聚在此。

　　网界网网络学院频道，内容涵盖移动互联，技术开发，Web前端，安全，网络通信，云计算，数据中心，存储，服务器，软件等内容。