原创 重學ES系列之模版字符串
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-
2020-05-27 16:14:05
原创 JS怎麼判斷鼠標進入離開的方向?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-
2020-05-25 01:01:14
原创 重學ES系列之變量的作用範圍
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-
2020-05-25 01:01:14
原创 重學ES系列之字符串方面的處理
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-
2020-05-25 01:01:14
原创 送你一個封裝的移動端橫屏展示的JS庫
前言 我們經常在移動端橫屏展示一些東西，所以今天我們來介紹下怎麼在移動端實現橫屏展示。 效果 實現 源碼： // screenOrientation.js export default function (option) {
2020-05-20 06:50:23
原创 你要的幾個JS實用工具函數（持續更新）
今天，我們來總結下我們平常使用的工具函數,希望對大家有用。 1、封裝fetch 源碼： /** * 封裝fetch函數，用Promise做回調 * @type {{get: (function(*=)), post: (fu
2020-05-15 22:14:15
1
原创 2分鐘實現一個Vue實時直播系統
前言 我們在不敲代碼的時候可能會去看遊戲直播，那麼是前臺怎麼實現的呢？下面我們來講一下。 第一步，購買雲直播服務 首先，你必須去阿里雲或者騰訊雲註冊一個直播服務。也花不了幾個錢，練手的話，幾十塊錢就夠了。 這裏我拿阿里雲舉例，購買
2020-05-13 01:40:14
原创 JS數組去重你知道有幾種方法？
1.參考答案一：利用ES6新增數據類型 Set Set類似於數組，但是成員的值都是唯一的，沒有重複的值。 function uniq(arry) { return [...new Set(arry)]; } 2.參考答
2020-05-03 23:14:46
原创 JS中new操作符做了什麼？
1.new操作符做了什麼 new 運算符創建一個用戶定義的對象類型的實例或具有構造函數的內置對象的實例。new 關鍵字會進行如下的操作： 創建一個空的簡單JavaScript對象（即{}）； 鏈接該對象（即設置該對象的構造函數）到
2020-05-03 23:14:46
原创 Vue CLI3 移動端適配 【px2rem 或 postcss-plugin-px2rem】
今天，我們使用Vue CLI3 做一個移動端適配 。 前言 首先確定你的項目是Vue CLI3版本以上的。 一、移動端適配包 1、安裝移動端適配包 npm i lib-flexible -S 2、在main.js引入適配包 i
2020-04-26 20:53:56
原创 Vuex的熱更替你知道多少？
前言 我們在使用Vuex的時候，會時不時的更改Vuex內的數據，但是頁面不會隨之更新，如果數據量大，一個數據依賴另一個數據的話，這樣我們要是再刷新頁面的話會把以前依賴的數據清空，效率特別低。所以，今天我總結了怎麼實現Vuex熱更替
2020-04-22 11:52:52
原创 你會用css寫一個加載動畫嗎？
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt
2020-04-22 11:52:52
原创 VueX的模塊你知道多少？
爲什麼會出現VueX的模塊呢？當你的項目中代碼變多的時候，很難區分維護。那麼這時候Vuex的模塊功能就這麼體現出來了。 那麼我們就開始吧！ 一、模塊是啥？ /* eslint-disable no-unused-vars */
2020-04-19 19:34:21
原创 css寫一個原生switch開關按鈕
你好，我是Vam的金豆之路，可以叫我豆哥。2019年年度博客之星、技術領域博客專家。主要領域：前端開發。我的微信是 maomin9761，有什麼疑問可以加我哦，自己創建了一個微信技術交流羣，可以加我邀請你一起交流學習。最後自己也
2020-04-16 21:52:11
原创 如何用原生js寫一個懶加載頁面帶漸變效果
懶加載經常是我們性能優化經常使用的方案，那麼我們今天就實現一波。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta na
2020-04-16 21:52:11