微信小程序相關(guān)

*小程序相關(guān)

大致介紹一下本篇派诬,小白實(shí)戰(zhàn)錄算是,沒有高深的東西圈纺,算是一次記錄秦忿。

## 1.入手當(dāng)然是官方介紹(我是忽悠wxs,還是使用js蛾娶,具體看自己)

官方教程

其他教程(可自行搜索灯谣,理論上官方夠了,后期可以百度一下小程序坑)

【個人理解到的重點(diǎn)】(以上線為目的蛔琅,一般重點(diǎn)都是在條款上胎许,技術(shù)方面很多,畢竟算新的,以前也沒接觸過前端)

1.小程序包的大小

2.小程序頁面?zhèn)€數(shù)限制


## 2.js部分(沒接觸過看一遍辜窑,本來前端的可以忽略本文哈)

廖雪峰JavaScript教程

## 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

刪除部分庫,比如城市選擇缴渊,不需要赏壹,怕包以后太大。開始就精簡一下

微信官方小程序UI

有贊

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處理敬惦,防止多次請求

image.png

image.png

image.png

##最后總結(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)測,告一段落昔穴,小白記錄一下镰官。


image.png

image.png

image.png
image.png
image.png

image.png

image.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市吗货,隨后出現(xiàn)的幾起案子泳唠,更是在濱河造成了極大的恐慌,老刑警劉巖宙搬,帶你破解...
    沈念sama閱讀 206,214評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件笨腥,死亡現(xiàn)場離奇詭異,居然都是意外死亡勇垛,警方通過查閱死者的電腦和手機(jī)脖母,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,307評論 2 382
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來闲孤,“玉大人谆级,你說我怎么就攤上這事∷匣” “怎么了肥照?”我有些...
    開封第一講書人閱讀 152,543評論 0 341
  • 文/不壞的土叔 我叫張陵,是天一觀的道長勤众。 經(jīng)常有香客問我舆绎,道長,這世上最難降的妖魔是什么们颜? 我笑而不...
    開封第一講書人閱讀 55,221評論 1 279
  • 正文 為了忘掉前任吕朵,我火速辦了婚禮猎醇,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘努溃。我一直安慰自己硫嘶,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,224評論 5 371
  • 文/花漫 我一把揭開白布梧税。 她就那樣靜靜地躺著音半,像睡著了一般。 火紅的嫁衣襯著肌膚如雪贡蓖。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,007評論 1 284
  • 那天煌茬,我揣著相機(jī)與錄音斥铺,去河邊找鬼。 笑死坛善,一個胖子當(dāng)著我的面吹牛晾蜘,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播眠屎,決...
    沈念sama閱讀 38,313評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼剔交,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了改衩?” 一聲冷哼從身側(cè)響起岖常,我...
    開封第一講書人閱讀 36,956評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎葫督,沒想到半個月后竭鞍,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,441評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡橄镜,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,925評論 2 323
  • 正文 我和宋清朗相戀三年偎快,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片洽胶。...
    茶點(diǎn)故事閱讀 38,018評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡晒夹,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出姊氓,到底是詐尸還是另有隱情丐怯,我是刑警寧澤,帶...
    沈念sama閱讀 33,685評論 4 322
  • 正文 年R本政府宣布他膳,位于F島的核電站响逢,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏棕孙。R本人自食惡果不足惜舔亭,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,234評論 3 307
  • 文/蒙蒙 一些膨、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧钦铺,春花似錦订雾、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,240評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至沼本,卻和暖如春噩峦,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背抽兆。 一陣腳步聲響...
    開封第一講書人閱讀 31,464評論 1 261
  • 我被黑心中介騙來泰國打工识补, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人辫红。 一個月前我還...
    沈念sama閱讀 45,467評論 2 352
  • 正文 我出身青樓凭涂,卻偏偏與公主長得像,于是被迫代替她去往敵國和親贴妻。 傳聞我的和親對象是個殘疾皇子切油,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,762評論 2 345

推薦閱讀更多精彩內(nèi)容