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