原创 axios設置responseType===blob導出文件和失敗返回json處理

  axios設置instance.defaults.responseType = 'blob’請求下載導出一個文件,請求成功時返回的是一個流形式的文件,正常導出文件。但是請求失敗的時候返回的是json ,不會處理錯誤信息,而是直

原创 vue自定義指令VNode詳解

1、自定義指令鉤子函數 Vue.directive('my-directive', { bind: function () { // 做綁定的準備工作 // 比如添加事件監聽器,或是其他只需要執行一次的複雜操作

原创 webpack配置及優化

  Webpack 是當下最熱門的前端資源模塊化管理和打包工具。它可以將許多鬆散的模塊按照依賴和規則打包成符合生產環境部署的前端資源。還可以將按需加載的模塊進行代碼分隔,等到實際需要的時候再異步加載。通過 loader 的轉換,任

原创 Vue全家桶開發Android和IOS移動端應用常見問題解決

1、input獲取焦點彈出鍵盤時遮住input   web頁面有多個input輸入框時,底部的input獲取焦點彈出鍵盤,會出現遮住input情況,用戶輸入的內容不能正常展示,需要手動上滑。如下圖一鍵盤遮住了備註輸入框,圖二是處理

原创 nvm安裝9.0.0以上node版本,npm報錯或者不生效

  使用nvm安裝9.0.0版本nodeJS之後,node -v命令可以正常使用,但是npm命令報“‘npm’ 不是內部或外部命令,也不是可運行的程序”或者"npm WARN npm npm does not support No

原创 IOS釘釘微應用文件上傳OSS失敗

  Vue開發微應用,Android、PC使用OSS可以正常上傳文件,IOS在Safari瀏覽器和微信瀏覽器中也可以正常上傳,但是在IOS釘釘微應用中上傳文件失敗。   通過尋求釘釘技術協助反饋,參考:https://www.

原创 JS數組扁平化、去重、排序

  在網上看到一個校招題目,已知一個數組var arr = [[1, 3, 2, 1],[5, 3, 4, 8, 5, 6, 5],[6, 2, 8, 9, [4, 11, 15, 8, 9, 12, [12, 13, [10],

原创 vue按需加載組件-webpack require.ensure

使用 vue-cli構建的項目,在 默認情況下 ,執行 npm run build 會將所有的js代碼打包爲一個整體, 打包位置是 dist/static/js/app.[contenthash].js 類似下面的路由代碼

原创 Git標籤管理

  如果你達到一個重要的階段,並希望永遠記住那個特別的提交快照,你可以使用 git tag 給它打上標籤。 git tag <name> 可以用命令git tag查看所有標籤: git tag   默認標籤是打在最新提交的com

原创 ES6 module export和import

1、爲什麼有模塊概念   歷史上,JavaScript 一直沒有模塊(module)體系,無法將一個大程序拆分成互相依賴的小文件,再用簡單的方法拼裝起來。其他語言都有這項功能,比如 Ruby 的require、Python 的im

原创 Git分支管理

1、創建、合併、刪除分支 首先,我們創建dev分支,然後切換到dev分支: git checkout -b dev git checkout命令加上-b參數表示創建並切換,相當於以下兩條命令: git branch dev git

原创 axios請求接口發起兩次請求(OPTIONS 與POST/GET)

     使用axios發現每次調用接口都會有兩個請求,第一個請求時OPTIONS請求,只有OPTIONS請求通過纔會發送實際的請求。      爲什麼XMLHttpRequest的POST請求會變OPTIONS請求-XMLHttpRe

原创 nvm、nrm、npm 安裝和使用詳解

一、nvm的安裝和使用   nvm全稱Node Version Manager是 Nodejs 版本管理器,它讓我們能方便的對 Nodejs 的版 本進行切換。 nvm 的官方版本只支持 Linux 和 Mac。 Windows

原创 Yarn基本命令行

  Yarn 是一個新的包管理器,用於替代現有的 npm 客戶端或者其他兼容 npm 倉庫的包管理工具。Yarn 保留了現有工作流的特性,優點是更快、更安全、更可靠。 安裝 Yarn npm install -g yarn

原创 wepy父組件onload中請求數據,更新.sync動態傳值綁定的數據,子組件onload中獲取不到值。

  wepy的props傳值分爲靜態傳值和動態傳值,靜態傳值比較簡單,只能傳遞String字符串類型,不需要修飾符;動態傳值需要使用.sync修飾符,如果想子組件向父組件傳值,可以通過設置子組件props的twoWay: true來達