国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

webpack+vue+vux+express+lowdb實踐

awesome23 / 790人閱讀

摘要：花了一天時間，做了一套加班報名系統(tǒng)，前端基于，后端基于。如果需求對視覺要求不高，還是非常推薦把引進到項目中的。提供了各種各樣的組件，基本上拿來就能用。需要注意的是，讀寫文件默認都是同步的，將的寫配置成異步寫入能極大的提升性能。

花了一天時間，做了一套加班報名系統(tǒng)，前端基于webpack+vue+vux，后端基于express+lowdb。
以前在項目中也都接觸過webpack+vue，第一次嘗試使用vux，發(fā)現(xiàn)竟然出奇的好用。
如果需求對視覺要求不高，還是非常推薦把vux引進到項目中的。

項目地址
源碼倉庫

webpack + vue

初學(xué)者自己嘗試搭從零開始搭webpack環(huán)境比較困難，官方文檔太渣有一定因素，這里還是推薦使用 vue-cli 一步到位。

當(dāng)然，光使用vue-cli生成的默認配置很難滿足所有項目的需要，所以還需要對webpack有一些了解才行。

推薦一篇文章，對webpack解釋的特別好
基于 webpack 搭建前端工程基礎(chǔ)篇

他們家的公眾號推的文章質(zhì)量也很不錯，推薦關(guān)注一下。

vue 2.0已經(jīng)發(fā)布了，目前我還使用的是1.0.26版本，包括對應(yīng)的vue-router也是1.0版本，看了半天vue-router 2.0版本的文檔，怎么也跑不起來，后來才發(fā)現(xiàn)是自己看錯文檔了。

webpack

vue

vux

vux提供了各種各樣的組件，基本上拿來就能用。

Demo https://vux.li/

Document https://vuxjs.gitbooks.io/vux/content/

express + lowdb

本著快速建站的原則，本來想嘗試一下koa，想想這樣可能會影響整個開發(fā)的進度，本次的主題是對vux的學(xué)習(xí)，所以koa只能下次再玩了。

lowdb，是一個基于文件存儲的非關(guān)系型數(shù)據(jù)庫，輕量級，便于攜帶型，拷個json文件就可以隨意備份恢復(fù)了。

需要注意的是，lowdb讀寫文件默認都是同步的，將lowdb的寫配置成異步寫入能極大的提升性能。

如果你的數(shù)據(jù)比較多，幾十萬條幾百萬條的，那還是早點換正常點的數(shù)據(jù)庫吧，比如MySQL。

lowdb的數(shù)據(jù)查找、篩選等操作基于lodash庫，要掌握增刪查改，還是要先學(xué)習(xí)一下lodash庫的。

lodash是一個功能庫，增強了很多針對對象、數(shù)組、字符串的功能方法，類似underscore。

lowdb

lodash

nginx

vue-router開啟history模式后，需要配置一下nginx才能使它正常的工作，才不會出現(xiàn)404。

例：

http://ticket.imlianer.com/yypt

如果不配置nginx rewrite直接訪問帶path的鏈接會報404。

General

Webpack 使項目組件化

Vue 文檔看得很舒服

Vux 提供了各種完善的組件

有了這些，開發(fā)一個項目將會變得很輕松。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/39365.html

相關(guān)文章

  • Nginx

    摘要：此外，其也能夠提供強大的反向代理功能。是由為俄羅斯訪問量第二的站點開發(fā)的，第一個公開版本發(fā)布于年月日。 keepalived+nginx 實現(xiàn)高可用雙機熱備 + 負載均衡架構(gòu) 1 準(zhǔn)備4個ubuntu16.04虛擬機（啟用網(wǎng)卡二并使用橋接模式）:A服務(wù)器：192.168.0.103 主B服務(wù)器：192.168.0.104 主（備） 前端工程師學(xué)習(xí) Nginx ...

    syoya 評論0 收藏0

  • 前端每周清單第 45 期: Safari 支持 Service Worker, Parcel 完整教

    摘要：的另一個核心特性，蘋果表示也正在開發(fā)中，按開發(fā)進度可能幾個月后就能與我們見面。是基于的本地化數(shù)據(jù)庫，支持以及瀏覽器環(huán)境。 前端每周清單專注前端領(lǐng)域內(nèi)容，以對外文資料的搜集為主，幫助開發(fā)者了解一周前端熱點；分為新聞熱點、開發(fā)教程、工程實踐、深度閱讀、開源項目、巔峰人生等欄目。歡迎關(guān)注【前端之巔】微信公眾號（ID: frontshow），及時獲取前端每周清單。 本期是 2017 年的最后一...

    趙春朋 評論0 收藏0

  • 前端最實用書簽(持續(xù)更新)

    摘要：前言一直混跡社區(qū)突然發(fā)現(xiàn)自己收藏了不少好文但是管理起來有點混亂所以將前端主流技術(shù)做了一個書簽整理不求最多最全但求最實用。 前言 一直混跡社區(qū),突然發(fā)現(xiàn)自己收藏了不少好文但是管理起來有點混亂; 所以將前端主流技術(shù)做了一個書簽整理,不求最多最全,但求最實用。 書簽源碼 書簽導(dǎo)入瀏覽器效果截圖showImg(https://segmentfault.com/img/bVbg41b?w=107...

    sshe 評論0 收藏0

  • vue項目中安裝和使用vux組件

    摘要：是一款基于構(gòu)建的移動組件庫使用安裝安裝必須配合使用安裝用以正確編譯源碼，否則會出現(xiàn)安裝以正確進行語言文件讀取在文件進行配置將代碼賦值給變量在里加入完整的內(nèi)容中添加 vux是一款基于Vue構(gòu)建的移動UI組件庫（https://doc.vux.li/zh-CN/） 1.使用npm安裝vuxnpm install vux --saveshowImg(https://segmentfault....

    yvonne 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<