原创 有關正則
在js這門語言中，正則算是一個特例了，可以說它算是語義化中的一個不聽話的孩子，所以很多人對正則比較頭疼，但其實只要用心就會發現其實他也很可愛，今天我們就來總結一下有關正則的用法。 首先讓我們來認識一下正則吧： 1、正則的概念：
2020-06-16 07:14:40
原创 js實現的貪喫蛇小遊戲
js還是非常強大的 下面就來一個貪喫蛇的小遊戲 已經具備了基本功能 可以嘗試一下 class Map{ constructor(){ // 提前設定將來的地圖的樣式數據 this.w =
2020-06-16 07:14:40
原创 快速解決函數頻繁執行----函數的防抖和節流
在前端開發的過程中，相信你一定遇到這種情況：自己設定的事件頻繁的執行，體驗感極差，添加延時器雖然對有些情況能改善，但作用不大，不僅用戶體驗感差，性能也很不好，對瀏覽器增加了極大負擔。這種情況該怎麼解決呢？對啦，debounce（防
2020-06-16 07:14:40
原创 原生js實現的金山打字小遊戲
首先先來看一下效果圖 如果感興趣的就來看一下Js源碼吧 //計分板 var board = { dom: document.getElementById("score"), maxLost: 3, //最大丟失量 l
2020-06-16 07:14:40
原创 運動的封裝
以下是運動的簡單封裝 帶有px的css屬性和透明度，可以運動 背景色不可以 // 參數2被修改成了對象，那麼在使用之前需要解析（遍歷） function move(ele,obj,cb){ clearInterval(el
2020-06-16 07:14:40
原创 用原生js實現的煙花效果
首先附上css佈局 （html的body中僅有一個container，其他是自己後期用js創建的） #container{ width: 80%; height: 600px; border: 2px solid red; b
2020-06-16 07:14:40
原创 this的那些事
首先得明白一點：this是一個對象類型，既不指向函數自身也不指向函數的詞法作用域。 this是在執行上下文創建時確定的，而執行上下文又是函數被調用時創建的，所以this是在函數被調用時確定的，也就是this與函數的創建的位置無關，
2020-06-16 07:14:40
原创 一文學會使用node自帶的npm工具
node的模塊中，有第三方模塊，第三方模塊的使用，需要先下載，怎麼下載？看完這一篇 足夠學會使用npm node安裝之後，會自帶一個npm的下載工具，專門用來下載node的第三方模塊，或一些其他工具 npm其實是一種 包 管理器
2020-03-25 11:56:39
原创 小白也能快速上手gulp
1.gulp的介紹 前端自動化構建工具 自動化構建：工程化，將文件的壓縮，編譯，各種處理，流程化，形成流水線似的環節 gulp是基於node環境 其實本質上gulp就是node的第三方模塊 2.gulp的使用 安裝： 安裝全
2020-03-25 11:56:39
原创 新手快速學會gulp插件的使用
1. 安裝插件 刪除文件夾：gulp-clean 壓縮css：gulp-cssmin css前綴：gulp-autoprefixer 壓縮js：gulp-uglify ES6轉ES5：gulp-babel
2020-03-25 11:56:39
原创 快速瞭解set與map
首先，Map 和 Set 是 ES6 新增的兩個數據類型，他們都是屬於內置構造函數，並且都使用 new 的方式來實例化使用，那麼接下來讓我們分別來看下他們。 1、 Set的概念和聲明 Set是一種數據的集合，類似數組，使用
2020-03-19 03:12:18
原创 快速學會jquery的基礎使用
jQuery的選擇器 選擇器 — 用來獲取DOM元素的方法 Id選擇器 $("#box"); Class選擇器 $(".box"); 標籤選擇器 $(“span”); 包含選擇器 $("#box p"); 子選
2020-03-19 03:12:08
原创 一文教你看懂原型！！！
談到原型，我們都知道最重要的兩個屬性就是__proto__和prototype，那麼他們到底有什麼關係又到底是什麼呢，這一篇看完相信你就會有一些理解了。 1 對象的__proto__是什麼 js中萬物皆對象，每個數據都會有一個_
2020-03-17 00:38:05
原创 簡單一文讓你認識有關繼承
1、 什麼是繼承 1、繼承是與 構造函數 相關的應用 2、是指，讓一個構造函數去繼承另一個構造函數的屬性和方法 3、繼承是發生在兩個構造函數之間的 1 兩個構造函數之間 2 子級繼承父級 3 繼承的是父級的屬性和方法 2 E
2020-03-17 00:38:05
原创 閉包的一些介紹
1、 閉包的定義 是JavaScript中,函數的一種高級應用方式 2 、重新認識函數 函數的執行空間 3 閉包的總結 1 有一個函數A , 在函數A內部返回一個函數B 2 在函數B 中訪問函數A 的私有作用域變量 3
2020-03-17 00:38:05