原创 git更新遠程倉庫地址的方法實現
如果你的遠程git倉庫遷移了，那麼你有兩條路可以走： 1.重新用新的倉庫地址clone到本地； 2.更新遠程倉庫地址 第一種方式比較簡單，下面介紹第二種方式 更新遠程倉庫地址的命令行方法主要有兩種： 1.使用命令行 git remote
2020-06-29 12:33:04
原创 proxy對象實現數據雙向綁定
proxy對象顧名思義是對象的代理，對目標對象進行封裝成代理對象，以達到讀取、修改、查詢目標對象屬性等操作時起到攔截作用，對目標對象的默認操作進行重新定義。下面看一個例子： let obj = {name: 'zhangsan', ag
2020-06-29 12:33:04
原创 js 創建函數的方式
js定義函數的方式有以下幾種，下面簡要介紹這幾種方式以及它們各自的特點： 1.函數聲明方式 function fun(x = 1){ return x; } 這是最常見定義函數的方式，其特點式是：存在函數聲明提升，會提升到當前作
2020-06-29 12:33:04
原创 用常量替代 Mutation 事件類型之在vue組件中提交數據(報錯[vuex] unknown mutation type)
vuex中爲了代碼看起來簡潔清晰，常常使用常量替代Mutation事件類型，但是在vue組件中怎麼使用常量執行提交操作，也讓我糾結了半天，這裏記錄下。 那麼在vue組件中怎麼執行提交操作呢，我的直觀想法是這樣的： 這樣的話會報錯:[
2020-06-03 06:30:44
原创 子節點含有表單元素的div元素的blur事件
1.div元素的blur事件 blur事件一般在表單元素如input元素纔是存在的，對div、span等元素時無效的，但是可以給div元素加上tabindex屬性，也可以讓div等元素有焦點，所以blur事件就有效了，如： <d
2020-06-03 06:30:44
4
原创 js事件委託機制簡述
事件委託又叫事件代理，是指利用事件冒泡的特性，將本應該註冊在子元素上事件註冊在父元素上，由父元素來處理子元素的事件。這樣的好處是： （1）有助於降低DOM操作，提高性能。 （2）增加擴展性，子元素可以隨意增加，不用再做其他額外的操作，都在
2020-05-23 13:12:59
原创 js DOM事件模型淺析
事件模型按照DOM規範來說是有兩種：DOM0級事件模型以及DOM2級事件模型。但由於IE瀏覽器的特殊性，IE8及以下瀏覽器不支持DOM2及事件模型，所以需要單獨列出一項IE事件模型。儘管現在IE8及以下版本瀏覽器可以不作爲兼容性考慮對象，
2020-05-21 01:41:03
原创 webpack設置本地開發proxy跨域
當我們在本地開發時，有可能會遇到訪問接口存在跨域的情況，如果你的工程是使用webpack工程化編譯打包的話，那麼可以利用webpack 的本地服務器devServer的proxy代理功能實現跨域。 比如你的本地前端工程啓動後的域名是：ht
2020-05-18 13:55:00
原创 表單元素提示框組件form-tooltip（一）
在使用form表單元素時，比如input元素可能會有這樣的需求，當在input輸入框輸入無效的文本時，你可能需要在input上方或者下方出現一個懸浮提示框來提示用戶，或者當input輸入框爲空且失去焦點時，你需要有一個提示框來提醒用戶。面
2020-05-15 18:08:04
2
原创 表單元素提示框組件form-tooltip（二）
上一節 input動態搜索下拉框組件input-dynamic-select使用(一) 整體介紹了form-tooltip的使用方法，這一節具體使用一個demo來說明組件的使用方法。 demo整體結構如下： index.html: <
2020-05-15 18:08:04
原创 重新npm publish發佈包報錯：403 Forbidden - form-tooltip cannot be republished until 24 hours have passed
使用npm publish發佈完包時，發現發佈的有問題，所以立即使用npm unpublish 命令把剛發佈的包撤銷，然後又重新發布，但是發現報403錯誤，才知道刪除npm市場的包24小時後才能重新發布相同名稱的包。 解決方案： 1
2020-05-15 18:08:04
原创 npm publish 發包報錯400 Bad Request - Cannot publish over previously published version "1.0.0"
描述：npm publish 發佈包時報code E400錯誤: npm ERR! 400 Bad Request - PUT https://registry.npmjs.org/form-tooltip - Cannot publis
2020-05-15 18:08:04
1
原创 input動態搜索下拉框組件input-dynamic-select使用(二)
上一篇 input動態搜索下拉框組件input-dynamic-select使用(一) 大致介紹了input-dynamic-select組件的使用方法，現在通過一個demo具體介紹這個組件的使用方法。我使用node的express的框架
2020-05-07 02:28:38
原创 input動態搜索下拉框組件input-dynamic-select使用(一)
在做項目的時候，經常會用到動態搜索下拉框的需求，網上也沒有找到很好的組件來達到這個目的，於是自己開發了一個這樣的組件。該組件將更多的配置權給用戶，用戶可以根據自己的需求進行配置這個動態下拉框。下面先簡單介紹這個組件的整體使用方法： git
2020-05-05 05:34:01
原创 git stash常用指令
我們使用git時，我們在自己分支上對某些文件做了修改，突然需要從其他分支如master分支拉取最新代碼到自己分支上，或者需要切換到其他分支上，由於已有一些文件被修改，這些操作都做不了，會報錯。這是就要用到stash了，stash就是暫存區
2020-04-01 03:41:00