使用uniapp架构开发小程序与web端的一些笔记啊哈哈!
本人小白+(算有半年經驗了吧啊哈哈)
經手項目2個,一個web端一個微信小程序,在寫代碼與流程上都有了一點點的想法了,說說我們經常用到的一些知識吧!
首先我們的項目都是基于vue開發的,但是我們一般用的都是uniapp框架,啊哈哈 👍
v-if與v-for/v-model,我們在使用接口返回的數據時,去渲染頁面的時候我們就要使用到v-for,有時候我們在判斷是否顯示時,我們就使用v-if;v-model 綁定數據,在表格渲染的時候我們會使用到;
調接口,一般微信小程序使用uniapp框架開發的話,我們是在config里的apis.js里面寫接口與命名,列:storys: 接口的url + '/api/service', //故事列表頁,然后我們在頁面上使用storys就好;在web端的話,有好幾種方法,但是我還是比較喜歡寫的復雜點的啊哈哈,我看的明白,列:this.$http.get(接口,{參數}) .then(({ data: res }) => { if (res.code !== 0) { return this.$message.error(res.msg); } 命名=res.data(建議打印res.data) console.log(res.data,"this.fileList"); }) .catch(() => {});
我們有時候需要對res.data.list進行處理時,去循環列出所有的值或者我們要使用這里面的值去賦值到一個新的數組里時,看個人需求而定,一般對于數組我們可以使用forEach/map()去處理,列:this.taskpiclist.forEach(item => { this.percentages.push({'percentage':(item.submittedNum/item.submitNum)*100 +"%"}) })percentages這是我在data中定義的數組,我要得到我獲取的值然后去計算百分比,放入一個新的數組去展示它;
啊哈哈對了,插件其實蠻好用的,推薦去學習一下echarts與element;
其次你出錯了記得先看自己的問題,比如分頁,我們先檢查一下我們給后端傳入的limit與page是否傳過去了,如果傳過去了,檢查一下它的數據有沒有變化,如果沒有變化就是后端問題,有問題的話就是自己的問題啦,看你代碼是否寫對啊哈哈!
最后的話,和大家講講人情世故吧啊哈哈!記得工作中是沒有很好的朋友的,就算你以為你們關系很好,也不要在別人寫代碼時去打擾別人,因為別人的思路會被你打斷,會生氣的!啊哈哈;然后的話記得買買奶茶啥的大家關系處好點!
我就想到這些了,啊哈哈一起加油吧!
總結
以上是生活随笔為你收集整理的使用uniapp架构开发小程序与web端的一些笔记啊哈哈!的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: c mysql datasource_D
- 下一篇: 前后端发包操作