加入收藏 | 设为首页 | 会员中心 | 我要投稿 十堰站长网 (https://www.0719zz.com/)- 混合云存储、网络、视频终端、云计算、媒体处理!
当前位置: 首页 > 编程开发 > Java > 正文

uniapp基础知识点掌握以及面试题整理

发布时间:2023-02-16 13:04:49 所属栏目:Java 来源:互联网
导读:uni-app是一个使用vue.js开发所有前端应用的框架,开发者编写一套代码,下面这篇文章主要给大家介绍了关于uniapp基础知识点掌握以及面试题整理的相关资料,需要的朋友可以参考下 1.uniapp优缺点 优点: a. 一套代码可以生成多端 b. 学习成本低,语法是vue的,组件

          let pageStatus = 'loadmore';
          if (data.pageNum * data.pageSize >= data.pageTotal) {
              pageStatus = 'nomore';
          }
          if (pageStatus === 'loadmore') {
              pageNum++;
              pageStatus = 'loading';
              this.setData({
                  pageNum: pageNum
              }, () => {
                  this.getDataList();
              })
          }
          this.setData({pageStatus})
      },
  /*我司的做法是用total来判断是否还有数据可以请求,还有的话就继续请求接口数据,并更新状态及分页数据;
 
  22.scroll-view吸顶问题
  问题:
 
  scroll-view 是常会用到的一个标签,我们可以使用 position:sticky 加一个边界条件例如top:0
  属性实现一个粘性布局,在容器滚动的时候,如果我们的顶部标签栏触碰到了顶部就不会再滚动了,而是固定在顶部。但是在小程序中如果你在scroll-view元素中直接为子元素使用sticky属性,你给予sticky的元素在到达父元素的底部时会失效。
 
  解决:
 
  在scroll-view元素中,再增加一层view元素,然后在再将使用了sticky属性的子元素放入view中,就可以实现粘贴在某个位置的效果了
 
 
  23.ios输入框字体移动bug
  问题:
 
  在IOS端有时,当输入框在输入后没有点击其他位置使输入框失焦的话,如果滚动窗口内部的字体也会跟着滚动
 
  解决:
 
  // 更改后的输入框,
  //1、尝试了下,发现textarea不会和input一样出现字体随着页面滚动的情况,这是一个兼容方案
  //2、还有个不优雅的方案是输入完成后使用其他事件让其失焦或者disable,例如弹窗或者弹出层出来的时候可以暂时让input禁止,然后弹窗交互完成后再放开
  <textarea fixed="true" auto-height="true" ></textarea

  /**
       * 设置拼接后的参数
       * @param {String} data 参数
       * @return {String}
       */
      setPageParam(data) {
          let url = '';
          for (let k in data) {
              let value = data[k] !== undefined ? data[k] : '';
              if (typeof value === 'object') {
                  value = JSON.stringify(value)
              }
              url += '&' + k + '=' + encodeURIComponent(value);
          }
          url = url ? url.substring(1) : '';
          return url
      },
  /**
       * 跳转到下一个页面
       * @param {String} url 跳转页面的名称
       * @param {Object} param 跳转页面的传参
       * @return null
       */
      jumpPage(url, param) {
          if (!url) {
              return
          }
          let arrSwitch = ['/pages/index/index'];//tab页面数组
          if (arrSwitch.includes(url)) {
              return uni.switchTab({//tab页面需要uni.switchPage跳转
                  url
              })
          }
          if (param) {
              url += (url.indexOf('?') < 0 ? '?' : '&') + this.setPageParam(param);//拼接参数
          }
          if (getCurrentPages().length > 9) {
              return uni.redirectTo({//如果栈满或者溢出就重定向
                  url
              })
          } else {
              uni.navigateTo({
                  url
              })
          }
      },
 
  24.git基础命令

  1、 git init 把这个目录变成git可以管理的仓库
  2、 git add 不但可以跟单一文件,也可以跟通配符,更可以跟目录。一个点就把当前目录下所有未追踪的文件全部add了
  3、 git commit -m ‘first commit'把文件提交到仓库
  4、 git remote add origin +//仓库地址 //关联远程仓库
  5、 git push -u origin master //把本地库的所有内容推送到远程库上
 
  总结
  到此这篇关于uniapp基础知识点掌握以及面试题整理的文章就介绍到这了,更多相关uniapp基础及面试题内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
 
  您可能感兴趣的文章:
  uniApp常见面试题及答案(推荐!)
  浅谈VUE uni-app 基础组件

(编辑:十堰站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

推荐文章
    热点阅读