原创 vue下自己開發富文本編輯器(一)帶你從入門到放棄

前言: 首先,我這個文章不會寫非常詳細的代碼,但是我會把我目前博客開發的富文本編輯遇到的問題羅列出來。然後一點點的說明如何解決。說實在目前遇到的問題,已經想讓我放棄自己開發富文本了,真的是非誠勿擾。這個坑沒那麼簡單。(捂臉哭) 開發環境:

原创 自定義vueUI組件庫(二)替代傳統img標籤,實現圖片懶加載

dht-img 替代原有的img標籤功能,組件本身的寬高都由最外層容器所決定,支持圖片加載失敗處理 src String     src本地圖片需要require   fit String cover     alt String 加載失

原创 決圖片溢出,樣式不對問題,個人博客開發(三)

廢話: 最近寫博客。重新寫了下文章編輯器。用的quill.js,覺得應該分享下。有些坑還是需要注意下的。 一、vue-quill-editor引入和使用 1、先放官方的一個文檔地址: https://github.surmon.me/vu

原创 vue部署到eggjs下,並且實現多頁面vue項目部署,eggjs前端渲染項目(附個人github示例地址)

項目背景 這個是我個人博客下一步開發的流程,上一篇博客講過,我會研究eggjs後端框架,給我的博客建立後端系統。 這裏有人會說前端不需要學後端。 怎麼說呢,nodejs也是js,並且像阿里等大公司,別人雖然也用nginx之類,但是前端項目

原创 vue輪播組件實現,懂,但是寫過纔算,附帶好用的gif錄製工具

寫這個組件起因 記得就這兩天有掘友發一個沸點說找女票千萬別找同行,好了,曾經我是erp軟件實施,現在轉前端。女票也是前端。然後她發我一個鏈接(打不開看gif圖):http://ipark.jsboon.com/static/dashboa

原创 前端開發搭建博客系統(二),jwt權鑑設計以及中途遇到的問題。獻給前端

廢話部分 上次廢話太多,估計有些小夥伴沒看太清楚。這次會精簡很多。只拿關鍵的出來講。 個人屬於前端,後端看到了扣下留情。希望本文能幫助大家 項目地址: 前端:https://github.com/ht-sauce/dream 後端:htt

原创 微信小程序ajax封裝,加入防抖,全局錯誤正確信息處理,加載蒙版處理(改)

說明: 這篇博客其實和之前發的一篇博文是差不多的,只不過一個是在vue環境使用,一個是在微信小程序下使用。 同樣:封裝基於promise 解決問題: 1、ajax加載蒙版 2、全局錯誤提示 3、全局成功提示 4、防抖功能配合(解決蒙版延遲

原创 vue打包優化大小,vue服務端渲染,非cli環境實現spa單頁面項目

引言: 寫這篇文章的目的主要在於剛纔看了一位掘友的文章,但是我看了他的代碼有點粗糙,甚至是我覺得無法作爲一篇好的給予新手的引導文章。 這裏我先抱歉一聲,因爲我這樣做有損你的聲譽。 先放上該掘友的文章,還是很不錯的,只是希望多點註解會更好:

原创 自己封裝一個文件上傳函數(使用axios)

序言 昨天在寫博客的個人動態頁面,裏面涉及到了圖片上傳。 之前我都是用的別人的插件和elementUI的upload組件。但是現在沒法用了。 頁面的效果差別有點大,如果改elementUI的樣式,會很累。 這時候很愁人啊。(懶啊!) 這是

原创 媽媽再也不用擔心css難寫了!css的奇技淫巧(轉)

聲明:這個博客是個人在掘金上面看到大神總結了很多的css技巧轉發的。非常好用。 最後有福利 舉例: 1、三角形生成器(自動生成css代碼): 代碼: .triangle { width: 0; height: 0; bor

原创 前端開發linux下安裝nginx

廢話: 表示買了阿狸雲的服務器直接買了三年。真爽。總共230。1g1核1M  40G 既然買了服務器肯定是要做點什麼的。作爲一個技術開發肯定要弄一個個人博客之類的是不是。 服務器買了,那就搞起。 還有其實linux沒有想象中那麼難。怎麼說

原创 vue實現樹形組件,參考並解析elementUI樹形組件

廢話部分,不想看的跳過就行了,發發牢騷 本來是不想發出來的,但是呢,最後出於裝逼,討論和分享的想法下還是拿出來。 而且我對於樹形組件的自定義節點這塊,還是沒有理解透徹。也希望有大神幫忙解惑。 然後其實我的眼界還是有限,一直都停留在ui組件

原创 ajax二次封裝配合防抖處理,vue,axios,elementUI(改)

純屬個人記錄,代碼很糙,因爲博客之前發佈過一次,這次是修訂之後的。已經比較全面的解決了我目前所遇到的痛點。 項目痛點: 1、每次接口調用完成都需要處理錯誤提示和操作成功提示。 2、頁面蒙版並不能解決用戶點擊提交的時候重複提交請求 解決:

原创 js連續請求併發處理,promise和async/await

本次使用,核心在於promise和async/await的使用。 上代碼: //獲取所有門店的數據,一萬家門店情況 this.storelists(1, 10000, "", true) //注意async .then(async

原创 用react-create-app搭建一個類似vue的初始項目(eslint,prettier,rouer)

不廢話了,這次直接開幹。也是我逐步的搭建過程。當手記了 總結看最後。 本次項目地址:https://github.com/ht-sauce/react-template 1、創建項目 這個沒什麼可以說的,就是一個命令:npm create