[發明專利]基于網頁應用的刷新實現方法及裝置

有效

• 申請號: 201611177752.0
• 申請日: 2016-12-19
• 公開（公告）號: CN106598610B
• 公開（公告）日: 2020-06-02
• 發明（設計）人: 冷雪峰
• 申請（專利權）人: 北京小米移動軟件有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F8/65
• 代理公司: 北京格羅巴爾知識產權代理事務所(普通合伙) 11406
• 代理人: 白銀環

本公開是關于一種基于網頁應用的刷新實現方法及裝置。該方法包括：構建基于網頁應用的刷新組件的文檔對象模型元素；配置所述刷新組件的工作邏輯；配置所述刷新組件的樣式；將所述刷新組件應用于所述網頁應用中，以實現所述網頁應用的刷新操作。本公開利用網頁前端技術生成前端刷新組件，可以很方便地嵌入到網頁應用中，而不依賴于原生應用及其平臺，且前端刷新組件的維護難度較低，并能夠動態生成可復用的前端刷新組件，設定簡單，學習成本低，可以極大地節約人力成本和時間成本。

技術領域

本公開涉及計算機技術領域，尤其涉及基于網頁應用的刷新實現方法及裝置。

背景技術

移動端的應用開發主要基于以下三種技術。第一種技術是基于原生應用(NativeApp)的開發，比如Android(安卓)或者iOS(Apple’s mobile Operating System，蘋果公司開發的移動操作系統)技術。第二種技術是移動端前端網頁技術，例如網頁應用(Web App)。第三種技術是混合開發，其基于原生應用WebView(網頁視圖)的網頁內嵌技術。第一種技術的啟動速度快，運行穩定，支持的手勢操作多，容易實現，但更新升級的周期長，并且需要維護各個平臺的應用。第二種技術的升級方便，不依賴于單一的平臺，但運行不如第一種技術穩定。第三種技術可以盡最大可能集前兩者的優點于一身。

相關技術中，下拉刷新功能主要由原生應用來完成。由于原生應用技術的發展時間較長，在移動端的環境較為成熟，已有的組件繁多，因此在開發過程中實現下拉刷新功能往往較為簡單。在混合開發中，移動端原生代碼不能嵌入到網頁中，導致下拉刷新的實現依賴于原生應用及其平臺。每次實現下拉刷新功能時，雖然和之前的功能大部分相似，但只因為略有不同，代碼需要全部重新編寫，導致浪費人力和時間成本。隨著時間的推移和功能的迭代，代碼變得難以維護。

發明內容

為克服相關技術中存在的問題，本公開提供一種基于網頁應用的刷新實現方法及裝置。

根據本公開實施例的第一方面，提供一種基于網頁應用的刷新實現方法，包括：

構建基于網頁應用的刷新組件的文檔對象模型元素；

配置所述刷新組件的工作邏輯；

配置所述刷新組件的樣式；

將所述刷新組件應用于所述網頁應用中，以實現所述網頁應用的刷新操作。

對于上述方法，在一種可能的實現方式中，配置所述刷新組件的工作邏輯，包括：

向所述刷新組件導入全局變量，所述全局變量用于標志下拉刷新操作；

配置所述刷新組件接受的參數部分；

配置所述刷新組件的下拉相關事件；

配置所述刷新組件的頁面歸位方法；

配置所述刷新組件的監聽部分，所述監聽部分用于確定是否完成刷新。

對于上述方法，在一種可能的實現方式中，所述刷新組件的文檔對象模型元素包括所述刷新組件的信息標簽元素和/或動畫元素。

對于上述方法，在一種可能的實現方式中，向所述刷新組件導入全局變量，所述全局變量用于標志刷新操作，包括以下至少一項：

向所述刷新組件導入第一標志位，所述第一標志位用于標志當前是否允許執行下拉刷新操作；

向所述刷新組件導入第一參數列表，所述第一參數列表為執行下拉刷新操作時所需的參數列表；

向所述刷新組件導入第二標志位，所述第二標志位用于標志下拉刷新操作是否完成。

對于上述方法，在一種可能的實現方式中，所述接受的參數部分包括外層部分和/或內層部分。