這段時間的主業(yè)是完成一個家政類小程序，終于是過審核發(fā)布了。不得不說微信的這個小程序生態(tài)還是頗有想法的，拋開他現(xiàn)有的一些問題不說，其提供的組件系統(tǒng)乍一看還是蠻酷的。比如其提供的一個叫swiper的視圖組件，就可以在寫界面的時候省不少時間和代碼，輪播圖片跟可滑動列表都可以用。導(dǎo)致現(xiàn)在回來寫angular項目時也想整一個這樣的組件出來，本文就將使用angular的組件能力和服務(wù)能力完成這么一個比較通用，耦合度較低的swiper出來。
首先要選擇使用的技術(shù)，要實現(xiàn)的是與界面打交道的東西，自然是實現(xiàn)成一個組件，最終要實現(xiàn)的效果是寫下這樣的代碼就可以完成一個可以滑動的視圖來：
<swipers>
<swiper>視圖1</swiper>
<swiper>視圖2</swiper>
</swipers>
然后要把最基本的組件定義寫出來，顯然這里要定義兩個組件。第一個是父級組件，選擇器名字就叫ytm-swipers，目前做的事情僅僅是做一個外殼定義基本樣式，使用時的子標(biāo)簽都會插入在ng-content標(biāo)簽中。
延伸閱讀
- ssh框架 2016-09-30
- 阿里移動安全 [無線安全]玩轉(zhuǎn)無線電——不安全的藍(lán)牙鎖 2017-07-26
- 消息隊列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 論文筆記【圖片目標(biāo)分割】 2017-07-26
- 詞向量-LRWE模型-更好地識別反義詞同義詞 2017-07-26
- 從棧不平衡問題 理解 calling convention 2017-07-26
- php imagemagick 處理 圖片剪切、壓縮、合并、插入文本、背景色透明 2017-07-26
- Swift實現(xiàn)JSON轉(zhuǎn)Model - HandyJSON使用講解 2017-07-26
- 阿里移動安全 Android端惡意鎖屏勒索應(yīng)用分析 2017-07-26
- 集合結(jié)合數(shù)據(jù)結(jié)構(gòu)來看看(二) 2017-07-26
學(xué)習(xí)是年輕人改變自己的最好方式