Wikipedia viewer

功能: 我可以在一個搜索框搜索維基百科的條目,並看到輸出結果。

功能: 我可以點擊一個按鈕就看到一個隨機的維基百科條目。

提示 #1: 這個URL可以讓你獲得一個隨機的維基百科條目:http://en.wikipedia.org/wiki/Special:Random.

提示 #2: 這是你使用維基百科API的入口: http://www.mediawiki.org/wiki/API:Main_page.

需要解決的功能:
- 搜索框,搜索條目,輸出結果

答:<input type="text" placeholder="搜索框裏的字" ng-model="searchTerm" ng-change="searchWikipedia">
輸出結果用 div class=”columns”來表示,再加入ng-repeat=”result in results”完成

  • 點擊按鈕,出現隨機wiki條目(功能類似random quote machine)

答:這個簡單,添加一個<a href="">就可以了

  • .ajaxangularJS http.jsonp爲什麼無法獲取?
    答:根據互聯網的同源策略,不同域名、不同端口、不同協議均爲不同源,本源的JS腳本不能操作其他源的頁面對象。使用Jsonp完成跨域,這是一種非正式協議,可以通過建立<script>標籤的形式引入js文件,因爲這樣引用的JS文件內容不會被客戶端的JS獲取到,不會影響文件內容安全。
    jsonp由兩部分組成,Json數據和返回函數。Json數據作爲參數被包進那個callback=”xxx”的函數裏去,即“xxx的參數爲json數據。
    function的名字就是xxx,也可以用動態應用的方式操作數據,success(function(data){
    //….})

  • angularjs中app.controller中只要一個函數執行成功就不執行其他函數了?兩個函數是必須嵌套嗎?

  • ng-change只能有一個函數運行嗎? 或者說只要有錯誤的就不運行,(把錯誤的searchImage()放前面後面均不運行)
  • <div class="small-8 small-offset-2 medium-6 medium-offset-3 large-4 large-offset-4 columns">這是什麼的定義方式? 它可以使能點擊的地方也侷限在裏面,而用CSS變出來的框,在框外還是可以點擊。(應該是跟CSS有關的)
  • document.getElementById('wikipedia').classList.remove('vertical');確定id爲“wikipedia”的元素,然後移除掉它的類’vertical’
發佈了27 篇原創文章 · 獲贊 4 · 訪問量 2萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章