原创 vue cli 3 升級到 vue cli 4 方法步驟及升級點總結

vue cli 3 升級到 vue cli 4 方法步驟及升級點總結 官方升級英文文檔,中文文檔相對滯後。 簡介:vue cli 4 官方已經更新有一段時間了,現在是4.0.5 版本,看了官方文檔大概有二十幾點的更新,還是乾貨滿滿

原创 uni-app 實現 fullpage 組件(適用於微信小程序,h5等)

uni-app 實現 fullpage 組件(適用於微信小程序,h5等) 業務需求。 本文github 源碼地址 1.組件 src/components/FullPage/index.vue <template> <view

原创 react (create-react-app)項目中如何優雅的使用 svg組件

react項目中如何優雅的使用 svg github demo 地址 背景: 以前 vue 項目中使用 svg-sprite-loader 來處理 svg 文件使用非常方便,加載 svg 文件,配置完定義全局組件就好了,最近在寫

原创 vue 結合element-ui實現pc端高德地圖組件

vue 結合 element-ui 實現 pc 端高德地圖組件 背景:去年由於業務需求寫了一個高德地圖組件,前段時間重構了下。 實現的功能有:自動定位,檢索地址提示,點擊地圖獲取地址,添加工具欄,拿到的數據有經緯度,地址,名稱等

原创 前端調用 mqtt,適用於 vue,react 等 webpack 項目

前端調用 mqtt,適用於 vue,react 等 webpack 項目 簡介:MQTT (Message Queue Telemetry Transport):遙測傳輸協議,其主要提供了訂閱/發佈兩種消息模式,更爲簡約、輕量,易

原创 讓 a == 1 && a == 2 && a == 3 輸出 true

讓 a == 1 && a == 2 && a == 3 輸出 true 方案一 toString // 對象轉換成原始類型的值,算法是先調用valueOf方法;如果返回的還是對象,再接着調用toString方法 var a =

原创 手寫 js 的 call,apply,bind

手寫 js 的 call,apply,bind /** * https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Fun

原创 vue3 常見問題彙總

vue3 常見問題彙總 簡介:vue3 beta 已經出來一段時間了,最近剛好有時間,就練了練手,練手過程中遇到的問題,總結如下 本文 github 源碼地址 下面是問題 vue3 如何註冊全局組件 import { create

原创 手寫一個簡易版的 vuex(支持 state,getters,mutations,actions)

手寫一個簡易版的 vuex(支持 state,getters,mutations,actions) 簡介:vuex 相信大家都用過,內部到底是如何實現的呢,我根據源碼以及一些參考資料,手寫了一個簡易版的 vuex,供大家參考。 本

原创 手寫一個簡易版的 vue-router(支持 history 和 hash)

手寫一個簡易版的 vue-router(支持 history 和 hash) 簡介:vue-router 相信大家都用過,內部到底是如何實現的呢,我根據源碼以及一些參考資料,手寫了一個簡易版的 vue-router,供大家參考。

原创 vue結合videojs實現視頻播放組件

vue結合videojs實現視頻播放組件 簡介 業務需求,視頻播放組件往往結合視頻上傳組件一塊使用。 視頻上傳組件 主要依賴說明 (先安裝,步驟略) { "element-ui": "2.11.1", "v

原创 手寫一個自己的 cli 併發布到 npm 上

手寫一個自己的 cli 併發布到 npm 上 簡介:大家平時肯定用過 vue-cli 或者 create-react-app,只需要敲簡單的命令行,就可以生成一個完整的項目,非常好用。由於本人所在公司接的項目較多,每次新建新項目都

原创 vue 組件分類

vue 組件分類 一. 簡介 之所以寫這篇文章,是因爲前段時間作爲面試官,陸陸續續面試了幾十個人,其中一個問題就是 "vue 的組件分類都有哪些?" ,令人驚訝的是大多數人都只回答了全局組件和局部組件,難道vue的組件就只是這兩種

原创 react 中使用 video.js 播放 hls(m3u8)格式的視頻

react 中使用 video.js 播放 hls(m3u8)格式的視頻 簡介:公司業務需求,由於後端把 mp4 視頻轉碼成 m3u8 視頻供手機端播放,導致後臺系統播放不了 m3u8 格式的視頻(原來是直接用的原生 video

原创 數組的扁平化,去重,排序

數組的扁平化,去重,排序 將數組扁平化去併除其中重複部分數據,最終得到一個升序且不重複的數組 var arr = [ [1, 2, 2], [3, 4, 5, 5, '5' ], [6, 7, 8, 9, [11, 12, [12