原创 原生js寫jQuery延遲下拉菜單
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt
2020-07-01 05:18:59
原创 JavaScript常見的計算題--思路講解！！！
有1、2、3、4個數字，能組成多少個種互不相同且無重複數字的三位數？都是多少？ 思路：對於讀過高中的朋友們，遇見這種題目，第一想法會是高中學過的組合方法問題。用高中學的公式來解決：4×4×4。爲什麼呢？因爲該數爲三位數，每個位數有
2020-06-16 16:25:05
原创 JavaScript編碼程序解決計算題
求出：有多少種方法能使一元、兩元、五元，湊齊20元？ 思路：首先，設置 ：一元：x，，兩元：y，五元：z。 x<=20張，y<=10張，z<=4張；之後運用for循環嵌套，來求出分別有幾種方法能湊齊20元整。 var x, y,
2020-06-16 16:25:05
原创 三目運算符的底層原理及處理問題
三目運算符的底層原理及處理問題歡迎各位朋友的到來（最後一條，求底層原理）~三目運算符的格式不走尋常路的三目運算使用三目運算求出三個數的最大值，及其拼接的問題三目運算求最大值得拼接問題三目運算求最大值得拼接，式子最外層不加括號問題
2020-06-16 16:25:05
原创 NodeList和Array數組的區別
首先，什麼是NodeList集合呢？如果你不懂的話，可以先參考如下代碼（這裏是我截取的代碼塊）： <ul id="list"> <li><input type="checkbox"/>1</li> <li><inp
2020-06-16 16:25:05
原创 js實現獲取拖拽文件信息
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt
2020-05-15 05:55:05
原创 原生JS實現發佈-訂閱模式
根據vue的發佈-監聽原理，原生JS手寫發佈-監聽模式。 function eventBus(){ this._events = {} } eventBus.prototype.on = function(ev
2020-04-24 04:56:31
原创 vue中調用方法時，獲取組件data中的變量爲undefined，解決：this指向問題
今天爲大夥分享，在平時工作中遇見的問題及解決方法。今天主要分享的內容主要是在不同作用域中this指向的問題。不多說直接貼代碼； 錯誤示例： <template> <div class="test"> <button @
2020-04-22 04:20:04
原创 vue-cli腳手架實現全屏背景圖
今天在vue-cli腳手架項目中，遇到實現在某個路由中全屏背景圖片。 （1）第一次的代碼是這樣的，問題：圖片還是不能實現全屏展示。 .login { width: 100%; height: 100%; backgro
2020-04-15 15:36:01
原创 純css寫時鐘效果
前幾天面試遇到寫動畫效果；於是今天就再想寫個時鐘效果分享。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewpo
2020-04-03 23:49:30
原创 原生js編寫圖片懶加載
今天爲夥伴們分享怎麼使用原生JavaScript來實現圖片懶加載，當鼠標滾動頁面時，圖片顯示在可視區域時，再對圖片進行加載。 思路：首先在頁面元素中找到所有的img元素，並計算出距離屏幕頂部的距離；當鼠標滑動時，直到圖片出現在可視
2020-03-09 11:34:53
原创 原型對象和實例對象
1、構造函數和普通函數的區別在於首字母大寫的規定； 例子： function Person(){} const p1 = new Person(); const p2 = new Person(); p1.__proto__ ==
2020-03-01 19:09:17
1
原创 JavaScript優化邏輯代碼之離散數學的應用
離散數學優化代碼： 今日看了一篇文章，關於代碼的邏輯優化，如下： if(a && d || b && c && !d || (!a || !b) && c){ console.log("pass") } else{
2020-02-21 20:22:53
2
原创 Uncaught TypeError:Cannot set property 'checked' of null...
今天在寫一段代碼時，遇見的小錯誤；代碼能夠正確的執行，到時每次正確執行輸出後，控制檯總是多出這一條代碼錯誤。於是在網上搜了許多的解決方法，但還是解決不了，網上的說法有：報錯的原因是js執行時在元素渲染之前，從而導致報錯，建議使用a
2020-02-21 20:22:52
原创 box-sizing計算方式
box-sizing:content-box(默認值) | border-box 計算方式： 1.content-box(默認值)： 高度/寬度 = “給定的高度/寬度 + padding + border”； 設置了paddin
2020-02-21 20:22:52