UI5 Source code map机制的细节介绍

已于 2024-10-22 15:00:03 修改
阅读量434 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： SAP UI5 百科全书 一套适合 SAP UI5 开发人员循序渐进的学习教程 文章标签： SAP UI5 JavaScript Fiori
于 2018-04-10 22:13:40 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/i042416/article/details/79888929

在我的博客A debugging issue caused by source code mapping里我介绍了在我做SAP C4C开发时遇到的一个曾经困扰我很久的问题，最后结论是这个问题由于JavaScript的source code map机制在Chrome开发者工具里起作用，其实是working as designed的一种行为。但是当时因为时间限制，没有去深入学习JavaScript source code map的更多细节。

在这篇文章里我用一个简单的UI5应用来研究该机制。这个应用的UI仅仅包含一个Button，点击之后弹出一个Message Toast。

下面是我XML view和Controller的实现。

打开Chrome开发者工具里的source code map开关：

了解本专栏 订阅专栏 解锁全文
Visual Studio Code 里和 SAP UI5 相关的扩展没能按照期望的方式工作，该如何定位问题？
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
01-16 101
以 SAP Fiori Tools 的 Application Modeler 为例。首先我们可以打开 Visual Studio Code 的。然后在 output 视图的下拉菜单里，选择。将其打印的日志级别，设置为最详细的。
TypeScript 加持 SAP UI5：告别实验标记，拥抱类型安全的新纪元
最新发布
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
07-22 42
从版本 1.116.0 起，与移除beta标记，推荐在生产环境广泛使用 (SAP GitHub官方在 Release Notes 中承诺：未来将极力减少破坏性变更，并在版本日志中提前披露适配方案 (SAP GitHubUI5 与 TypeScript 的深度融合，不仅是“给 JavaScript 加类型”这么简单，更标志着 SAP Fiori 技术栈向现代 Web 工程体系的全面靠拢。
SAP UI5 文档
03-13
SAP UI5 文档SAP UI5 文档SAP UI5 文档SAP UI5 文档SAP UI5 文档
ui5
weixin_42584507的博客
01-10 279
UI5是SAP研发的一种Web前端开发框架，用于开发基于浏览器的应用程序。它基于HTML5，并提供了大量的UI组件和库，帮助开发人员更快地构建应用程序。UI5也提供了MVC模型，帮助开发人员更好地组织和管理应用程序的代码。 ...
掌握SAP UI5与Fiori：构建企业级Web应用
weixin_42323064的博客
05-20 1192
SAP UI5是一个开源的Web应用框架，它为开发者提供了一整套工具和控件库，用于构建富交互、响应式的用户界面。作为一个基于标准HTML5的UI技术，UI5支持跨平台的移动应用开发。它采用声明式语言，使得开发者可以快速地实现界面设计，并且UI5还支持MVC（Model-View-Controller）架构模式，这有助于组织代码结构，使其更易于维护。Fiori 设计语言是 SAP 推出的一套设计原则和指南，用以指导开发者和设计者创建以用户为中心的应用程序。
SAP UI5
tiokld的专栏
07-17 2773
网上很少能看到介绍OpenUI5的中文文章，有也是“ SAP 开源的 JavaScript 框架，有点重”。首先我不去说OpenUi5到底有多重，先说说SAP为什么把OpenUI5开源，除了软件license法律上的原因之外。 先说说历史，SAP在UI框架上的选择其实也纠结了十多年了，是多年前，SAP就很有先见的推出了SAP GUI，这个其实就是最早的BS框架，不过这个B是SAP自己的客户端而不
UI5（一）
修电脑的猫的博客
12-23 701
UI5
SAP ui5
tiokld的专栏
12-03 2583
实习了一段时间，接触两个项目，都用到SAP UI5，谈一点看法。UI5更像是对jquery的一种封装，类库总大小差不多58M左右。所有用到的一些控件都是通过js来定义实现的，它将前端view层又采用MVC的模式进行分层，页面分为demo.view.js以及demo.controller.js，demo.view.js文件里面可以定义一些sap.ui5的一些控件，一些click事件或者对数据进行操作
propertymap:Qt World Summit 2019演讲“快速C ++到QML属性”的PropertyMap游乐场源代码-Source code world
03-25
5. **数据绑定**：QML的强项在于其数据绑定能力，允许开发者声明性地描述UI元素如何随数据变化而更新。PropertyMap在C++和QML之间创建桥梁，使得这种数据绑定变得更加便捷。 6. **信号和槽**：C++中的信号和槽机制...
javamap源码-HADOOP-COUNTER-SOURCE-CODE:在HadoopMapReduce编码中使用自定义计数器的Java程序
05-22
在“javamap源码-HADOOP-COUNTER-SOURCE-CODE”项目中，我们可以深入理解如何在Java程序中利用Hadoop的计数器机制。这个项目可能包含一个或多个示例，展示了如何在Mapper和Reducer中创建和更新自定义计数器，以便...
UI5:安装UI5开发环境
weixin_43734184的博客
04-11 1559
1.首先要安装nodejs和vscode(建议采用vscode开发），然后才能执行下面的操作 nodejs:https://nodejs.org/en/ vscode:https://code.visualstudio.com/ 2.vscode中安装ui5 执行命令： npm install --global @ui5/cli 3.桌面创建文件夹app1,vscode打开该文件夹，执行init npm init --yes 4.在app1中创建webapp文件夹 5.在app1文件夹里执行，生成ui5
UI5：面向企业级应用的JavaScript框架
你若盛开，清风自来
04-22 1505
本文将介绍UI5框架的特点和优势，以及它在企业级应用开发中的应用。UI5是一个面向企业级应用的JavaScript框架，具有丰富的UI组件、强大的功能、良好的性能和灵活的布局。了解UI5的特点和优势对于开发者来说具有重要意义。掌握UI5的使用可以帮助我们更高效地构建企业级应用。
UI5 Tooling
06-28 595
UI5 Tooling是一个基于Node.js开发的开源项目。它提供了一个模块化的、可配置的和可扩展的命令行接口，为应用程序、库和重用组件的高效开发定制了UI5框架。 开源工具重用，灵活扩展，宜集成，先进语言特性，多IDE适用。总之，好用高效。 从架构去了解UI5 Tooling，我的理解是首先它是一组命令行工具，基于NodeJS集成了File System,Project,Logger,Server,Builder这几个模块，不但可以本地执行，还可以用于SAP webIDE以及SAP Business
UI5 快速入门教程
weixin_65180200的博客
04-18 1089
UI5 快速入门 帮你分析了解 每一个文件的每一个细节
面向企业级前端应用的开发框架 UI5 的发展简史介绍
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
03-26 2521
在移动应用已经无缝融合到我们日常生活的今日，我们的工作和生活几乎时时刻刻都在和 2C(即 To Customer) 应用打交道。比如手机支付，在线购物，生活缴费，天气和交通线路查询等等。 2C 应用的前端开发框架，最著名，最为开发人员所熟知的，就是 Angular，React 和 Vue 这三驾马车。其实还有另一款名叫 UI5 的开发框架，知道它的开发人员可能少得多，但 UI5 实际上是被事实证明的在企业级前端应用开发领域里一款相当成功的开发框架。 什么是企业级前端应用？一种被前端业界公认的定义是： 企业
探索与学习：UI5教程 - 一个完善的Web应用开发平台
gitblog_00083的博客
04-21 386
探索与学习：UI5教程 - 一个完善的Web应用开发平台 去发现同类优质开源项目:https://gitcode.com/ 项目简介 是一个基于SAP UI5的在线教程，由wangzixi-diablo维护。该项目旨在帮助开发者和学生快速入门并精通SAP UI5，这是一款强大的前端框架，用于构建企业级的交互式Web应用程序。通过此教程，你可以了解UI5的基础知识，以及如何利用它创建功能丰富的用户界...
UI5-培训篇-Fiori培训
abbilglf665483的博客
03-08 918
1.学习网站： 　SAPUI5学习地址： 　https://blog.youkuaiyun.com/stone0823/article/category/6650292/1? 　SAPUI5文档： 　https://sapui5.hana.ondemand.com/#/demoapps 　SAP Build 模型： 　https://developers.sap.com/tutorial...
SAP UI5 SmartTable 深度剖析：用 UI 控件解锁 SAP Fiori 智能体验
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
04-20 146
SAP UI5 旗下的控件是一种元数据驱动的表格封装器，它能够根据 OData Service 里的实体集注解，自动渲染出 responsive table、grid table、tree table 或 analytical table，并且内置变式管理、导出到电子表格、列个性化、动态列生成等高级能力。当它与或 Fiori Elements 模板搭配时，开发者几乎无需手写列定义，就能在复杂业务场景下快速交付具备企业级一致交互体验的列表页面。开发者可在任何 XML View 中组合SmartTable。
对ui5的一些总结和思考
匹夫的博客
09-21 674
在帮助同事解决了函数作用域的问题之后，突然觉得有必要梳理一下ui5的知识。 ui5的逻辑控制器采用了amd规范，可以实现异步加载。关于amd规范可以参考： http://www.jianshu.com/p/9b44a1fa8a96and规范制定了一种匿名定义模块的方式： 如果在使用define（）的时候省略了第一个参数，即省略了模块的名字，这个时候模块的名字会被默认为当前模块的文件名，那么字加
.: BABEL] Note: The code generator has deoptimised the styling of D:\xm\jl_yjdd\zhgt-ui\public\map\libs\tensorflow\3.9.0\tf.js as it exceeds the max of 500KB. .: [语音聊天]
03-25
检查source map是否被禁用，因为生成source map会增加文件大小。另外，第三方依赖可能会引入冗余代码，需要评估是否有更轻量级的替代方案。 最后，监控和分析也是关键步骤。使用工具如Webpack Bundle Analyzer分析...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

汪子熙

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值