原创 記一次線上接口404排查過程

前言 今天週五美滋滋的劃半天水，上個廁所回來客戶羣裏來了一條信息，丟了一張截圖，衝上來就問，這個怎麼編輯不了了？ 我特麼一臉矇蔽，我也想知道爲什麼編輯不了了啊。打開線上系統，找到編輯彈窗，按下F12，調到network，使出渾身力

2020-06-26 06:30:34

原创 react-native集成微信分享記錄

前言 最近做了第一個用react-native寫的app,記錄下相關第三方插件的配置 關於微信分享，主要用到了這兩個庫 react-native-wechat-lib react-native-wechat 其中第一個是在第二個基

2020-06-26 06:30:34

原创 實現create-osdoc-app腳手架

介紹 好久沒更新了，最近一直忙於業務開發，沒有多少時間學習自己的東西，抽着某天晚上的功夫寫了一個腳手架，其實就是一個簡單的node腳本。 我們知道，在小公司很少有時間有精力從0到1基於webpack去封裝一個類似於create-r

2020-06-26 05:26:20 1

原创 實現一個簡化版的Vue3數據偵測

前言 距離國慶假期尤大發布vue3前瞻版本發佈已經有一個月的時間，大家都知道在vue2x版本中的響應式數據更新是用的defineProperty這個API。 在vue2中，針對Object和Array兩種數據類型採用了兩種不同的處

2020-06-26 05:26:20

原创 react-native 使用 F2實現折線圖

前言 最近工作入坑了react-native,有實現折線圖的需求,使用了阿里的antv/f2可視化庫。 方案介紹： react-native-webview antv/f2 大概思路： 使用webview加載本地html文件，

2020-06-26 05:26:20

原创 使用useSelector useDispatch 替代connect

前言 隨着react hooks越來越火，react-redux也緊隨其後發佈了7.1(https://react-redux.js.org/api/hooks#using-hooks-in-a-react-redux-app)版

2020-06-26 05:26:20

原创 使用plop實現自動新建項目文件

爲什麼 一般項目開發過程中，我們都要編寫(CV)一大堆重複性的代碼，比如一個views/login/index.vue比如store/modules/app.js這些文件都是重複毫無意義的，找一個自動生成的工具就很有價值了 使用

2020-06-26 05:26:20

原创 自定義mixin.less並全局注入至項目中

前言 有的時候寫項目，需要一些通用的css樣式來實現一些功能，比如居中、漸變、單行溢出省略號、多行溢出省略號等. 項目使用的less預處理器，所以整理了一些常見的mixin函數 實現 新建mixin.less文件,整理了一些筆者常

2020-06-26 05:26:20

原创 vue-cli3配置骨架屏方案

vue-cli3配置骨架屏方案 前言 最近在學vue,準備使用vue寫一個移動端項目。考慮到首頁白屏優化，需要實現骨架屏需求。這裏介紹兩種方案，當然都是根據現有的輪子搭的 步驟 安裝vue-skeleton-webpack-pl

2020-06-07 13:29:22

原创 Failed to minify the bundle Error from Uglifyjs 記一次打包壓縮報錯

前言 今天剛寫完一個需求準備打包測試，眼看着進度快跑滿了啪的一下給我來了一個錯，如下圖: 簡單分析 Failed to minify the bundle看了下大概的錯講的應該是壓縮代碼報錯了，而Uglifyjs確實也是w

2020-06-07 13:29:22

原创 讓你的git message更加規範

前言 規範比業務開發搬磚更爲重要，沒有一個好的編碼規範，維護老的代碼或者是編寫新的代碼都非常痛苦 Eslint與prettier 大大小小也做過了好幾個項目，每個項目都要做eslint校驗,所以我封裝了一個npm包以後直接安裝引入

2020-05-21 20:57:27

原创 從零構建Sentry v10 進行異常上報

簡介 Sentry 是一個開源的實時錯誤追蹤系統，可以幫助開發者實時監控並修復異常問題。它主要專注於持續集成、提高效率並且提升用戶體驗。 下面是Sentry官網支持的產品 使用官網服務 作爲大多數個人開發者和中小企業，可以直接使

2020-02-22 22:27:32

原创 遇到 Loading chunk {n} failed問題不要慌

前言 最近在寫個vue的demo,調試過程中出現個問題,vconsole中提示 [vue-router] Failed to resolve async component default: Error:Loading chunk

2020-02-22 22:27:32 1

原创 實現一個vuex-loading插件

前言 在項目中，如何管理loading是一個很頭疼的方式，有的是在請求封裝裏去做了一個全屏loading，有的是在單頁面中管理一個loading，比如如下： data(){ return{ loading:false

2019-11-08 14:55:50 1

原创 探究call、bind、apply知識點

call、bind、apply知識點 一、食用方式 apply function.apply(obj, [param1,params2,...]) // obj:要綁定的this // 第二個參數:類數組或數組，作爲function的參數傳

2019-10-23 09:25:47