Ionic2生成網頁工作原理

2021-07-29 03:21:40 字數 662 閱讀 7475

ionic2生成網頁工作原理

由於專案需要,沒有使用android原生開發,而是使用了現在流行的hybird開發技術。經過選擇最終選擇了ionic1,學習了一段時間,發現了官網的文件函式在ionic1,沒有實現相應的效果。 才發現原來得使用ionic2,新版的框架。因此,現在專案使用ionic2開發。由於是第一次使用網頁的程式設計技術。所以事情都得重新學習使用。經過閱讀示例**和文件,學習入門,然後專案需求也確定下來了,就開始寫**。

基本的網頁技術看:

基本上來說ionic以及react這些平台都是使用了單頁面網頁,即切換url位址,但是仍然是在index.html頁面。,那麼怎麼怎麼實現頁面切換呢,通過學習可知,ionic在index頁面裡定義了乙個標籤,然後框架使用js**來改變這個標籤裡面的內容實現了頁面切換以及頁面內的元素的動態更新。以下是乙個index.html檔案示例,僅body部分

而頁面的css也是被編譯打包成乙個css檔案。在index檔案的head部分包括進來:示例如下:

我們自己為每個頁面編寫的css以及ionic庫的css都被壓縮到這個檔案裡面。統一載入。

安全:這裡我們注意到,我們自定義的css和自定義的js**(由ts**編譯生成)都和ionic庫的css以及js**混合在乙個檔案裡面。達到了原始碼混淆的功能。打包後的js**非常大,即便找到自定義的部分,**也不好閱讀。很晦澀。

ionic2中如何使用自動生成器

ionic generator是命令列的功能,ionic2自動幫我們建立應用程式,從而節省了大量的時間,並增加我們的速度來開發乙個專案的關鍵部分。ionic generator使我們可以自動建立以下幾部份 一 建立頁面 ionic g page pagename 通過這個命令建立乙個新的頁面,ion...

sublime text3生成網頁標頭檔案與高亮顯示

先說高亮顯示顯示問題,因為一開始我寫這些html 都是乙個顏色乙個灰的顏色,就感覺不對勁,和別人的顏色不一樣,最後找了原因,是因為sublime會根據檔案字尾名進行高亮顯示,現在這個時候你還沒有進行儲存,檔案是沒有字尾名的。如果想實現高亮顯示,可以在軟體右下角選擇plain text,然後選擇你想要...

CLR筆記 2 生成,打包,部署,管理

2.1 net framework部署目標 非.net程式的問題 1.dll hell 2.安裝複雜。目錄分散,登錄檔,快捷方式 2.2 將型別整合到模組中 編譯器工具csc csc out program.exe t exe r mscorlib.dll program.cs 由於c 會自動引用m...