Java前端知识积累——宜搭

部分问题解决

报错：数据源 changeBinding 加载出错 {message: '参数校验失败：formInstId'

解决：

Q：CSS与JS结合问题？为什么在JS代码中获取不到html中某个class类？

A:因为在样式当中的唯一标识会变动，所以会导致获取不到，这边给您复制了一个测试页面，您可以参考一下当中的写法。不过这边不建议您用js来修改css样式，可能会导致页面不稳定，未来宜搭会提供全局的样式定制能力来满足对于不同 UI 的诉求。

解决方法：

因为每次渲染,class的值都会改变，所以只能通过不变的vc-text来找到该文本值。

• 使用document.querySelectorAll代替document.getElementsByClassName

 Q:手机端和PC端展示效果不一致问题?

A:由于宜搭的渲染方式不同，故手机端的组件的class值可能会改变，查看手机端的组件的class如下

Q:如何根据不同的终端设置样式？

  // 手机电脑端不同适配

  //判断当前浏览器环境

  var sUserAgent = navigator.userAgent.toLowerCase();

  var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";

  var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";

  var bIsMidp = sUserAgent.match(/midp/i) == "midp";

  var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";

  var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";

  var bIsAndroid = sUserAgent.match(/android/i) == "android";

  var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";

  var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";

  if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {

    // 手机端适配

    document.querySelectorAll('.vc-mobile-text')[3].style.borderColor = 'rgba(31,56,88,0.06)';

    document.querySelectorAll('.vc-mobile-text')[5].style.borderColor = 'rgba(31,56,88,0.06)';

    document.querySelectorAll('.vc-mobile-text')[7].style.borderColor = '#3c99d8';

  } else {

    // 电脑端适配

    document.querySelectorAll('.vc-text')[3].style.borderColor = 'rgba(31,56,88,0.06)';

    document.querySelectorAll('.vc-text')[5].style.borderColor = 'rgba(31,56,88,0.06)';

    document.querySelectorAll('.vc-text')[7].style.borderColor = '#3c99d8';

  }

参考：自定义页面双端适配 · 语雀

Q:前端报错

报Content type 'application/x-www-form-urlencoded;charset=UTF-8' not supported for @RequestBody XXX 怎么解决？

答：要修改请求头

Q:Post请求出错问题？

Q:网络请求错误？

问：请求头格式问题，使用application/json一直出错，应该改成application/x-www-form-urlencoded

网络请求错误？

问：请求头格式问题，使用application/json一直出错，应该改成application/x-www-form-urlencoded