*小程序相關(guān)
大致介紹一下本篇派诬,小白實(shí)戰(zhàn)錄算是,沒有高深的東西圈纺,算是一次記錄秦忿。
## 1.入手當(dāng)然是官方介紹(我是忽悠wxs,還是使用js蛾娶,具體看自己)
其他教程(可自行搜索灯谣,理論上官方夠了,后期可以百度一下小程序坑)
【個人理解到的重點(diǎn)】(以上線為目的蛔琅,一般重點(diǎn)都是在條款上胎许,技術(shù)方面很多,畢竟算新的,以前也沒接觸過前端)
1.小程序包的大小
2.小程序頁面?zhèn)€數(shù)限制
## 2.js部分(沒接觸過看一遍辜窑,本來前端的可以忽略本文哈)
## 3.實(shí)踐(demo參考)
開始實(shí)踐钩述,看太多越看越不行,看太簡單穆碎,層次一直在這邊牙勘,看太難,新事物容易畏懼所禀,看著覺得簡單方面,太自負(fù),到頭來還是不會北秽,
so葡幸,看完一遍官方介紹直接開始。
這部分新手為啥不介紹css呢贺氓?css這玩意需要微調(diào)蔚叨,上線進(jìn)度問題,功能先完成辙培,再看一遍微調(diào)蔑水,一下子接觸太多會疲倦,最后真搞不定了扬蕊,功能這塊完成了搀别,css只能交給有經(jīng)驗(yàn)的人(后話,最后搞定了)尾抑。
對了歇父,還有開發(fā)工具,自帶的+Egret Wing3,注意多按保存二邊同步再愈。
另外可以搜下github相近的demo
## 4.輪子
寫著寫著榜苫,你會發(fā)現(xiàn)有些需求,咋辦呢翎冲?新手真的沒有辦法垂睬,找輪子唄。這邊暫時引入了這三個抗悍,當(dāng)然相應(yīng)修改了一下驹饺,特別是
wux
刪除部分庫,比如城市選擇缴渊,不需要赏壹,怕包以后太大。開始就精簡一下
其他資源(非專業(yè)衔沼,且有時間計劃蝌借,只是看到了田柔,沒深入使用)
https://github.com/aben1188/awesome-wepy
https://github.com/meili/min-cli
https://github.com/MasterStudio/MasterWechatApp
https://github.com/charleyw/wechat-weapp-redux
https://segmentfault.com/a/1190000007107646
...
等等
## 5.坑
寫著寫著,發(fā)現(xiàn)一些坑骨望,百度解決唄,why百度欣舵?不是google
擎鸠,小程序嘛,哈哈缘圈。
## 6.樣式
差不多寫完了劣光,(功能邏輯部分),看一遍css糟把,注意盒子模型绢涡,開始微調(diào)。特別是display遣疯,position雄可,float等常用屬性,可以在自帶開發(fā)工具上微調(diào)缠犀。
## 7.最后體驗(yàn) need something数苫?
提示都不見了,原生是網(wǎng)絡(luò)請求統(tǒng)一提示錯誤辨液,處理401虐急,成功在相應(yīng)接口。微信自帶的感覺有不足滔迈。
導(dǎo)入promise(不確定微信有沒有止吁,自己導(dǎo)入了一份)
相應(yīng)修改,統(tǒng)一提示燎悍,401處理敬惦,防止多次請求
##最后總結(jié)一下坑:
js部分
空值判斷,數(shù)值加減间涵,最后解決辦法util.js寫常用方法仁热,多使用
that=this,哈哈勾哩。
css部分
盒子模型抗蠢,常用屬性唄,z-index顯示等
wxml(xml是始祖思劳,html是特殊的xml迅矛,正規(guī)的數(shù)據(jù)格式是xml
,json只是方便接口對接潜叛,xml是公司對接數(shù)據(jù)的格式秽褒。)
綁定壶硅,條件,循環(huán)销斟,滾動視圖庐椒,遮罩(catch阻止事件傳遞)及穿透滾動(scroll-y屬性設(shè)置到一個變量,同時使用catch阻止事件傳遞)等蚂踊。
##
不爽的地方:
1.js
語法/傳統(tǒng)和es6
剛寫沒辦法
2.wxml
變量
Mustache語法在模板使用時约谈,模板里面的值需要整個頁面
js先定義,然后方法也放在頁面js里(剛接觸的寫法犁钟,應(yīng)該是可以寫在模塊同名js文件再引用)棱诱。
## 3.傳值
反向傳值,保存到app屬性上或者保存到系統(tǒng)涝动,使用后清空迈勋;
正向傳值,自動解析醋粟,so不能加編碼
等等
反正最后一一解決靡菇,暫公司內(nèi)測,告一段落昔穴,小白記錄一下镰官。