原创 ES6數組方法find()、findIndex()的總結
本文主要講解ES6數組方法find()與findIndex()，關於JS的更多數組方法，可參考以下： ①JavaScript 內置對象之-Array ②ES5新增數組方法（例：map()、indexOf()、filter()等）
2020-04-25 05:26:15
原创 使用Vue-CLI創建Vue項目
在看本文之前，請確保電腦上已經裝了node，關於node的安裝和使用可參考node的安裝與使用專欄 1 . 利用Vue-CLI初始化構建Vue項目時，我們將會獲得一個初始的文件夾結構，如下所示： 2 . 安裝Vue-CLI n
2020-04-25 05:26:15
原创 不光教女朋友學會了Yarn，還讓她明白了Yarn與npm的區別
在進行正文之前，首先提供Yarn的三大網址，祝你練成Yarn功大法：Yarn官網、中文官網、Yarn Github地址 在安裝Yarn之前，我們要確保已經成功安裝了Node.js，關於Node.js的安裝，可參考：Node.js
2020-04-21 04:36:36
2
原创 週末休息，用原生JS和CSS給女朋友做了個彈彈球小遊戲，她沉迷其中、無法自拔
上次幫一個粉絲寫了這個純HTML加CSS實現3D立體動態相冊，女朋友看到了，說我就沒有給她寫過這些小玩意，哄她開心。 蛤，聽了這話我就很難過。我對她說，等着，馬上爲你量身定做一個去，你愛玩遊戲，整好今天週末給你做個小小的遊戲，讓你
2020-04-21 04:36:36
原创 當面試官問你關於Node.js的開發框架Express時，你怎麼回答 ？（文末附Postman插件鏈接）
前言： 在前些日子，也就是今年的 2 月至 4 月，一個由 ECMA 成員名義發起，阿里巴巴、騰訊等公司領銜的Node.js 開發者 2020 年度報告結果出爐。 調查結果顯示越年輕的使用者越願意在
2020-04-21 04:36:36
原创 淺談JavaScript中ES6新增的Set和Map結構以及Array.from方法
1、Set ES6 提供了新的數據結構 Set。它類似於數組，但是成員的值都是唯一的，沒有重複的值。 Set 本身是一個構造函數，用來生成 Set 數據結構。 只能接受數組,採用new的方式來實例化使用。 創建Set機構時，可以
2020-03-19 13:08:36
原创 JS設計模式之單例模式
在瞭解單例模式之前，我們要先搞懂什麼是設計模式： 比較官方的設計模式定義：就是在面向對象軟件設計過程中針對特定問題的簡潔而優雅的解決方案。 當然說白了就是：設計模式對某個特定場景下對某種問題的解決方案。 所以，我們在合適的場景下
2020-03-18 00:53:20
原创 JS的閉包
1. 什麼是閉包 （1）在介紹閉包之前，我們先重新認識一下函數的執行空間： function fn(){ console.log("我是fn"); } fn(); 函數在執行的時候，會開闢一個執行空間（暫且叫
2020-03-18 00:53:20
原创 JS中onclick與addEventListener的區別詳解
一、onclick： 1.onclick添加事件： 語法： element.onclick = function (){}; 實例如下： <body> <div class="box">
2020-03-15 00:08:11
原创 JS中DOM元素的操作等基礎知識筆記
目錄1. DOM的概念和作用2.節點樹3.DOM選擇器：（查詢、創建、添加，修改，刪除)4.DOM的基本操作①.添加②.插入③.替換④.刪除5.DOM節點類型(元素和文本)6.DOM屬性節點7.DOM高級操作 1. DOM的概念和
2020-03-15 00:08:11
原创 ES6之Promise解決回調地獄
目錄回調函數：回調地獄：Promise介紹：Promise解決回調地獄： 回調函數： 在一個函數裏面以形參的方式調用一個傳遞進來的函數。 例如： function a(callback){ callback();
2020-03-15 00:08:11
原创 AJAX的基礎封裝
function ajax(ops){ ops.method= ops.method || "get"; ops.data = ops.data || ""; ops.url = ops.method=="
2020-03-12 01:27:42
原创 設置setTimeout延時爲0ms的作用
當我們執行以下代碼時，結果會按1、3、2的順序彈出。 alert(1); setTimeout(function() { alert(2); },0); alert(3); 這是事件循環機制，
2020-03-12 01:27:42
原创 Get和Post的主要區別
區別1、 Get是從服務器端獲取數據，Post則是向服務器端傳送數據。 區別2、 Get是把參數數據隊列加到提交表單的ACTION屬性所指的URL中，值和表單內各個字段一一對應，在URL中可以看到；Po
2020-03-12 01:27:42
原创 JS防抖和節流
一部分的用戶會有頻繁的觸發事件執行行爲（比如連續點擊，滑動滾動條等），這就很有可能導致界面卡頓，甚至瀏覽器的崩潰，防抖和節流就是來解決這種問題。 1、防抖 觸發高頻事件後n秒（n爲自行設置）內函數只會執
2020-03-07 23:15:13