20191022 複習前端

2021-09-29 01:51:46 字數 2708 閱讀 8515

新看乙個專案想要給複製到vue中,已經忘了怎麼用原始html去寫前端**。這次就當做乙個複習吧。

一開始是html的宣告

宣告必須是 html 文件的第一行,位於 標籤之前。

html標籤。 然後lang =en 語言使用英語

然後是head標籤

head標籤,用於定義文件的頭部,它是所有頭部元素的容器,head中的元素可以引用指令碼,指示瀏覽器在**找到樣式表,提供元資訊。

meta標籤必須選擇的屬性content

content 屬性提供了名稱/值對中的值。該值可以是任何有效的字串。

content 屬性始終要和 name 屬性或 http-equiv 屬性一起使用

name屬性

name屬性提供了名稱/值對的名稱,通常情況下你可以自己使用對自己和源文件的讀者富有意義的名稱。

author

description

keywords

generator

revised

others

keywords是乙個經常被用到的名稱,它為文件定義了一組關鍵字。某些搜尋文件引擎在遇到這些關鍵字的時候,會用這些關鍵字對文件進行分類

關於meta標籤 中的name = viewport

什麼是viewport

手機瀏覽器是把頁面放進乙個虛擬的視窗中(viewport),通常這個虛擬的視窗,比螢幕要寬,這樣就不用把每個網頁擠到很小的視窗中,使用者可以通過平移和縮放來看網頁中的不同的部分。

viewport 基礎

乙個常用的針對移動網頁優化過的頁面viewport meta標籤大致如下

width 控制viewport的大小,可以指定乙個值,如果600,或者特殊的值,如device-width為裝置的寬度,

height:與width想對應,指定高度

initial-scale: 初始縮放比例,也就是使用者第一次load的時候縮放的比例

maximum-scale: 允許使用者縮放到的最大比例

minimum-scale:允許使用者縮放的最小比例

user-scalable:使用者是否可以手動縮放

那麼上面**說明,使用者第一次正常縮放,使用者不可以手動縮放

使用utf-8編碼方式

停車場商場車位占用例子|室內三維地圖引擎|esmap
那麼就是這個瀏覽器的標題

元素可定義文件的標題。
瀏覽器會以特殊的方式來使用標題,並且通常把它放置在瀏覽器視窗的標題欄或狀態列上。同樣,當把文件加入使用者的鏈結列表或者收藏夾或書籤列表時,標題將成為該文件鏈結的預設名稱。

這個是keywords是搜尋引擎能搜尋到的關鍵字

description 是對此的描述

html中link標籤

href是該鏈結文件的位置 url

rel 規定當前文件與被鏈結文件之間的關係

這是引用的css樣式

head標籤中全部學完

style

style標籤用於為html文件定義樣式資訊

type屬性是必須的,定義style元素的內容,唯一的值可能是「text/css」

本個專案中,所有的樣式都在其中

body標籤,定義文件的主體

body元素包含文件中的所有內容(比如文字,影象,超連結,列表等)

定義乙個id為map-container的標籤

定義了乙個loading的標籤,裡面有乙個loading的標籤

這樣的乙個標籤

手機掃一掃進入體驗

停車場車位占用

1. 停車場車位占用例子定時5秒從後台獲取資料

停車場車位占用例子定時5秒從後台獲取資料,停車場導航,商場導航,停車場定位,易景室內三維地圖引擎提供地圖瀏覽、縮放、旋轉、圖層顯隱等基礎功能,支援自定義室內地圖顯示風格及樣式,可自動繪製樓層熱力圖、散點圖等專題地圖,快速進行空間大資料分析展示。支援跨樓層精準的點到點之間的最短、最優路徑計算,支援對路徑結果進行導航和動畫,並提供豐富的地圖主題資源供二次開發呼叫。

20191022學習日記

虛擬機器centos7使用nat模式上網,但設定靜態ip後突然上不了網?問題已經解決!找到ifcfg eth0檔案,配置兩個dns伺服器 dns1 192.168.122.2 首選dns dns2 233.5.5.5 備用dns dns3 8.8.8.8 google的dns,速度快 穩定,有被封的...

前端複習 2018 12 15

1.無序列表 前面自帶小黑點 2.有序列表 前面自帶排序數字 常用屬性posiltion 1.absolute 絕對定位 對比父元素進行定位,且定位後自身原來位置的空間會 2.relative 相對定位 對比自身原來位置進行定位,且定位後自身原來位置的空間不會 3.fixed 固定定位 定位後頁面滾...

web前端複習

1 五大常用瀏覽器 1 chrome webkit blink webkit 2 firefox gecko moz 3 ie trident ms 4 oprea presto o 5 safiri webkit webkit 2 文字標籤 下劃線 span 1 行內元素 em,i,span a ...