博客 / 列表

heath_learning - 【Vue2-Niubility-Uploader】一個強大的 Vue2 文件上傳解決方案

一、引言 在現代 Web 應用中，文件上傳是一個非常常見但又充滿挑戰的功能。開發者經常會遇到以下痛點： 大文件上傳容易超時或失敗 網絡不穩定導致上傳中斷後需要重新上傳 缺乏良好的用户體驗反饋（進度、速度等） 難以控制併發上傳數量 不同場景需要不同的 UI 展示 vue2-niubility-uploader 正是為了解決這些痛點而誕生的一個輕量級、功能強大的 Vue2 上傳組件。它

vue.js , uploader , chunked , 前端

heath_learning - 記錄一次vue-cli創建vue項目失敗，一直卡着不動問題

問題描述：使用 vue create a-test 命令創建項目一直卡着安裝依賴失敗，報錯：ERROR Failed to get response from https://registry.npm.taobao.org/binary-mirror-config，命令行出現如下信息： Failed to check for updates ✨ Creating project in

vue.js , registry , vue-cli , npm

heath_learning - 解決vue項目導入js報does not provide an export named 'defanlt’錯誤問題

問題描述 使用webpack打包的umd格式的js插件導入到vue2項目中無法使用，報錯如下： SymtaxError: The reguested module '/xxxin js’does not provide an export named 'defanlt’ vue-cli版本不同現象： vue-cli 4.5.15會報’does not provide an exp

ecmascript-6 , es6module , vue-cli3 , commonjs , webpack

heath_learning - 手把手教你用webpack打包一個多個模塊且不包含共享模塊代碼的JS庫

1、什麼叫“多個模塊且不包含共享模塊代碼的JS庫”？ 假設你現在要在npm上發佈一個js庫，你的庫裏有module1.js、module2.js2個模塊，這2個模塊都依賴了hex.js工具模塊，如果使用普通的 打包模式打包module1.js、module2.js2個模塊，那麼module1.js、module2.js2個模塊中都會包含hex.js工具模塊，這會導致 在項目導入這2個模

打包 , webpack , js庫 , 模塊化開發 , Javascript

heath_learning - JavaScript獲取字符串中連續出現次數最多的字符

需求：使用js獲取aaaabcc4aa4ddcfceeeeeeeggg這個字符串中連續出現次數最多的字符 方式一：利用指針思想（即索引） 在JavaScript中指針思想就是索引思想。 思路： 首先定義i、j兩個索引，i指向第一個字符，j指向i後面的字符 i不動，j一直向後移動，然後比較i與j指向的字符，如果它倆相等則不管，説明i與j之間的字符是連續的。 如果不相等則説明i指向

索引 , 算法 , 指針 , 字符串處理 , Javascript

heath_learning - Mustache底層原理及簡單實現

用過vue的都知道在模板中我們可以使用{{xx}}來渲染data中的屬性，這個語法叫做Mustache插值表達式，用法簡單，但心中也有一個疑問，它是如何做到的呢？接下來就讓我們一探究竟吧！ 1、使用正則來實現 比如説有這樣一個模板字符 let tempStr2 = '我是一名{{develpoer}}，我在學習{{knowledge}}知識！'; 現在需要將字符串裏面{{xxx}}替換成數據

vue.js , 模板引擎 , mustache , Javascript

heath_learning - 使用Generator函數實現異步任務隊列

var genAsyncTask2 = (val, time) = { return () = { return new Promise(function (resolve, reject) { let timer = setTimeout(() = { clearTimeout(timer); res

ecmascript-6 , 異步任務隊列 , generator , Javascript

heath_learning - uni-app自定義密碼輸入框

最近在用uni-app開發時遇到一個類似微信支付的密碼框需求，要求：用户輸入密碼後自動向後跳轉一個輸入框，並且獲得焦點，直到輸入完畢。用户刪除時，刪除完當前輸入框的內容，再按一個“退格/刪除”鍵，則自動往前跳一個輸入框，並將其內容刪除。 效果如： 實現思路 有且只能有一個input輸入框 如果採用一個方框用一個input輸入框，在模擬器裏沒有什麼問題，但在真實的手機中會

input , 輸入框 , vue.js , 混合app , uni-app

heath_learning - CSS BFC特性(塊級格式化上下文)

1、元素的BFC特性 BFC全稱為”Block Formartting Context”，中文為”塊級格式化上下文”。它是頁面中的一塊獨立的渲染環境，並且有一套渲染規則， 它決定了其子元素將如何定位，以及它和其他兄弟元素的關係和相互作用。 BFC佈局規則： 1）bfc內部的元素會在垂直方向，一個接一個地放置 2）盒子垂直方向的距離有margin決定，屬於同一個bfc的兩個相鄰元素的margi

css技巧 , bfc , Css , HTML

heath_learning - css權重

1、什麼是css權重？css6大基礎選擇器 css權重指的是css6大基礎選擇符的優先級，優先級高的css樣式會覆蓋優先級底的css樣式，優先級越高説明權重越高，反之亦然。 css6大基礎選擇器： a）、id選擇器(#box{}) b）、類選擇器(.box{}) c）、屬性選擇器(a[href="http://www.xxx.com"]) d）、偽類和偽對象選擇器(:hoevr{}和::after

css3 , css技巧 , css選擇器 , css優先級 , Css