HTML5移動開發環境介紹

来源:http://www.cnblogs.com/wppele/archive/2016/10/07/5934171.html
-Advertisement-
Play Games

介紹 本人移動開發小白一名,最近有需求要開發一款移動app,要求跨平臺(Ios&Android)第一反應就是幾年前看到的HTML5移動開發技術。大半天的找尋之後,發現DCloud的前臺框架MUI,已經很好的彌補了html5相比原生開發中存在的卡頓、載入緩慢等問題,結合native.js後可以調用移動 ...


介紹

本人移動開發小白一名,最近有需求要開發一款移動app,要求跨平臺(Ios&Android)第一反應就是幾年前看到的HTML5移動開發技術。大半天的找尋之後,發現DCloud的前臺框架MUI,已經很好的彌補了html5相比原生開發中存在的卡頓、載入緩慢等問題,結合native.js後可以調用移動平臺原生api,既然感覺不錯,那麼就以此作為前臺框架來進行堆碼。此系列隨筆僅作為記錄時刻提醒自己此次學習的經歷,當然能幫助到其他人是更好的,互聯網精神就是分享嘛o(∩_∩)o 

本章介紹開發環境,更新隨著學習進度進行,有錯誤的地方歡迎大家指正

  • 操作系統

    windows7

  • IDE

    前臺:HBuilder(真機調試非常方便)

    後臺:pycharm(python代碼調試)

  • 前臺框架

    MUI

    native.js  學習過後發現native.js無需像其它js文件一樣引用,在HBulider中直接使用文檔中的方法即可。

  • 後臺實現

    Python3

    tornado模塊(tornado與html5可以方便地進行websocket數據交換)

  • 資料庫

    Mongodb 之前還沒過多接觸過,藉此機會進行嘗試。


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

-Advertisement-
Play Games
更多相關文章
  • 1、手動編譯 1.1、首先找到TypeScript的安裝目錄,我的在”C:\Program Files (x86)\Microsoft SDKs\TypeScript\1.0“。 1.2、使用cmd工具命令cd到安裝目錄。 1.3、輸入命令:tsc 文件名.ts,回車編譯。 一旦編譯成功,就會在相同 ...
  • Css(Cascading Style Sheets,層疊樣式表)是一種頁面美化方法,通過編輯Css的對象屬性達到美化頁面的效果。Css的操作基本單元為對象,使用CSS的感覺就像是使用C++/C中的函數,CSS對象就像是函數,通過定義,聲明,調用來使用。 CSS有三種選擇器(對象定義和使用方式):標 ...
  • <select id="selector"></select> 1、設置value為pxx的項選中 $("#selector").val("xxx"); 2、設置text為pxx的項選中 $("#selector").find("option[text='xxx']").attr("selected ...
  • Json的語法及使用方法 Json(JavaScript Object Notation)對象表示標識,是一種輕量級的數據交換語言,比XML更容易解析,獨立於語言和平臺。 語法規則: 對象用{}保存 數據用鍵值對保存 數據間由逗號分隔 數組用[]保存 如下所示: {"id":1,"name":"jo ...
  • js中的text(),html() ,val()的區別 text(),html() ,val()三個方法用於html元素的存值和取值,但是他們各有特點,text()用於html元素文本內容的存取,html()不但可以用於html元素文本內容的存取,還可以用於html內容的存取。val()用於inpu ...
  • js中的回調函數的理解和使用方法 一. 回調函數的作用 js代碼會至上而下一條線執行下去,但是有時候我們需要等到一個操作結束之後再進行下一個操作,這時候就需要用到回調函數。 二. 回調函數的解釋 因為函數實際上是一種對象,它可以存儲在變數中,通過參數傳遞給另一個函數,在函數內部創建,從函數中返回結果 ...
  • js原生的迴圈有兩種,一般的for迴圈和for...in迴圈。還有一種常用jQuery.each()迴圈。 一. js原生迴圈 a. for迴圈,代碼如下: var myArray = [1,2,3];for (var i = 0; i < myArray.length; i++) { consol ...
  • 聲明:本文是摘自一篇文章,放在這隻為做為一個筆記能更好學習。 大家知道,==是JavaScript中比較複雜的一個運算符。它的運算規則奇怪,容易讓人犯錯,從而成為JavaScript中“最糟糕的特性”之一。 在仔細閱讀了ECMAScript規範的基礎上,畫了一張圖,通過它你會徹底地搞清楚關於==的一 ...
一周排行
    -Advertisement-
    Play Games
  • 示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後,項目結構如下所示: MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread] 特性用於需要與 COM 組件交互的應用程式,尤其是依賴單線程模型(如 Windows Forms 應用程式)的組件。在 STA 模式下,線程擁有自己的消息迴圈,這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • 在WinForm中使用全局異常捕獲處理 在WinForm應用程式中,全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理,可以有效地捕獲並處理未預見的異常,從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • 前言 給大家推薦一款開源的 Winform 控制項庫,可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫,同時也提供了工具類庫、擴展 ...
  • 說明 該文章是屬於OverallAuth2.0系列文章,每周更新一篇該系列文章(從0到1完成系統開發)。 該系統文章,我會儘量說的非常詳細,做到不管新手、老手都能看懂。 說明:OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友,請關註我吧(*^▽^*) ...
  • 一、下載安裝 1.下載git 必須先下載並安裝git,再TortoiseGit下載安裝 git安裝參考教程:https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit,Git客戶端,32/6 ...
  • 前言 在項目開發過程中,理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼,還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程:Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 一:背景 1. 講故事 前段時間有位朋友找到我,說他的窗體程式在客戶這邊出現了卡死,讓我幫忙看下怎麼回事?dump也生成了,既然有dump了那就上 windbg 分析吧。 二:WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死,入口門檻很低,後續往下分析就不一定了,不管怎麼說先用 !clrsta ...
  • 前言 人工智慧時代,人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API,工具不僅易於集成,還具備高效處理能力。 本文將介紹一款如何利用這些API,為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...