前端頁面設計及Vue使用的一些經驗教訓總結

2021-08-21 19:00:03 字數 853 閱讀 5341

1.多使用div,合理使用float

2.margin值可設為負值,注意設定為負值後會被覆蓋,可將position:relative

3.vue跳轉傳遞引數:

4.跨域訪問url:跨域是頁面裡發起http請求時,請求的位址的域和當前頁面的域不同,可以在後台**設定filterconfig,看spring文件寫webmvcconfigurer;也可以在前端設定,比如jsonp

windows.open是開啟新頁面。

對於一些常用url,可以在vue的api.js裡面定義const常量,

import: 是引用第三方檔案。import+(常量 | 函式 | 檔案 | 模組)名 

exports: 暴露某個常量、函式、檔案、模組函式。

5.index.js 裡面path、name、component

6.注意$.get(url,data=>{})和$axios.get(url).then(data=>{}) 語法區別

7.data.foreach((val[,index])=>{})

8.scop="scope",scope.row則可獲得當前選中的行

9.對於elementui元素多看屬性方法,靈活使用

10.created()方法注意是與methods同級,注意不要放在methods裡面了;注意括號問題

11. echarts 畫圖 注意參考官網示例,確保資料無誤,如果資料是通過傳送ajax請求獲得,注意非同步問題,要在資料獲取之後再開始畫圖,另一方面需要注意版本問題,echarts目前官網已經更新至4.2.1,很多示例也是4新增的功能,需要判斷引用的echarts版本是否是最新。若希望echarts**自適應視窗大小,需要使用window.onsize=function()

vue的一些頁面優化建議

條件填充 v if 使用 div 下面的這種是改良版 v if show div template 因為第一種在頁面載入的過程中那個div元素是還沒有隱藏的,在vue的show引數載入出來之前他都是顯示在頁面上的,好像跟實際需要的就有區別 v for使用 vue陣列移除元素 vue陣列能夠用v fo...

常用前端頁面一些知識總結

1 margin 和padding 3 js如何獲取兩個特定符號之間的值 比如var chars abc foxmail.com 怎麼獲取chars中 與 這兩個符號中間的值,也就是foxmail var str chars.substring chars.indexof chars.indexof...

總結一些前端頁面優化的方法(一)

這裡我想寫一點日常前端頁面優化的方法,將持續發布一些我所遇到的問題優化,盡量寫的通俗易懂些 大白話搞起!優化 這個很重要,盡量壓縮一下 影象格式化的選擇 gif格式的圖提供的顏色比較少,可以用在一些對顏色要求不高的地方。後面加斜槓 www.xx.com 目錄,會判斷是什麼檔案型別或者是目錄 效率低下...