校園調研星是本學期做的乙個uml課程設計
前端採用了vuejs+elementui+axios進行編寫
後端採用go+gin框架進行編寫
經過乙個多月的不懈努力，終於把專案搞定了…
由於我負責了一部分前端的編寫，這裡記錄（吐槽）一下在此次專案編寫中遇到的問題
專案前端採用elementui做介面設計，有文件的幫助，本以為可以一路順利進行下去，但是在實際使用中還是遇到了一些小問題…
1.messagebox元件沒有適應移動端
當移動端彈出messagebox時，messagebox會超出手機顯示。
通過瀏覽器的開發者工具檢視該元件元素，發現該元件的寬度貌似被設定為定值750px。
可以通過media查詢的方式判斷螢幕大小調整messagebox的寬度。
@media screen and (
max-width
: 750px)
}
設想是移動和pc共用一套頁面，根據頁面大小的不同動態改變布局的內容。
預設利用hidden族類控制顯示選單，當低於某一值時，左邊選單隱藏，顯示頂部導航中的選單圖示。
但是使用中實際發現同時使用up和down（例如hidden-md-and-down和hidden-md-and-up），當視窗變化的大小在設定值附近的一小段範圍內，左邊選單被隱藏了，而頂部的選單圖示卻沒有顯示。也就是可能up和down的值設定有一小段差值。
可以通過設定乙個監聽函式，監聽視窗的變化。再根據得到視窗的大小決定選單的顯示（此做法可能在視窗大小頻繁變化時導致cpu占用變高）。
//監聽視窗大小變化
window.
addeventlistener
('resize',(
)=>
);
前端使用axios庫進行非同步請求。 axios 是乙個基於 promise 的 http 庫，可以用在瀏覽器和 node.js 中。
【axios的特性】使用文件：· 從瀏覽器中建立 xmlhttprequests
· 從 node.js 建立 http 請求
· 支援 promise api
· 攔截請求和響應
· 轉換請求資料和響應資料
· 取消請求
· 自動轉換 json 資料
· 客戶端支援防禦 xsrf
【axios中文網】廣告有點多…
【看雲的axios文件】無廣告
【github專案】***，沒經過特殊渠道，開啟巨慢…
1. 匯入
一起從import開始…
import axios from
'axios'
我這裡起名 $http，也可以起 $axios 之類的名字。
設定之後可以在每個單頁面可以通過 this.$http呼叫
vue.prototype.$http = axios;;//設定允許跨域傳送cookie
;//設定網域名稱，這些每次寫請求就不用寫前面的網域名稱
require
("promise.prototype.finally").
shim()
;//解決在低版本瀏覽器不支援promise的finally
資料結構課設 校園導航
為了防止以後可能需要又找不到 還是上傳一下吧 內容注釋寫的比較清楚了 include include include include define max vex 100 define inf 100000 define error 1 define ok 1 define true 1 defin...
網路程式設計課設吐槽記錄
運用子執行緒來實現全雙工通訊 service端 void sendinfo socket sockconn if strcmp gets s s,50 quit 0 sprintf s sendbuf,s send sockconn,sendbuf,strlen sendbuf 1 0 傳送訊息 清...
無人機編隊專案調研記錄
10分鐘了解無人機飛控3大演算法 說一說無人機編隊的控制方法 分享乙個無人機集群 平台的搭建思路 無人機自主控制與自主導航 這四個問題處理好，無人機集群編隊研究會有新突破 你想知道無人機是怎麼編隊控制的嗎？張巧龍多無人機集群編隊國內外研究現狀和發展方向 ros及slam高階教程 十一 多機械人編隊人...