原创 從新版瀏覽器報錯看touch事件和touch-event屬性
Unable to preventDefault inside passive event listener 瀏覽器報錯： 即 Unable to preventDefault inside passive event list
2020-06-21 18:50:13
2
原创 post請求上傳與下載excel文件、處理報錯
需求：上傳excel表格到服務器，然後接收返回的結果（二進制）並轉成excel表格下載 實施：採用 Element-UI的uploade 組件，功能較全且有完整的生命週期鉤子可設置。 <el-upload cl
2020-05-30 18:41:53
原创 JS中的原型對象(一)
理解原型對象 每創建一個函數，就會同時創建它的 Prototype 對象，即原型對象。每個函數都有一個 prototype 屬性,這個屬性指向函數的原型對象。在默認情況下，所有原型對象都會自動獲取一個 constructor(構造
2020-05-30 18:41:53
原创 [JS]理解閉包
執行環境和作用域 每個函數都有自己的執行環境。當執行流進入一個函數時，函數的環境就會被推入一個環境棧中。而在函數執行之後，棧將其環境彈出，把控制權返還給之前的執行環境。 當代碼在一個環境中執行時，會創建變量對象的一個作用域
2020-05-30 18:41:53
原创 任意圖片等比例縮放填充正方形頭像框
頭像框爲正方形，而用戶上傳的圖像可能是正方形，也可能是橫向或者縱向的長方形，直接設置img的width和height將可能導致圖像拉伸變形，爲了使圖像的最短邊填充滿頭像框進行等比例縮放，博主想了許多辦法。此處假設頭像框是邊長爲48
2020-05-30 18:41:53
4
原创 [JS]箭頭函數
箭頭函數Arrow Function x => x * x ; 相當於： function (x) { return x * x ; } 箭頭函數相當於匿名函數，並且簡化
2020-05-30 18:41:53
原创 GOF設計模式（三）——原型模式和基於原型集成的JavaScript對象系統
前言 在傳統的面向對象編程語言中（如Java,C#）, 類和對象就像柏拉圖所說的“模子”和薑餅人，所有的薑餅人（對象）總是從模子（類）中創建而來，類生成實例就像廚師用模子做出薑餅人。 而在原型編程的思想中，類並不是必須的，對象未必
2020-04-28 23:32:24
原创 判斷一個變量是不是數組
rt:判斷一個變量 arr 是不是數組 function isArray(arr){ //以下方法都可以 //原型鏈 return arr.__proto__ === Array.prototype; return O
2019-10-26 03:33:27
原创 手機號分隔成344的格式
需求：在input框中輸入手機號要求顯示用空格分隔成 "xxx-xxxx-xxxx"的格式 解決方法:在 input 的上添加監聽事件，如 onkeyup(原生input標籤) 或 onchange(某些第三方組件)，對輸入的內容進行
2019-03-30 02:18:02
原创 post請求上傳與下載excel文件:採坑elementUI的Uploader
需求：上傳excel表格到服務器，然後接收返回的結果（二進制）並轉成excel表格下載 實施：採用 Element-UI的uploade 組件，功能較全且有完整的生命週期鉤子可設置。 <el-upload clas
2019-03-23 02:22:27
2
原创 頭像img等比例縮放填充頭像框
頭像框爲正方形，而用戶上傳的圖像可能是正方形，也可能是橫向或者縱向的長方形，直接設置img的width和height將可能導致圖像拉伸變形，爲了使圖像的最短邊填充滿頭像框進行等比例縮放，博主想了許多辦法。此處假設頭像框是邊長爲48px的正
2018-09-05 13:49:30
原创 HTML標籤在JS代碼中的應用
應用場景如下： 將頁面循環輸出的數字字體顏色設置爲紅色，紅色字符串用變量接收 部分腳本如下 var col="red"; for(var i=0;i<10;i++){ document.write( "?"
2018-08-24 23:46:56
原创 理解this指針的用法
this指針的用法 常規用法 對this的理解是，指向 直接操作這個量的函數（或變量、對象）所屬的對象 的指針，也就是指向爹的爹，指向爺爺。通過幾個例子瞭解一下this的常見用法： var name = 1; var util = {
2018-08-24 23:46:26
4
原创 設置input透明背景及placeholder樣式
關於 input 一些不很常用的屬性設置： 1.設置 input 背景爲透明 <input type="text" style="background-color:transparent"> 2.設置 input 的 placehold
2018-08-24 23:46:21
原创 歡迎使用CSDN-markdown編輯器
歡迎使用Markdown編輯器寫博客 本Markdown編輯器使用[StackEdit][6]修改而來，用它寫博客，將會帶來全新的體驗哦： Markdown和擴展Markdown簡潔的語法 代碼塊高亮 圖片鏈接和圖片上傳 LaTex數學
2018-08-24 23:46:20