資訊專欄INFORMATION COLUMN
摘要：花了一天時(shí)間，做了一套加班報(bào)名系統(tǒng)，前端基于，后端基于。如果需求對(duì)視覺(jué)要求不高，還是非常推薦把引進(jìn)到項(xiàng)目中的。提供了各種各樣的組件，基本上拿來(lái)就能用。需要注意的是，讀寫(xiě)文件默認(rèn)都是同步的，將的寫(xiě)配置成異步寫(xiě)入能極大的提升性能。
花了一天時(shí)間，做了一套加班報(bào)名系統(tǒng)，前端基于webpack+vue+vux，后端基于express+lowdb。
以前在項(xiàng)目中也都接觸過(guò)webpack+vue，第一次嘗試使用vux，發(fā)現(xiàn)竟然出奇的好用。
如果需求對(duì)視覺(jué)要求不高，還是非常推薦把vux引進(jìn)到項(xiàng)目中的。
項(xiàng)目地址
源碼倉(cāng)庫(kù)
初學(xué)者自己嘗試搭從零開(kāi)始搭webpack環(huán)境比較困難，官方文檔太渣有一定因素，這里還是推薦使用 vue-cli 一步到位。
當(dāng)然，光使用vue-cli生成的默認(rèn)配置很難滿足所有項(xiàng)目的需要，所以還需要對(duì)webpack有一些了解才行。
推薦一篇文章，對(duì)webpack解釋的特別好
基于 webpack 搭建前端工程基礎(chǔ)篇
他們家的公眾號(hào)推的文章質(zhì)量也很不錯(cuò)，推薦關(guān)注一下。
vue 2.0已經(jīng)發(fā)布了，目前我還使用的是1.0.26版本，包括對(duì)應(yīng)的vue-router也是1.0版本，看了半天vue-router 2.0版本的文檔，怎么也跑不起來(lái)，后來(lái)才發(fā)現(xiàn)是自己看錯(cuò)文檔了。
webpack
vue
vuxvux提供了各種各樣的組件，基本上拿來(lái)就能用。
Demo https://vux.li/
Document https://vuxjs.gitbooks.io/vux/content/
express + lowdb本著快速建站的原則，本來(lái)想嘗試一下koa，想想這樣可能會(huì)影響整個(gè)開(kāi)發(fā)的進(jìn)度，本次的主題是對(duì)vux的學(xué)習(xí)，所以koa只能下次再玩了。
lowdb，是一個(gè)基于文件存儲(chǔ)的非關(guān)系型數(shù)據(jù)庫(kù)，輕量級(jí)，便于攜帶型，拷個(gè)json文件就可以隨意備份恢復(fù)了。
需要注意的是，lowdb讀寫(xiě)文件默認(rèn)都是同步的，將lowdb的寫(xiě)配置成異步寫(xiě)入能極大的提升性能。
如果你的數(shù)據(jù)比較多，幾十萬(wàn)條幾百萬(wàn)條的，那還是早點(diǎn)換正常點(diǎn)的數(shù)據(jù)庫(kù)吧，比如MySQL。
lowdb的數(shù)據(jù)查找、篩選等操作基于lodash庫(kù)，要掌握增刪查改，還是要先學(xué)習(xí)一下lodash庫(kù)的。
lodash是一個(gè)功能庫(kù)，增強(qiáng)了很多針對(duì)對(duì)象、數(shù)組、字符串的功能方法，類(lèi)似underscore。
lowdb
lodash
nginxvue-router開(kāi)啟history模式后，需要配置一下nginx才能使它正常的工作，才不會(huì)出現(xiàn)404。
例：
http://ticket.imlianer.com/yypt
如果不配置nginx rewrite直接訪問(wèn)帶path的鏈接會(huì)報(bào)404。
GeneralWebpack 使項(xiàng)目組件化
Vue 文檔看得很舒服
Vux 提供了各種完善的組件
有了這些，開(kāi)發(fā)一個(gè)項(xiàng)目將會(huì)變得很輕松。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/39365.html
摘要：此外，其也能夠提供強(qiáng)大的反向代理功能。是由為俄羅斯訪問(wèn)量第二的站點(diǎn)開(kāi)發(fā)的，第一個(gè)公開(kāi)版本發(fā)布于年月日。 keepalived+nginx 實(shí)現(xiàn)高可用雙機(jī)熱備 + 負(fù)載均衡架構(gòu) 1 準(zhǔn)備4個(gè)ubuntu16.04虛擬機(jī)（啟用網(wǎng)卡二并使用橋接模式）:A服務(wù)器：192.168.0.103 主B服務(wù)器：192.168.0.104 主（備） 前端工程師學(xué)習(xí) Nginx ...
摘要：的另一個(gè)核心特性，蘋(píng)果表示也正在開(kāi)發(fā)中，按開(kāi)發(fā)進(jìn)度可能幾個(gè)月后就能與我們見(jiàn)面。是基于的本地化數(shù)據(jù)庫(kù)，支持以及瀏覽器環(huán)境。 前端每周清單專注前端領(lǐng)域內(nèi)容，以對(duì)外文資料的搜集為主，幫助開(kāi)發(fā)者了解一周前端熱點(diǎn)；分為新聞熱點(diǎn)、開(kāi)發(fā)教程、工程實(shí)踐、深度閱讀、開(kāi)源項(xiàng)目、巔峰人生等欄目。歡迎關(guān)注【前端之巔】微信公眾號(hào)（ID: frontshow），及時(shí)獲取前端每周清單。 本期是 2017 年的最后一...
摘要：前言一直混跡社區(qū)突然發(fā)現(xiàn)自己收藏了不少好文但是管理起來(lái)有點(diǎn)混亂所以將前端主流技術(shù)做了一個(gè)書(shū)簽整理不求最多最全但求最實(shí)用。 前言 一直混跡社區(qū),突然發(fā)現(xiàn)自己收藏了不少好文但是管理起來(lái)有點(diǎn)混亂; 所以將前端主流技術(shù)做了一個(gè)書(shū)簽整理,不求最多最全,但求最實(shí)用。 書(shū)簽源碼 書(shū)簽導(dǎo)入瀏覽器效果截圖showImg(https://segmentfault.com/img/bVbg41b?w=107...
摘要：是一款基于構(gòu)建的移動(dòng)組件庫(kù)使用安裝安裝必須配合使用安裝用以正確編譯源碼，否則會(huì)出現(xiàn)安裝以正確進(jìn)行語(yǔ)言文件讀取在文件進(jìn)行配置將代碼賦值給變量在里加入完整的內(nèi)容中添加 vux是一款基于Vue構(gòu)建的移動(dòng)UI組件庫(kù)（https://doc.vux.li/zh-CN/） 1.使用npm安裝vuxnpm install vux --saveshowImg(https://segmentfault....
閱讀 2416·2021-09-30 09:47
閱讀 2283·2021-09-26 09:55
閱讀 3009·2021-09-24 10:27
閱讀 1611·2019-08-27 10:54
閱讀 1008·2019-08-26 13:40
閱讀 2540·2019-08-26 13:24
閱讀 2532·2019-08-26 13:22
閱讀 1804·2019-08-23 18:38
