原创 搭建一個本地的數據接口

搭建一個的本地數據接口(json server) 在前端開發過程中避免不了有時需要僞造模擬數據先行開發,啓動一個本地數據接口,對於前端開發人員來說至關重要,當然方式有很多種,今天分享json server 搭建一個本地數據接口的實

原创 JavaScript數據結構與算法--棧(下)

在棧的上一次筆記中,用的是基於數組實現的棧類,這次我是基於對象來實現棧的封裝,這次使用的ES6增加的class類的語法,其實沒有啥,就是把function函數換成的class實現類,更加快捷。 基於數組實現棧可參照我的上一篇博客:

原创 ES6中箭頭函數

箭頭函數包含以下幾個內容: 1 箭頭函數的基本用法 2 使用箭頭函數注意事項 3 箭頭函數的 this 4 不適用箭頭函數的場合 5 嵌套的箭頭函數 下面是每個內容詳情: 1 箭頭函數的基本用法 //ES5 普通函數 var fu

原创 ES6中對象的擴展

1. 屬性的簡潔表示法 2. 屬性名錶達式 3. 方法的 name 屬性 4. 屬性的可枚舉性和遍歷 5. super 關鍵字 6. 對象的擴展運算符 ES6對對象進行了重大的升級,具體包括下面: 1. 屬性的簡潔表示法 cons

原创 jQuery實現側邊下拉導航欄

<!Doctype html> <html> <head> <meta charset="utf-8"> <title>下拉導航欄</title> <style> a{ text-decorat

原创 ES6中 Symbol

在學習ES6之前已經學過 6 種數據類型,分別是:Object ,Number ,String ,Boolean ,Null ,Undefined ES6中新增了一種新的原始數據類型:Symbol 1. Symbol 的基本用法

原创 ES6中rest參數

在ES6中引入了 rest 參數,它的形式是是(...變量名) 作用:用於獲取函數的多餘參數,這樣就不用使用 arguments 對象了。rest 參數搭配的變量是一個數組,該變量將多餘的參數放入數組中。 例如 funct

原创 leetcode之35 搜索插入位置

35. 搜索插入位置 題目描述: 給定一個排序數組和一個目標值,在數組中找到目標值,並返回其索引。如果目標值不存在於數組中,返回它將會被按順序插入的位置。 你可以假設數組中無重複元素。 示例 1: 輸入: [1,3,5,6], 5 輸出:

原创 jQuery實現滾動輪播圖

之前學習jQuery時做的小案例:滾動輪播圖小案例 該案例主要分爲以下幾個步驟: 用HTML以及CSS對頁面結構做佈局(包括左右切換按鈕,小圓點)。 寫jQuery代碼實現功能(需要先引入jQuery) 先實現右按鈕點擊切換事件

原创 ES6中函數name屬性

函數的 name 屬性返回該函數的函數名。 //實例一 function foo() { } console.log(foo.name); // "foo" //實例二 function gets(){ } console.log

原创 vue 實現圖書購物車小案例

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>tushu</title> <style> .active{ colo

原创 快速體驗Vue.js

最近在複習之前學過的Vue.js的知識,重在把基礎打牢,今天的內容是重溫什麼是Vue.js?如何使用Vue.js開發,會有一個Vue.js的快速體驗。 什麼是Vue.js? 它簡單小巧的核心你個,漸進式技術棧,足以應付任何規模的應

原创 jQuery實現淡入淡出效果輪播圖

<!Doctype html> <html> <head> <meta charset="utf-8"> <title>淡入淡出輪播圖</title> <style> ul{ list-style: none

原创 ES6中函數參數的默認值

基本用法 在學習ES6之前,不能直接爲函數參數指定默認值,只能採取變通的方法。如下: function gets(x,y){ y = y || 0; console.log

原创 ES6中Set和Map數據結構(2)

ES6提供了新的數據結構 Set 和 Map。 上一篇:Set 數據結構 Map 在JavaScript中對象(Object),本質上是鍵值對的集合,但是傳統上只能用字符串當作鍵,ES6中的 Map 數據結構也是鍵值對的集合,但是