整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
面介紹了《景區手繪地圖（電子地圖、智慧導覽系統）如何制作》以及《景區手繪地圖的繪制流程》，接下來介紹一些手繪地圖制作的關鍵點。
手繪地圖最關鍵的一點，就是把手繪地圖準確的覆蓋到地圖平臺。
手繪地圖體驗
?
<table>標簽：
<table>指的是表格，用表格來搭建界面布局，即用表格的嵌套，來搭建界面布局。
<table>布局優勢：
table優勢：開發時間短（使用DW開發速度快）；純table各瀏覽器不會有兼容問題；內容可自適應；在搜索引擎排名能靠前；
但是 table如果布局變更，需要重新開發；如果table里有div ul 等，可能會出現瀏覽器兼容問題；加載速度慢；table嵌套的太多，運維是非常困難的。
<div>塊級（block-level）標簽：
DIV是層疊樣式表中的定位技術，全稱DIVision，即為劃分。有時可以稱其為圖層。
<div>布局優勢：
一.精簡代碼，減少重構難度。
網站使用DIV+CSS布局使代碼很是精簡，css文件可以在網站的任意一個頁面進行調用，而若是使用table表格修改部分頁面卻是顯得很麻煩。要是一個門戶網站的話，需手動改很多頁面，而且看著那些表格也會感覺很亂也很浪費時間，但是使用css+div布局只需修改css文件中的一個代碼即可。
二.網頁訪問速度
使用了DIV+CSS布局的網頁與Table布局比較，精簡了許多頁面代碼，那么其瀏覽訪問速度自然得以提升，也從而提升了網站的用戶體驗度。
三.SEO優化
采用div-css布局的網站對于搜索引擎很是友好，因此其避免了Table嵌套層次過多而無法被搜索引擎抓取的問題，而且簡潔、結構化的代碼更加有利于突出重點和適合搜索引擎抓取。
四.瀏覽器兼容性
若使用table布局網頁，在使用不同瀏覽器情況下會發生錯位，而div+css則不會，無論什么瀏覽器，網頁都不會出現變形情況。
1.流動式布局：是HTML網頁默認的布局方式
特點：
1.塊級元素都會在所處的包含元素內自上而下按順序處置延伸分布，且默認狀態下，塊級元素占整個文檔流，默認寬度為100%。
2.內聯元素都會在所處的包含元素內從左到右水平分布顯示，不占整個文檔流。
常見的塊級（block）元素有：<h1-h5> 、<table>、 <ul>、<li> 、<p> 、<form>、 ol
常見的內內聯（行內）元素有：<a>、<span>、<img>、<input>、<select>、<textarea>
2.浮動布局（float）
特點：
浮動布局依靠【 浮動屬性 float：left/right/... 】來使標簽脫離文檔流，達到兩個塊級元素并排顯示的效果。
float：left ； 浮動脫離當前文檔流浮動。
同時可以依靠【展示屬性display：inline/block/inline-block】來進行行內元素和塊級元素的效果切換。從而達到靈活運用塊級元素和行內元素布局的效果。
3.層模型布局又叫定位布局
特點：
當我們應擁div布局是，在第一層塊界面上來做第二層塊界面的開發時，就要用到我們所說的定位布局。
通過運用【定位屬性position:absolute/relative/fixed】 來進行第二層界面的定位布局。
網頁是靜態的，網頁上的定位
position：absolute ；絕對定位脫離文檔流，不受浮動影響，就是相對于窗體（body）邊界的margin定位。
position：relative； 相對定位不脫離文檔流，相對于父級標簽元素的位置定位。
position:fixed；固定位置，不會受任何因素影響。
滾動條移動前
滾動條移動后
優先層顯示方法：【屬性：z-index:0/1/2...】
特點： 數值越大，越優先顯示。
注意：只有元素使用了position屬性的，才具有z-index屬性。
本文部分內容來自網絡，如有侵權，請聯系修改。
文轉自測試人社區，原文鏈接：Python 測開28期 - WL - 學習筆記 - Vue - 學習筆記 - 測試人社區
<!-- 文檔聲明 -->
<!DOCTYPE html>
<!-- 文檔主體 -->
<html lang="en">
<!-- 文檔配置 -->
<head>
<!-- 設置網頁編碼格式 -->
<meta charset="UTF-8" />
<!-- 設置網頁兼容模式 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- 設置網頁顯示區域 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- 設置網頁標題 -->
<title>測試集合</title>
<!-- 1. vue 引入 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<!-- 正文內容 -->
<body>
<!-- 2. 定義一個容器，給容器標注 id，方便后邊操作 -->
<div id="app">
{{message}}
</div>
</body>
</html>
<!-- js腳本 -->
<script>
// 實例化 vue
var vm=new Vue({
// 需要傳入對象
el: "#app", // 指定掛載元素
data:{ // 掛載元素的值
message: "Hello laoda"
},
methods:{
},
});
</script>
<!-- CSS 樣式表 -->
<style></style>*請認真填寫需求信息，我們會在24小時內與您取得聯系。
