原创 ueditor圖片上傳方式處理

最近項目裏需要用到富文本編輯器,同事選擇裏百度出的ueditor,但是裏面自帶的圖片上傳功能需要後臺配合,配置成服務器地址,和我們實際情況不是太符合,於是另想辦法,搞定圖片上傳。 重寫配置項 首先重寫裏toolbars配置。最重要的是要把原

原创 vue項目整合Eslint和stylelint規範代碼

前言 最近在搭建項目框架,想着上一個項目代碼風格各異,就想着在新項目中引入Eslint來規範團隊成員代碼風格,保持統一,也方便大家維護代碼,減少不必要的錯誤。前端應用愈加複雜,代碼規範問題必須通過強制的方式保持統一。以下是團隊逐漸摸索出的一

原创 Vue組件化思考

項目結束一段時間,寫個文章總結下。初入項目組,看到了3000行的vue文件,一口血差點捧出,無奈上一個程序員已經離職,留下的坑,只能自己填上了。在重構項目的過程中,也發現了一些別的問題,組內分享會做了總結分享,這次總結成文章特此記錄。 用搭

原创 使用React構建精簡版本掘金(五)

距離上篇文章已經過去了大半個月,本來打算只更新代碼,最後還是決定把做的過程中遇到的問題記錄出來,說不定就可以幫助一些同學,也算是幸事,如果沒有,那就當作自己梳理知識點吧! 該篇文章主要講述以下知識點: 如何mock數據 React組件中

原创 使用React構建精簡版本掘金(四)

到目前爲止,首頁、文章詳情頁、動態頁、話題頁及小冊頁面內容完成了,看一下效果圖哈,數據不全,見諒哈! 實現過程 動態頁 該頁面從佈局來說分左右兩部分,左邊有分爲輸入框和已發表內容部分。 輸入框部分 我這裏採用了ant-design中的inp

原创 使用React構建精簡版本掘金(三)

抽了兩天工作中閒暇時間,文章詳情頁終於寫完了,先上圖哈,截圖少了下面一部分哈,見諒! 本篇文章爲使用React構建精簡版本掘金系列第三篇,想看前兩篇的話,請查看第一篇,第二篇。 整理一下詳情頁用到的一些知識點: redux存儲、取值

原创 使用React構建精簡版本掘金(二)

咋一看,是不是感覺掘金改版了呢!如果你有這個錯覺,那就說明我仿照的還算可以,我就當是對我的肯定吧,O(∩_∩)O~~ 首頁 頂部標籤 即我上面紅框圈住的部分,這部分由於要做頁面滾動的時候常駐頂部,個人爲了簡單省事,採用了ant-design

原创 使用React構建精簡版本掘金(一)

最近正在學習react,就想着能不能用react做一個項目,平時瀏覽掘金,就拿掘金練手吧! 是不是可以以假亂真呢!😂😂😂 初始化 使用create-react-app初始化項目結構 yarn create react-app react-j

原创 taro多端實踐初探

歷史的發展,小程序風行一時,安卓/ios/H5/微信小程序/支付寶小程序/頭條小程序,產品經理讓你適配這麼多,你的心情如何呢?然而總會有人給咱們造出合適的工具,解放生產力,一次編碼,多端運行。開始探索之旅吧! taro安裝 安裝 Taro

原创 簡易版本vue的實現

用了兩年左右的vue,雖然看過vue的源碼,推薦黃軼大佬的vue源碼分析,相當到位。從頭梳理了vue的實現過程。週末又看了一個公開課的vue源碼分析,想着自己是不是也可以寫一個來實現,說幹就幹,開始coding! 目前最新版本的vue內部

原创 webpack打包性能優化之路

性能優化的路沒有窮盡,只有更快。打開頁面越快越好,點擊響應越快越好。在當今這個以快爲主的時代,快纔是王道。閒話扯完,說正事!!! 該優化方案以最近做的一個hybrid webapp爲實例演示。 路由懶加載 (1)vue-router文件中的

原创 webapp字號大小跟隨系統字號大小縮放

最近做了一個webapp項目,混合式開發,外部原生,內部webview嵌套H5頁面。前端方面採用了vue開發,適配採用的是flexible+rem做的適配。本來一切都很好,可是吧,領導說客戶有的年紀大 ,看不清字體,希望網頁字體可以跟隨系統