H5、JS、Bootstrap之Restful的RAD Studio 10.4.1 IntraWeb服务器API编程系列

本文将不断新增维护标题内容在编程实践中的注意事项，供大家参考......

001、图片响应式布局总是越界，原来是Web服务器惹的祸

这两天尝试将IntraWeb BS + H5 +JS + 高勇三层服务器（https.sys）整合，用到H5的标签布局。

如下三图：

上面图片总是越界，不得其解。后来解决了，效果如下：

原来是，H5代码中，脚本大小写对Web服务器是敏感的：

大家注意，折腾我了1个小时，原来是 Web服务器惹的祸：1、Apache服务器严格区分大小写；2、高勇三层服务器大小写均可；3、IIS服务器大小写均可

002、关于H5 +JS +Bootstrap框架

如果你是http+css+javascript的新手，不如从这里下手，慢慢深入，来得快：

https://v3.bootcss.com/components/#input-groups

可视化布局系统，布局效果预览：

https://www.bootcss.com/p/layoutit/

http+css+js等学习资源：

https://www.w3school.com.cn/

003、关于通过javascript、jquery、Ajax、Es6、primised等技术由H5客户端发起对你的或第三方的Rest API服务器方法的调用

请参考本博客博文：

        003.1.1、《Delphi Restful之客户端javascript与中间件服务器交互》 https://blog.csdn.net/pulledup/article/details/109236875
        003.1.2、《Delphi调用微信原生Web开发接口JS-SDK开发小程序及微信支付等》 https://blog.csdn.net/pulledup/article/details/109257077
        003.1.3、《腾讯云聚合支付平台Restful API，支付开发的又一福音，同时支持微信支付和支付宝》 https://blog.csdn.net/pulledup/article/details/109520247

请参考网友文章：
        003.2.1、《JavaScript中发出HTTP请求最常用的方法》：https://www.jb51.net/article/143683.htm。
        003.2.2、《js的http请求中请求头和响应头包含哪些内容》：https://blog.csdn.net/weixin_37861326/article/details/82216068。
        003.2.3、《JavaScript高级程序设计--在HTML中使用JavaScript》：https://blog.csdn.net/weixin_37861326/article/details/80998668。

004、关于通过H5客户端发起对你的或第三方的Rest API服务器方法的调用的安全性问题

可采用动态技术，将浏览器客户端UI界面的控件的输入，通过base64等可逆转的加密技术，转化生成http、javascript、jquery、Ajax、Es6、primised等调用API URL中所需的各种参数，来实现。