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