原创 記好這 24 個 ES6 方法，用來解決實際開發的 JS 問題
記好這 24 個 ES6 方法，用來解決實際開發的 JS 問題 本文主要介紹 24 中 es6 方法，這些方法都挺實用的，本本請記好，時不時翻出來看看。 1.如何隱藏所有指定的元素 const hide = (...el) => [
2020-03-12 19:55:17
原创 12 種使用 Vue 的最佳做法
12 種使用 Vue 的最佳做法 隨着 VueJS 的使用越來越廣泛，出現了幾種最佳實踐並逐漸成爲標準。在本文中，主要分享在平時開發中一些有用資源和技巧，廢話少說，我們開始吧。 1.始終在 `v-for` 中使用 `:key` 在需要
2020-03-12 19:55:17
原创 JS中test match replace的三個方法的用法區別
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-wi
2020-02-21 11:13:06
原创 DOM 高級工程師不完全指南
“前端框架真的太香了，香到我都不敢徒手撕 DOM 了！” 雖然絕大多數前端er都有這樣的困擾，但本着基礎爲大的原則，手撕 DOM 應當是一個前端攻城獅的必備技能，這正是本文誕生的初衷 —— DOM 並沒有那麼難搞，如果能去充分利用它，那麼
2020-02-21 11:13:06
原创 Javascript 中的 ...（展開運算符）
曾幾何時，ES6/ES2015 對 Javascript 語言進行了重大升級。它引入了許多不同的新功能。其中之一就是我們可以用在任何兼容容器（對象、數組、字符串、集合、映射）前面的三個連續點。這些小點使我們能夠編寫更加優雅和簡潔的代碼。在
2020-02-21 11:13:06
原创 CSS 動畫：純 CSS 實現 loading 效果
效果 代碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=d
2020-02-21 11:13:06
原创 div背景框自定義 而且高度自適應 CSS原生實現
效果 代碼實現 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="wid
2020-02-21 11:13:06
原创 如何使用原生CSS在DIV層中畫一條線？
效果圖 代碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=de
2020-02-21 11:13:06
原创 vue中8種組件通信方式, 值得收藏! (面試必問）
vue是數據驅動視圖更新的框架, 所以對於vue來說組件間的數據通信非常重要，那麼組件之間如何進行數據通信的呢？首先我們需要知道在vue中組件之間存在什麼樣的關係, 才更容易理解他們的通信方式, 就好像過年回家，坐着一屋子的陌生人，相互之
2020-02-21 11:13:06
原创 ES6入門——前端知識點總結
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-widt
2020-02-21 11:13:06
原创 ES6字符串新增的 startsWith(), endsWith(),includes()三種實例化方法比較
startsWith()方法 該方法判斷一個字符串是否在另一個字符串的頭部，返回一個布爾值，true表示存在 let str = 'hello word' console.log(str.startsWith('he')) //
2020-02-21 11:13:06
原创 iframe 的頁面方法調用學習
外部調用iframe裏的方法 document.getElementById('test21').contentWindow.saveData() window.test21.saveData(); // test21是ifram
2020-02-21 11:13:06
原创 JavaScript數組，數組對象去重
數組去重 let arr2 = ['小王', '小王', '小張'] let newArr2 = [...new Set(arr2)] console.log("TCL: newArr2", newArr2) /
2020-02-21 11:13:05
原创 JavaScript的各種日期操作【值得收藏】
前言 雖然現在處理日期方面已經有了很成熟的也很好用的庫，例如（momentjs和date-fns），但是在實際開發中，我們有時候可能並不需要整個庫。 所以我就在下面整理了在前端開發時對日期時間的各種操作，也算是比較全的了。其中一部分來
2020-02-21 11:13:05
原创 vue中nextTick()方法的使用學習
nextTick() 用於在下次DOM更新循環結束之後執行延遲迴調。在修改數據之後立即使用這個方法，獲取更新後的DOM nextTick()是屬於異步更新隊列 應用場景 在Vue生命週期的created鉤子函數進行的DOM操作一定要放在v
2019-10-25 19:17:09