原创 ES6 中Map數據結構

ES6 提供了 Map 數據結構。是鍵值對的集合,Map類似於對象,但是其鍵的範圍不限於對象的字符串,各種類型的值(包括對象)都可以當作鍵。 一.Map數據結構 1.基本定義 ① Map數據結構的定義//例一 創建一個的Ma

原创 變量的解構賦值[二對象]

ES6 允許按照一定模式,從數組和對象中提取值,對變量進行賦值,這被稱爲解構(Destructuring)。 一.對象的解構賦值 1.基本寫法 基本寫法 let { foo, bar } = { foo: 'aaa', b

原创 JavaScript 面向對象編程繼承 下【三】(instanceof,繼承和多重繼承)

JavaScript 是一門集成了函數編程和麪向對象編程的動態語言。它的對象是一個容器,封裝了屬性(property)和方法(method)。JavaScript的面向對象實現不是基於類,而是基於構造函數(constructor

原创 ES5,ES6中頂層對象解析

頂層對象,在瀏覽器環境指的是window對象,在 Node 指的是global對象。ES5 之中,頂層對象的屬性與全局變量是等價的。 一.頂層對象 1.ES5中頂層對象定義 ES5中頂層對象是window,window對象

原创 ES6 中Set數據結構

ES6 提供了新的數據結構 Set。它類似於數組,但是成員的值都是唯一的,沒有重複的值。 一.Set數據結構 1.基本定義 ①Set本身是一個構造函數,用來生成 Set 數據結構,存儲不重複的值。Set的定義如下 ②因爲se

原创 ES6 中export 命令

ES6 中引入了模塊功能,模塊功能主要由兩個命令構成:export和import。export命令用於規定模塊的對外接口,import命令用於輸入其他模塊提供的功能。 一.export 命令 1.export命令作用 ① E

原创 html中引入CSS樣式表的3種方式

1. 引入CSS樣式表(書寫位置) 1.1 三種樣式表總結(位置) 樣式表 優點 缺點 使用情況 控制範圍 行內樣式表 書寫方便,權重高 沒有實現樣式和結構相分離 較少 控制一個標籤(少) 內部樣式表 部分結構和

原创 瀏覽器內核介紹

首先解釋一下瀏覽器內核是什麼東西。英文叫做:Rendering Engine,中文翻譯很多,排版引擎、解釋引擎、渲染引擎,現在流行稱爲瀏覽器內核. 負責讀取網頁內容,整理訊息,計算網頁的顯示方式並顯示頁面. 因爲瀏覽器太多啦,

原创 div和span元素的區別

要點整理: 1 div是一個塊級元素,獨佔一行不能和其它元素在一行 2 span是行內元素(也譯作內嵌元素),不會另起一行 3 塊元素和行內元素通過CSS的display屬性值可以互相轉化: - 測試<div style="di

原创 html中的列表

標籤名 定義 說明 <ul></ul> 無序標籤 裏面只能包含li 沒有順序,我們以後佈局中最常用的列表 <ol></ol> 有序標籤 裏面只能包含li 有順序, 使用情況較少 <dl></dl>

原创 ES 6 中對象屬性的簡潔表示法

ES6 允許在對象中直接寫入變量和函數,作爲對象的屬性和方法。此種方式簡化了對象的定義。 一.屬性的簡潔表示法 1.基本定義 屬性和方法的簡潔表示 //一 屬性的簡潔表示 const foo = 'bar'; const

原创 label標籤作用

目標: label標籤主要目的是爲了提高用戶體驗。 爲用戶提高最優秀的服務。 概念: label 標籤爲 input 元素定義標註(標籤)。 作用: 用於綁定一個表單元素, 當點擊label標籤的時候, 被綁定的表單元素就會獲得輸

原创 ES6 中import 命令

ES6 中引入了模塊功能,模塊功能主要由兩個命令構成:export和import。export命令用於規定模塊的對外接口,import命令用於輸入其他模塊提供的功能。 一.import 命令 1.import命令作用 ① E

原创 lang和charset的區別

具體寫法 總體寫法<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body

原创 變量的解構賦值[三字符串,數值,布爾值,函數參數]

ES6 允許按照一定模式,從數組和對象中提取值,對變量進行賦值,這被稱爲解構(Destructuring)。 一.字符串的解構賦值 1.寫法 字符串也可以解構賦值。這是因爲此時,字符串被轉換成了一個類似數組的對象 cons