前端感悟
作為前端程序員的我
自己動(dòng)手整了個(gè)vue的項(xiàng)目 從開始的零星想法到動(dòng)手實(shí)踐 現(xiàn)在還沒竣工的我來說
雖然整的不咋地
總的來說吧 我還是有點(diǎn)收獲的
下面呢 我來說說我的收獲?
首先說說 動(dòng)手實(shí)踐時(shí)候考慮的事情吧
? 第一呢
? ? ? 考慮產(chǎn)品問題 ?需要什么功能 用戶市場(chǎng)是什么 盈利點(diǎn)在哪 ?產(chǎn)品交互呢也就是產(chǎn)品在使用中不斷的融入新的產(chǎn)品中去 所謂的產(chǎn)品呢 狹隘的角度想 一個(gè)杯子是產(chǎn)品一個(gè)顯示器是產(chǎn)品 那么做互聯(lián)呢 ?和網(wǎng)絡(luò)有關(guān)的就是互聯(lián)網(wǎng)產(chǎn)品 ?比如說呢 ?門戶網(wǎng)站 社交網(wǎng)站 教育平臺(tái) 新聞資訊 金融平臺(tái) 等等等等吧 ? 說 ?什么O不O的我也不知道咋回事 一共五個(gè)O ?什么CEO ?其余的忘了 記住個(gè)UFO 和這個(gè)還沒關(guān)系。。。 ?并且呢 網(wǎng)站的迭代更新和存活周期 盈利多少 都是歸產(chǎn)品負(fù)責(zé)的 ?產(chǎn)品還需要思考程序員開發(fā)的難度
?第二呢
? ? 考慮UI設(shè)計(jì)圖紙 這一步呢要和產(chǎn)品息息相關(guān) 不能自己會(huì)畫想畫什么元素 ?就往上整什么元素 做UI的時(shí)候可以參考 ?花瓣網(wǎng) ?站酷等等 ?UI素材網(wǎng)站 根據(jù)產(chǎn)品給的產(chǎn)品定位和功能 ui的想過做出那種身臨其境的感覺就比較差不多了 尤其在網(wǎng)站設(shè)計(jì)中UI的設(shè)計(jì)圖紙決定 網(wǎng)站頁(yè)面給用戶的第一感覺 ?做UI設(shè)計(jì)的時(shí)候 ? 要著重注意LOGO的位置 像素 字號(hào) 使用的字體以及色覺給用戶帶來的信息感覺體驗(yàn) ?例如LOGO 一般放在網(wǎng)站的左上角 尺寸我也記不清了 大致有4種格式 ?還有就是呢 ?瀏覽器最小字體12像素 移動(dòng)端0像素 默認(rèn)顯示16像素 ?如果文字著重顯示則調(diào)整字號(hào)及顏色否則呢 ?正常顯示設(shè)置為14像素即可 如果是 標(biāo)簽元素呢例如 用戶發(fā)表文章顯示文章的閱讀數(shù)量時(shí)間呢 用12號(hào)像素 14號(hào)像素即可 UI的重點(diǎn)在于調(diào)整色覺 和像素位置字號(hào)整體感覺給用戶帶來的什么信息體驗(yàn)感 ?
第三呢
?具體實(shí)現(xiàn) ?前端切圖的時(shí)候 不要著急動(dòng)手做項(xiàng)目 么的我就著急了結(jié)果代碼寫的有點(diǎn)亂啊 ?
?認(rèn)真看UI 的圖紙 ?那些是css3實(shí)現(xiàn)的功能那些是js實(shí)現(xiàn)的功能 還有 css ?js ?兼容性問題 整理出來進(jìn)一步分析
?css類樣式優(yōu)化 / js 代碼 ? 那些類可以重用復(fù)用 ?
?好的代碼是不需要css兼容性的 ?js兼容性是瀏覽器升級(jí)更新了js api有的新方法 ?FF瀏覽器可以檢查出來 ?css3新屬性 chrome可以調(diào)試出來
第四呢
服務(wù)器端
現(xiàn)在還比較流行的語言是php
說下思路吧 ?php我也不咋會(huì)?
? ?在前端拿過設(shè)計(jì)圖紙的時(shí)候 服務(wù)器端可以設(shè)計(jì)數(shù)據(jù)庫(kù)了 設(shè)計(jì)mvc層了
沒有工作經(jīng)驗(yàn)的我認(rèn)為 v層可以由前端去管理 ?畢竟是view視圖 ?model 也可以交給前端處理 服務(wù)器只要設(shè)計(jì)控制層 鏈接數(shù)據(jù)庫(kù)讀取信息 一些列的操作然后關(guān)閉數(shù)據(jù)庫(kù) ?負(fù)責(zé)給前端遞交數(shù)據(jù)信息?
前后端分離 服務(wù)器只負(fù)責(zé)接收數(shù)據(jù)信息 ?優(yōu)化前端傳遞過來的信息?
項(xiàng)目制作完畢后 ?內(nèi)測(cè)
內(nèi)測(cè)完畢后找到服務(wù)器空間上傳頁(yè)面代碼 ?有數(shù)據(jù)庫(kù)上傳空庫(kù)沒有數(shù)據(jù)庫(kù)的話創(chuàng)建數(shù)據(jù)庫(kù) ?對(duì)外公測(cè) 測(cè)試完畢后上線運(yùn)行
到此網(wǎng)站制作完畢 ?不斷的和產(chǎn)品絮叨進(jìn)行網(wǎng)站的迭代更新。。。。盈利。。。
?
然后配上一張前端的知識(shí)體系圖
?
轉(zhuǎn)載于:https://www.cnblogs.com/qiaoxinming/p/9284287.html
總結(jié)
- 上一篇： 在腾讯云上安装mysql遇到的问题
- 下一篇： 阿里巴巴26个前端开源项目