遊戲後臺管理模組開發流水賬
最近沒什麼事就被老大抓壯丁去做了一個遊戲後臺管理系統，包括前端和後端。 前端採用Vue+Webpack+Vue-resource+element-ui後端採用Nodejs+express+mysql+redis 初生牛犢不怕虎，看了一點文件，俺上來就手擼Vue，悲催的發現半道出家沒學過CSS、HTML上來就擼框架還是有點長吃力的，一些基本操作都很艱難。只好老老實實去看HTML和CSS。 HTML筆記
<html> <body> <head> <title> <hx>標題 <ul>沒有前後順序的資訊列表 <ol>有前後順序的資訊列表 <span>設定文字單獨樣式 <q>短文字引用 <hr>水平橫線 <address>地址 <code>一行程式碼 <pre>一段程式碼 <br>換行 <strong>強調 空格 <div>劃分 屬性： id <table>表格 tbody一塊 tr一行 th表頭 summary摘要 caption標題 <a> 連結到另一個頁面 target="_blank"新標籤頁開啟 href 點選開啟的網址 title懸停資訊 <form> 表單 method 資料傳送方式 ation資料被傳送到的敵方 <textarea rows="行數“ cols="列數”> <input type="radio/checkbox" value="值" name="名稱" checked="checked"/>單選/複選框 <select>下拉框 <select> <option value="看書">看書</option> multiple = "multiple"多選 <input type = "submit“>提交按鈕 type = reset 重置按鈕 css三種方式 內聯式 》嵌入式？ 外部檔案式 css .開頭{} .green{} 使用class ="green"來使用 類選擇器 #green{}使用id="green"來使用 id選擇器 區別： 1、ID選擇器只能在文件中使用一次。與類選擇器不同，在一個HTML文件中，ID選擇器只能使用一次，而且僅一次。而類選擇器可以使用多次。 2、可以使用類選擇器詞列表方法為一個元素同時設定多個樣式。我們可以為一個元素同時設多個樣式，但只可以用類選擇器的方法實現， .food>li{border:1px solid red;} 子選擇器 .first span{color:red;} 包含(後代)選擇器 區別： 子選擇器（child selector）僅是指它的直接後代，或者你可以理解為作用於子元素的第一代後代。而後代選擇器是作用於所有子後代元素。後代選擇器通過空格來進行選擇，而子選擇器是通過“>”進行選擇。 通用選擇器 * {color:red;} 它的作用是匹配html中所有標籤元素 偽類選擇符 它允許給html不存在的標籤（標籤的某種狀態）設定樣式，比如說我們給html中一個標籤元素的滑鼠滑過的狀態來設定字型顏色 a:hover{color:red;} 分組選擇符 html中多個標籤元素設定同一個樣式時，可以使用分組選擇符（，），如下程式碼為右側程式碼編輯器中的h1、span標籤同時設定字型顏色為紅色：h1,span{color:red;} 繼承 CSS的某些樣式是具有繼承性的 它允許樣式不僅應用於某個特定html標籤元素，而且應用於其後代 但注意有一些css樣式是不具有繼承性的。如border:1px solid red 權值：標籤的權值為1，類選擇符的權值為10，ID選擇符的權值最高為100 css佈局 div h1 p 寬度都為100%
看下來感覺網頁HTML和CSS的程式設計思想和Unity還是完全不一樣的，Unity忽略他的Component系統，針對GameObject來說的話還是比較純粹的面對物件的感覺的。而HTML和CSS給人一種解釋型，面對過程的feel。一個單純的Unityer還是不太適應。 初步的補了下基礎，開始手擼框架，之所以採用Vue一是當下三大框架之一有很多現場的教程和輪子，二就是據聽說比較簡單，三是有個朋友也是Vue的我可以充分利用他，後來也基本沒用上，哭。。。。 Vue的開發過程就沒什麼好說的，整體來說還是非常優秀的框架，基於它來開發前端頁面還是非常快捷和方便，並且有很多的資料和開源元件，極大的增加了開發的效率，並且它的元件系統也為頁面複用提供了非常好的解決方案，是我熟悉的面對物件的味道。但是我是用慣的MVC的他是基於MVVM的設計模式，用起來有點不太順手，當然優點不可否認，少寫了很多程式碼，但是總感覺靈活度不夠。總的來說在前端開發方面沒有碰到太大的問題，Vue還是非常優秀的框架。 說完前端說下後端，考察了php，java等語言，最後發現還是nodejs最簡單，開發速度最快，而且我是採用前後端分離的模式，php的後端渲染模式對我毫無卵用，而且對我的學習造成的嚴重干擾，哼！，pass。java寫起來太累，pass。nodejs+express快而且和vue也是nodejs的環境的，天生一對，就你了。 express的開發過程也沒什麼好說的（說了好多發現都是廢話 尷尬），網上找一個模板參考下，注意下跨域訪問的問題，接入mysql和redis庫也是直接通過npm安裝非常方便。學習下mysql的語句和redis的命令就可以擼起來了，灰常完美。 基本架子搭起來，剩下就是業務邏輯了，沒什麼好說的。前後大概兩週搞定了這個模組還是非常高興的。個人體會vue和express為開發者提供了非常便捷的服務，但是想要用好還是要在前後端領域深耕細作的，那就不是我的專業了，只要能跑就好了，哈哈哈哈哈 完結撒花。 tips：以上都是個人感受有什麼不對的歡迎指正和拍磚