原创 JavaScript中捕獲/阻止捕獲、冒泡/阻止冒泡
事件流描述的是從頁面中接收事件的順序。提出事件流概念的正是IE和Netscape，但是前者提出的是我們常用的事件冒泡流，而後者提出的是事件捕獲流。 第一部分：事件冒泡 即事件開始由最具體的元素接收，然後逐級向上傳播到較爲不具體的節點（
2020-04-27 03:16:00
原创 關於EventEmitter的用法
EventEmitter的基本用法: 1 var EventEmitter = require("events").EventEmitter; 2 var ee = new EventEmitter(); 3 ee.on("someEv
2020-04-15 21:12:56
原创 Git-用 cherry-pick 詳解
cherry，中文翻譯是櫻桃，pick， 中文翻譯是採集，挑選。 cherry-pick 的翻譯是擇優挑選，使用git cherry-pick命令，可以選擇將現有的一個或者多個提交的修改引入當前內容。 那麼，什麼情況下會有到這麼不常見的命
2020-04-02 18:16:26
原创 對象的拷貝
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> var
2020-04-02 18:16:26
原创 toast提示樣式
.toast-error { position: fixed; z-index: 10000; top: 50%; left: 50%; width: px2rem(750); trans
2020-04-02 18:16:26
原创 簡單理解Vue中的nextTick
Vue中的nextTick涉及到Vue中DOM的異步更新，感覺很有意思，特意瞭解了一下。其中關於nextTick的源碼涉及到不少知識，很多不太理解，暫且根據自己的一些感悟介紹下nextTick。 一、示例 先來一個示例瞭解下關於Vue
2020-04-02 18:16:26
原创 axios在http status爲500狀態下，怎麼拿後端返回的錯誤碼及信息
問題：http status 500，使用axios請求時，拿不到驗證碼錯誤信息，排查下來，是沒有理解好axios的error對象信息 1.在http status爲500狀態下，會走.catch(error) 2.打印 .catch(
2020-03-31 18:26:54
5
原创 vue移動端複製黏貼功能
1.需求： 點擊按鈕，複製電話號碼，用戶在別處可以黏貼之前複製的電話號碼。 2.分析： 最初，使用的input設置opacity：0來實現複製黏貼的功能，可是發現在pc上面可以使用，但是在移動端就不能使用了。 後來又採取了別的方案。 3
2020-03-12 12:13:14
原创 淺談@font-face
製作網站難免有些字體不是默認的，通過@font-face可以加載自己特定的字體，來實現特定的文字效果。 @font-face語句是css中的一個功能模塊，用於實現網頁字體多樣性(設計者可隨意指定字體，不需要考慮瀏覽者電腦上是否安裝)。主要
2020-02-25 02:52:29
原创 css畫梯形解析
1.先要知道border屬性是怎麼繪製的，你就會豁然開朗，找到靈感。 html: <div class="mask"></div> css: .mask { width:100px; height:100px;
2020-02-25 02:52:29
原创 .vue文件使用script引入外部js文件
created() { let arr = ['//y.gtimg.cn/music/h5/player/player.js?max_age=2592000', '//static9.pplive.cn/cloud_
2020-02-23 03:29:47
原创 base64編碼和解碼，原生js
原生atob和btoa方法： 實際上，從IE10+瀏覽器開始，所有瀏覽器就原生提供了Base64編碼解碼方法，不僅可以用於瀏覽器環境，Service Worker環境也可以使用。 方法名就是atob和btoa，具體語法如下： 1）Base
2020-02-23 03:29:47
原创 vue之單選框和複選框的綁定
1.單個複選框，綁定的是布爾值 <input type="checkbox" id="checkbox" v-model="checked"> <label for="checkbox">{{ checked }}</label> 2.
2020-02-23 03:29:47