docloud後台管理專案 前端篇

2022-08-22 07:54:09 字數 1293 閱讀 7667

以下內容與主題無關,如果不想看可以直接忽視

!--忽視開始--!

給大家推薦一款強大的編輯器,那就是集響應快、體驗好、逼格高、功能豐富為一體的sublime text 3。它除了以上特點,還有乙個最重要的功能:方便快捷的外掛程式擴充套件,支援大量外掛程式而且均支援命令列安裝,只要一條簡單的命令就可以完成外掛程式的安裝。想要提高開發效率,sublime是乙個很好的選擇!

!--忽視結束--!    

以下為專案開發時遇到的問題或者學習到的前端技術:

1、height:100%設定無效

解決方法:html,body

2、div居中

解決方法:

兩種方案

1、第一種情況,div寬度固定的情況下,給div設定width,然後margin:0 auto;

2、第二種情況,div寬度不固定或者說不想給div加寬度限制,給div設定display:inline-block;然後給他的父元素加上text-align:center;

3、純css實現奇偶行

解決方法:

使用css的:nth-child(odd)選擇器就可以了:tr:nth-child(odd)

4、css內進行簡單運算

解決方法:

使用calc函式:th

5、遍歷js物件

解決方法:

for (var k in jsobj)

由於是資料分析的後台,所以用到了圖表,我所採用的外掛程式是highcharts,一下是使用highcharts的一點經驗:

為了方便資料的修改和呈現,一般定義乙個全域性的引數

//圖表引數

var chart = ,

title: ,

xaxis: ,

datetimelabelformats:

},yaxis:

}};

裡面的引數都見名知意,就不一一解釋了,具體可以看相關文件。這裡xaxis 裡面的type: 'datetime'表示x軸按照時間顯示。

這是圖表初始化方法:

var ser = ; 

var ser = ;

ser[0] = ;

chart.series = ser;

$('#container').highcharts(chart);

x軸按照時間顯示的時候x值應該為時間戳,繫結之前記得對陣列進行按x軸公升序排序。

怎麼快速上手乙個專案 前端後台管理系統

每乙個專案的成熟過程都是從以下幾個方面出發 利用框架搭建先啟動專案 1 登入功能.1.1 根據框架中的元件渲染form表單。1.2 針對每一行使用者資料進行驗證和提示。1.3 驗證碼功能。1.4 登入提交方法。1.5 一些細節問題 正則匹配 頁面提示等 2 頁面首頁 2.1 頂部導航欄。2.2 側邊...

專案前端小結

解壓安裝 node v10.14.2 x64.msi 一直下一步。在命令列視窗 node v 檢視版本號 node v在命令列視窗 admin執行 屬性關閉快速編輯模式 安裝npm 前端伺服器庫 npm install 解壓前端專案在 projectname config 修改dev.env.js ...

專案前端技術總結

獲取select radio表單選中的值 input type radio checked val s option selected text 獲取選中的option的文字值 獲取select中option的被選中的value值 s val s option selected val js獲取se...