js學習總結----移動端概述和hybird模式

来源:http://www.cnblogs.com/diasa-fly/archive/2017/08/10/7337057.html
-Advertisement-
Play Games

移動端、H5、響應式佈局、webApp、場景應用、微信二次開發... 都是一個意思 1、首先先介紹一些基本概念 移動端:運行在移動設備上的產品 移動設備:手機、平板、I Touch... 大家都知道我們做得產品大部分都只需要適配IOS系統和安桌系統即可 響應式佈局:在不同的設備上都能給予客戶最好的操 ...


移動端、H5、響應式佈局、webApp、場景應用、微信二次開發... 都是一個意思

1、首先先介紹一些基本概念

移動端:運行在移動設備上的產品

移動設備:手機、平板、I Touch...

大家都知道我們做得產品大部分都只需要適配IOS系統和安桌系統即可

響應式佈局:在不同的設備上都能給予客戶最好的操作體驗

移動端的產品:

APP:

  手機應用,目前市面上流行的APP產品大部分都是原生APP開發者做的  IOS:OBJECT-C  安桌:JAVA-NATIVE。

  目前市場上正在趨於使用JS來開發原生的APP:React Native、phoneGap...

H5:

  HTML頁面,都是運行在瀏覽器中的(pc端瀏覽器或者是移動端的瀏覽器[內置的、UC、QQ、百度、谷歌]) ->在IOS和安桌平臺上的瀏覽器大部分都是webkit內核的,所以移動端我們做得H5頁面不用像PC端一樣那樣的去處理瀏覽器的相容

以後工作中我們這一類的前端開發工程師主要做的產品形態都有哪些:

  PC端和移動端公用一套項目的:做一個HTML頁面,需要在PC端訪問也需要在移動端訪問  比如:獵豹(響應式)

  PC端和移動端用的是不同的項目,例如:京東、淘寶、QQ...PC端的項目不需要做響應式,移動端的項目需要做響應式

  在移動端我們開發出來的HTML頁面(H5)運行的環境

  移動端的瀏覽器:UC、QQ、百度...

  原生APP(Native App)的webView:hyBird模擬   例如:在微信中打開一個H5頁面,我們的H5其實就是運行在微信的webView中的

hybird模式

  把我們的開發的H5頁面嵌入到Native APP 的webView中運行(所謂的webView你可以簡單的理解為一個瀏覽器,也是webkit內核的)


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 俺剛畫的一張圖片 ...
  • 一、要求 項目功能方便客戶查詢化學品信息業務現狀客戶查詢方式多樣化,如通過名稱查詢、同義詞查詢、CAS號查詢等目前數據量是1千萬數據顯示形式比較單調業務目標精確滿足客戶查詢需求豐富數據顯示形式查詢速度控制在1-2s 二、解決方法 分析客戶行為發現客戶有一半概率是通過產品名稱查詢,一半概率是通過其他方 ...
  • 前言 本文將簡單介紹兩種基於Flume的日誌收集系統可能的架構方案,可根據不同的實際場景參考使用。 方案一 示例圖如下: 說明: 每個日誌源(http上報、日誌文件等)對應一個Agent-c用於收集對應日誌, 收集來的日誌可以流到Agent-s-1或Agent-s-2; Agent-c的Sink處理 ...
  • 首先讓我們來先看一個例子: 這是一個簡單的用戶下單購買商品的業務模型,輸入端是用戶,相關物料有訂單和貨物,相關的內部服務有業務(訂單)、財務(支付)、倉儲(備貨)和物流(運輸)。 從圖中我們可以看到,用戶首先向業務部門下了一個訂單,業務部門根據用戶提供的內容生成了一份訂單給客戶,並要求客戶根據訂單金 ...
  • 寫在最前面 這個系列的主旨是要跟大家分享一下關於自動化測試框架的構建的一些心得。這幾年,做了一些自動化測試框架以及團隊的構建的工作。過程中遇到了很多這樣的同學,他們在學習了某一門語言和一些自動化測試的類庫或者工具之後,打算進一步的提高。我想這個系列也許會幫助到你,我們一起從各個維度來看一看自動化測試 ...
  • web: 分三部分:1、HTML;2、CSS;3、JavaScript。 1、HTML:用來構建網頁的結構和內容; 2、CSS:用來給網頁化妝,美化網頁; 3、JavaScript:用來讓網頁呈現動態的數據和效果。 重點: JavaScript: 1)java程式員使用js來實現網頁的業務邏輯; 2 ...
  • 1、自適應網站 自適應網站源碼特征: (1)寬度百分比佈局 (2)文字rem(em)設置大小 展示形式:自適應是為瞭解決如何才能在不同大小的設備上呈現同樣的網頁,網站的內容和佈局是沒有變的。 2、響應式網站 最著名的是前端框架bootstrap(http://v3.bootcss.com/css/) ...
  • 前言 本文是我學習JavaScript過程中收集與整理的一些易錯知識點,將分別從變數作用域,類型比較,this指向,函數參數,閉包問題及對象拷貝與賦值這6個方面進行由淺入深的介紹和講解,其中也涉及了一些ES6的知識點。 JavaScript知識點 1.變數作用域 上方的函數作用域中聲明並賦值了a,且 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...