完成之後的效果圖就是這樣的，在首頁頁面裡，點選上面的選單欄，下面的內容會根據上面而變化，在下面的內容部分，因為內容多少不確定，設定成了可以滾動的。因此，為了實現上面的效果，我們需要用到view元件、swiper元件和scroll-view元件。
在小程式開發文件中，將view稱為檢視容器，通過設定view的fle-direction，可以實現容器內部的排列樣式，當flex-direction:row時，容器內部元素橫向排列，當flex-direction:column時，容器內部元素縱向排列。除了文件上給出的屬性外，還有兩個相關屬性，
justify-content 主軸的對齊方式（如果flex-direction為row則主軸就是水平方向），可選屬性 (『flex-start』, 『flex-end』, 『center』, 『space-between』, 『space-around』)；
align-items 側軸對齊方式如果flex-direction為row則側軸就是垂直方向），可選屬性 (『flex-start』, 『flex-end』, 『center』）。下面是實現導航欄部分的**：
index.wxml
}index.wxss
.top-tab
.top-tab .top-tab-item
.top-tab-item.active
index.js
data: ,
switchtab: function (e) );
},在上面的**中，首先我們構件了乙個存放導航條目的容器.top-tab，並進行相關設定display: flex; flex-direction:row; justify-content: space-around; align-items: center; 保證了容器內部的元素縱向排列，內部容器的實現使用了迴圈，並新增了點選事件，使得在點選的時候可以快速判斷出是哪個條目，為下面的內容做準備。
在小程式開發文件中，將scroll-view稱為可滾動檢視區域，通過一對標籤scroll-view包裹起來的內容是可以在設定的方向上滾動的，在文件中，列舉了很多相關的屬性，但我們這裡只是舉例，便只做出了最簡單的滾動樣式，具體詳細的屬性用法可以參看文件。
index.wxml}}
}}}}
}}}index.wxss
.swipertext
.scrollview
::-webkit-scrollbar
在這段**中，通過設定滾動容器.scrollview的scroll-y="true"；使得容器在y中方向上可以滾動，另外通過最後的那兩行樣式，將滾動條隱藏了。
在小程式開發文件中，將swiper稱為檢視滑塊容器，內容也是可以滑動的，關於swiper，在開發文件中也列出來很多的屬性，我們這邊只是簡單的說一下我們待會兒需要用的幾個屬性，首先是current，當前所在滑塊的index，也就是控制當前顯示的滑塊的；duration，滑動動畫的時長，這個自己按需設定就好了；bindchange，current 改變時會觸發 change 事件，event.detail = ，當我們改變current的時候，會觸發的相關事件。先來看一下我們的實現**。
index.wxml}}
}}}}
}}}}
index.wxss
.swiper
index.js
page(,
onready: function () );}})
},switchtab: function (e) );
},bindchange: function (e) );}})
首先，我們通過構建了乙個容器.swiper,滑塊部分就是每乙個scroll-view了，我們預設將current設定為0，也就是預設顯示第乙個滑塊部分了，因為容器的可活動範圍=介面可操作範圍 - 頂部導航部分，因此在高度上面上面做了乙個設定，至於scroll-view的大小，預設是同滑塊容器也就是.swiper相同的，我們知道上面導航部分的選單和下面滑塊是一一對應的，因此，我們只需要current同上面的index關聯就可以了，也就是前面導航部分說的點選事件了。
今日頭條 今日頭條三面面經
一面 1 演算法題，程式設計實現nsum 2 實現元素的居中並且寬高比為3 4 3 實現繼承 4 給了一段 給出輸出結果，這個是和非同步相關 5 http的狀態碼有哪些 6 cookie和session的區別，以及如何生成session 7 給 寫輸出和原型鏈相關 8 變數宣告提公升 三面 1 介紹...
今日頭條筆試
問題描述 給定乙個段落，由 n 個句子組成。第 i 個句子的長度為 l i 包含的單詞個數為 w i 句子不包含任何除字母和空格 外的符號。每個句子內部，含有若干個單詞，由空格 分隔。句子不會包含連續的空格。隨後給定 m 個查詢，每個查詢包含乙個句子，需要在段落中尋找相同單詞數量最多的句子。重複的單...
今日頭條emmmmmmm
迭代器的用處就是重複的運作一道一百，像乙個家庭爺爺生了爸爸才能有孫子。這個迭代器級別非常關鍵斷了乙個也不行！迭代器 只要 iter 方法的物件就是迭代物件 字串，列表，元祖，字典，集合，檔案都可迭代物件！next 其實是在遍歷可迭代物件的元素，一遍完成報錯。迭代器 是擁有 iter 方法，迭代物件擁...