原创 爲什麼說rollup比webpack更適合打包庫

前言 大概一年前寫了個小小的js插件 remember-scroll,並且分享了一篇文章:用Class寫一個記住用戶離開位置的js插件,是一個純js庫,功能是在用戶再次進入頁面時能自動定位到上一次瀏覽的位置,使用webpack+babel打

原创 微前端qiankun從搭建到部署的實踐

最近負責的新項目用到了qiankun,寫篇文章分享下實戰中遇到的一些問題和思考。 示例代碼: https://github.com/fengxianqi/qiankun-example。 在線demo:http://qiankun.feng

原创 你可能不知道的mpvue性能優化技巧

最近一直在折騰mpvue寫的微信小程序的性能優化,分享下實戰的過程。 先上個優化前後的圖: 可以看到打包後的代碼量從813KB減少到387KB,Audits體驗評分從B到A,效果還是比較明顯的。其實這個指標說明不了什麼,而且輕易就可以做到

原创 不發佈到npm而直接使用github上的庫

最近用了一個開源項目的依賴,然後發現需求不太滿足,需要添加上一些自己的需求,於是在github上fork了項目後並做了一些改動。這時候問題來了,本來是項目中是通過npm install --save-dev xxx來引用的,如何替換爲自己

原创 axios如何利用promise無痛刷新token(二)

前言 前段時間寫了篇文章《axios如何利用promise無痛刷新token》,陸陸續續收到一些反饋。發現不少同學會想要從在請求前攔截的思路入手,甚至收到了幾個郵件來詢問博主遇到的問題,所以索性再寫一篇文章來說說另一個思路的實現和注意的地

原创 前端部署和提效:從靜態到node再到負載均衡

前言 相信很多前端同學對 vue 或 react 的開發很熟悉了,也知道如何去打包生成一個生產環境的包,但對於生產環境的部署可能有些同學瞭解比較少。小公司可能都是後端幫忙部署了,大公司會有專門的運維同學部署,對於生產環境的部署工作有些同學接

原创 Centos8使用docker遷移typecho博客

最近在學docker,先拿自己的博客來開下刀[手動狗頭]。 安裝docker 我是根據這個教程來安裝的:Centos安裝Docker。步驟如下: 卸載舊版本 sudo yum remove docker \

原创 axios如何利用promise無痛刷新token

需求 最近遇到個需求:前端登錄後,後端返回token和token有效時間,當token過期時要求用舊token去獲取新的token,前端需要做到無痛刷新token,即請求刷新token時要做到用戶無感知。 需求解析 當用戶發起一個請求時,判

原创 mpvue性能優化實戰技巧

最近一直在折騰mpvue寫的微信小程序的性能優化,分享下實戰的過程。 先上個優化前後的圖:可以看到打包後的代碼量從813KB減少到387KB,Audits體驗評分從B到A,效果還是比較明顯的。其實這個指標說明不了什麼,而且輕易就可以做到,更

原创 用Class寫一個記住用戶離開位置的js插件

前言 常見的js插件都很少使用ES6的class,一般都是通過構造函數,而且常常是手寫CMD、AMD規範來封裝一個庫,比如這樣: // 引用自:https://www.jianshu.com/p/e65c246beac1 ;(functio

原创 mpvue開發音頻類小程序踩坑和建議

前言 這是我第一次開發小程序,開發的產品是音頻類的,在大佬的建議下采用了mpvue,一週時間把功能都做出來,由於不太熟悉mpvue和微信小程序,足足用了一週時間來改bug纔出來一個能用的版本,在這裏整理分享下我開發時遇到的一些問題和給出一些

原创 WebView與APP交互實戰記錄

WebView與APP交互 WebView與APP交互,即網頁通過JSBrige調用APP的功能,APP也可以通過JSBrige調用網頁提供的方法。最近剛好接觸到這一塊,記錄一下前端側的實際操作過程,這篇文章適合還沒接觸過這一塊的同學們,這

原创 vue中使用protobuf的過程記錄

由於目前公司採用了ProtoBuf做前後端數據交互,進公司以來一直用的是公司大神寫好的基礎庫,完全不瞭解底層是如何解析的。下面小編給大家分享vue中使用protobuf的過程記錄,需要的朋友參考下吧 由於目前公司採