[Date文檔](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Date "創建一個 JavaScript Date 實例,該實例呈現時間中的某個時刻。Date 對象則基于 Unix Time Stamp,即自1970年1月1日(UTC)起經過的毫秒數。")
語法:
~~~
new Date();//當前時間
//指定時間
new Date(value);
new Date(dateString);
new Date(year, monthIndex [, day [, hours [, minutes [, seconds [, milliseconds]]]]]);
~~~
```
var d=new Date();//Mon Aug 10 2016 12:40:21 GMT+0800 (中國標準時間)
var d1 = new Date(1453349748749);
var d2=new Date("12/31/2016 12:15:45");//格式化時間(谷歌可用 火狐不能) Sat Dec 31 2016 12:15:45 GMT+0800 (中國標準時間)
//要想所有瀏覽器都兼容請使用:var dateTime = new Date("2016/05/20 23:42:00");
var timeStr= "2017-11-09 23:23:23"
var time= new Date(timeStr.replace(/-/g,"/"));
var d3 = new Date(2016,1,30,12,12,12,345);
```
**Date實例方法:**
格式:Date . prototype . xxx()
new Date().getFullYear():獲取年
new Date().getMonth():月 (0 ~ 11)
new Date().getDate():天 (1 ~ 31)
new Date().getHours():小時 (0 ~ 23)
new Date().getMinutes():分鐘 (0 ~ 59)
new Date().getSeconds():秒數(0 ~ 59)
new Date().getMilliSeconds():毫秒數(0 ~ 999)
...更多
>[danger] php接受返回的是秒級(10位)時間戳,而date接受和返回的是毫秒級(13位)的時間戳
## Date 對象方法
| 方法 | 描述 |
| :-- | :-- |
| [getDate()](https://www.runoob.com/jsref/jsref-getdate.html) | 從 Date 對象返回一個月中的某一天 (1 ~ 31)。 |
| [getDay()](https://www.runoob.com/jsref/jsref-getday.html) | 從 Date 對象返回一周中的某一天 (0 ~ 6)。 |
| [getFullYear()](https://www.runoob.com/jsref/jsref-getfullyear.html) | 從 Date 對象以四位數字返回年份。 |
| [getHours()](https://www.runoob.com/jsref/jsref-gethours.html) | 返回 Date 對象的小時 (0 ~ 23)。 |
| [getMilliseconds()](https://www.runoob.com/jsref/jsref-getmilliseconds.html) | 返回 Date 對象的毫秒(0 ~ 999)。 |
| [getMinutes()](https://www.runoob.com/jsref/jsref-getminutes.html) | 返回 Date 對象的分鐘 (0 ~ 59)。 |
| [getMonth()](https://www.runoob.com/jsref/jsref-getmonth.html) | 從 Date 對象返回月份 (0 ~ 11)。 |
| [getSeconds()](https://www.runoob.com/jsref/jsref-getseconds.html) | 返回 Date 對象的秒數 (0 ~ 59)。 |
| [getTime()](https://www.runoob.com/jsref/jsref-gettime.html) | 返回 1970 年 1 月 1 日至今的毫秒數。 |
| [getTimezoneOffset()](https://www.runoob.com/jsref/jsref-gettimezoneoffset.html) | 返回本地時間與格林威治標準時間 (GMT) 的分鐘差。 |
| [getUTCDate()](https://www.runoob.com/jsref/jsref-getutcdate.html) | 根據世界時從 Date 對象返回月中的一天 (1 ~ 31)。 |
| [getUTCDay()](https://www.runoob.com/jsref/jsref-getutcday.html) | 根據世界時從 Date 對象返回周中的一天 (0 ~ 6)。 |
| [getUTCFullYear()](https://www.runoob.com/jsref/jsref-getutcfullyear.html) | 根據世界時從 Date 對象返回四位數的年份。 |
| [getUTCHours()](https://www.runoob.com/jsref/jsref-getutchours.html) | 根據世界時返回 Date 對象的小時 (0 ~ 23)。 |
| [getUTCMilliseconds()](https://www.runoob.com/jsref/jsref-getutcmilliseconds.html) | 根據世界時返回 Date 對象的毫秒(0 ~ 999)。 |
| [getUTCMinutes()](https://www.runoob.com/jsref/jsref-getutcminutes.html) | 根據世界時返回 Date 對象的分鐘 (0 ~ 59)。 |
| [getUTCMonth()](https://www.runoob.com/jsref/jsref-getutcmonth.html) | 根據世界時從 Date 對象返回月份 (0 ~ 11)。 |
| [getUTCSeconds()](https://www.runoob.com/jsref/jsref-getutcseconds.html) | 根據世界時返回 Date 對象的秒鐘 (0 ~ 59)。 |
| getYear() | 已廢棄。請使用 getFullYear() 方法代替。 |
| [parse()](https://www.runoob.com/jsref/jsref-parse.html) | 返回1970年1月1日午夜到指定日期(字符串)的毫秒數。 |
| [setDate()](https://www.runoob.com/jsref/jsref-setdate.html) | 設置 Date 對象中月的某一天 (1 ~ 31)。 |
| [setFullYear()](https://www.runoob.com/jsref/jsref-setfullyear.html) | 設置 Date 對象中的年份(四位數字)。 |
| [setHours()](https://www.runoob.com/jsref/jsref-sethours.html) | 設置 Date 對象中的小時 (0 ~ 23)。 |
| [setMilliseconds()](https://www.runoob.com/jsref/jsref-setmilliseconds.html) | 設置 Date 對象中的毫秒 (0 ~ 999)。 |
| [setMinutes()](https://www.runoob.com/jsref/jsref-setminutes.html) | 設置 Date 對象中的分鐘 (0 ~ 59)。 |
| [setMonth()](https://www.runoob.com/jsref/jsref-setmonth.html) | 設置 Date 對象中月份 (0 ~ 11)。 |
| [setSeconds()](https://www.runoob.com/jsref/jsref-setseconds.html) | 設置 Date 對象中的秒鐘 (0 ~ 59)。 |
| [setTime()](https://www.runoob.com/jsref/jsref-settime.html) | setTime() 方法以毫秒設置 Date 對象。 |
| [setUTCDate()](https://www.runoob.com/jsref/jsref-setutcdate.html) | 根據世界時設置 Date 對象中月份的一天 (1 ~ 31)。 |
| [setUTCFullYear()](https://www.runoob.com/jsref/jsref-setutcfullyear.html) | 根據世界時設置 Date 對象中的年份(四位數字)。 |
| [setUTCHours()](https://www.runoob.com/jsref/jsref-setutchours.html) | 根據世界時設置 Date 對象中的小時 (0 ~ 23)。 |
| [setUTCMilliseconds()](https://www.runoob.com/jsref/jsref-setutcmilliseconds.html) | 根據世界時設置 Date 對象中的毫秒 (0 ~ 999)。 |
| [setUTCMinutes()](https://www.runoob.com/jsref/jsref-setutcminutes.html) | 根據世界時設置 Date 對象中的分鐘 (0 ~ 59)。 |
| [setUTCMonth()](https://www.runoob.com/jsref/jsref-setutcmonth.html) | 根據世界時設置 Date 對象中的月份 (0 ~ 11)。 |
| [setUTCSeconds()](https://www.runoob.com/jsref/jsref-setutcseconds.html) | setUTCSeconds() 方法用于根據世界時 (UTC) 設置指定時間的秒字段。 |
| setYear() | 已廢棄。請使用 setFullYear() 方法代替。 |
| [toDateString()](https://www.runoob.com/jsref/jsref-todatestring.html) | 把 Date 對象的日期部分轉換為字符串。 |
| toGMTString() | 已廢棄。請使用 toUTCString() 方法代替。 |
| [toISOString()](https://www.runoob.com/jsref/jsref-toisostring.html) | 使用 ISO 標準返回字符串的日期格式。 |
| [toJSON()](https://www.runoob.com/jsref/jsref-tojson.html) | 以 JSON 數據格式返回日期字符串。 |
| [toLocaleDateString()](https://www.runoob.com/jsref/jsref-tolocaledatestring.html) | 根據本地時間格式,把 Date 對象的日期部分轉換為字符串。 |
| [toLocaleTimeString()](https://www.runoob.com/jsref/jsref-tolocaletimestring.html) | 根據本地時間格式,把 Date 對象的時間部分轉換為字符串。 |
| [toLocaleString()](https://www.runoob.com/jsref/jsref-tolocalestring.html) | 根據本地時間格式,把 Date 對象轉換為字符串。 |
| [toString()](https://www.runoob.com/jsref/jsref-tostring-date.html) | 把 Date 對象轉換為字符串。 |
| [toTimeString()](https://www.runoob.com/jsref/jsref-totimestring.html) | 把 Date 對象的時間部分轉換為字符串。 |
| [toUTCString()](https://www.runoob.com/jsref/jsref-toutcstring.html) |
根據世界時,把 Date 對象轉換為字符串。
實例:
~~~
var today = new Date();
var UTCstring = today.toUTCString();
~~~
|
| [UTC()](https://www.runoob.com/jsref/jsref-utc.html) | 根據世界時返回 1970 年 1 月 1 日 到指定日期的毫秒數。 |
| [valueOf()](https://www.runoob.com/jsref/jsref-valueof-date.html) | 返回 Date 對象的原始值。 |
**Date靜態方法:**
```
console.log(Date.now());//毫秒數 1454353445000
console.log(Date.parse("12/31/2016 12:15:45"));//毫秒數 1483157745000
//世界協調時間:Date.UTC(year,month[,date[,hrs[,min[,sec[,ms]]]]])、
//參數為UTC,中國與UTC的時差是8,也就是比我們東八區早8小時,中國時區要-8
console.log(Date.UTC(2016, 1, 2, 03-8, 4, 5));//823201445000;//Fri Feb 02 1996 03:04:05 GMT+0800 (中國標準時間)
var utcDate1 = new Date(Date.UTC(1990, 1, 2, 03-8, 4, 5));
console.log(utcDate1);//Fri Feb 02 1996 03:04:05 GMT+0800 (中國標準時間)
```
特殊日期對象轉時間戳:
~~~
var newDay=new Date();//Mon Nov 05 2018 01:15:29 GMT+0800 (中國標準時間)
var b= Number(newDay)//1541351729432 到毫秒
var b=newDay.valueOf();//1541351729432 到毫秒
var b=newDay.getTime();//1541351729432 到毫秒
var b=newDay.getTime();//1541351729432 到毫秒
var b=Date.parse(newDay)//1541351729000 到秒 除以1000就得到1541351729 標準的以秒為單位時間戳
~~~
?格式化日期轉時間戳:
~~~
Date.parse('2018-11-29 01:47:24');//1543427244 (除了谷歌瀏覽器都得不到結果)
// 主要對默認的日期格式進行轉換, 基于'/'格式的日期字符串,才是被各個瀏覽器所廣泛支持的,‘-’連接的日期字符串,則是只在chrome下可以正常工作
var timeStr= "2017-11-09 23:23:23"
var time= new Date(Date.parse(timeStr.replace(/-/g,"/"))).getTime();
~~~
①時間戳轉格式化日期:
~~~
/**
* 和PHP一樣的時間戳格式化函數
* @param {string} format 格式
* @param {int} timestamp 要格式化的時間 默認為當前時間
* @return {string} 格式化的時間字符串
* eg:
* formatDate('Y-m-d','1350052653');//很方便的將時間戳轉換成了2012-10-11
* formatDate('Y-m-d H:i:s','1350052653');//得到的結果是2012-10-12 22:37:33
*/
function formatDate(format, timestamp){
var a, jsdate=((timestamp) ? new Date(timestamp*1000) : new Date());
var pad = function(n, c){
if((n = n + "").length < c){
return new Array(++c - n.length).join("0") + n;
} else {
return n;
}
};
var txt_weekdays = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
var txt_ordin = {1:"st", 2:"nd", 3:"rd", 21:"st", 22:"nd", 23:"rd", 31:"st"};
var txt_months = ["", "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
var f = {
// Day
d: function(){return pad(f.j(), 2)},
D: function(){return f.l().substr(0,3)},
j: function(){return jsdate.getDate()},
l: function(){return txt_weekdays[f.w()]},
N: function(){return f.w() + 1},
S: function(){return txt_ordin[f.j()] ? txt_ordin[f.j()] : 'th'},
w: function(){return jsdate.getDay()},
z: function(){return (jsdate - new Date(jsdate.getFullYear() + "/1/1")) / 864e5 >> 0},
// Week
W: function(){
var a = f.z(), b = 364 + f.L() - a;
var nd2, nd = (new Date(jsdate.getFullYear() + "/1/1").getDay() || 7) - 1;
if(b <= 2 && ((jsdate.getDay() || 7) - 1) <= 2 - b){
return 1;
} else{
if(a <= 2 && nd >= 4 && a >= (6 - nd)){
nd2 = new Date(jsdate.getFullYear() - 1 + "/12/31");
return date("W", Math.round(nd2.getTime()/1000));
} else{
return (1 + (nd <= 3 ? ((a + nd) / 7) : (a - (7 - nd)) / 7) >> 0);
}
}
},
// Month
F: function(){return txt_months[f.n()]},
m: function(){return pad(f.n(), 2)},
M: function(){return f.F().substr(0,3)},
n: function(){return jsdate.getMonth() + 1},
t: function(){
var n;
if( (n = jsdate.getMonth() + 1) == 2 ){
return 28 + f.L();
} else{
if( n & 1 && n < 8 || !(n & 1) && n > 7 ){
return 31;
} else{
return 30;
}
}
},
// Year
L: function(){var y = f.Y();return (!(y & 3) && (y % 1e2 || !(y % 4e2))) ? 1 : 0},
//o not supported yet
Y: function(){return jsdate.getFullYear()},
y: function(){return (jsdate.getFullYear() + "").slice(2)},
// Time
a: function(){return jsdate.getHours() > 11 ? "pm" : "am"},
A: function(){return f.a().toUpperCase()},
B: function(){
// peter paul koch:
var off = (jsdate.getTimezoneOffset() + 60)*60;
var theSeconds = (jsdate.getHours() * 3600) + (jsdate.getMinutes() * 60) + jsdate.getSeconds() + off;
var beat = Math.floor(theSeconds/86.4);
if (beat > 1000) beat -= 1000;
if (beat < 0) beat += 1000;
if ((String(beat)).length == 1) beat = "00"+beat;
if ((String(beat)).length == 2) beat = "0"+beat;
return beat;
},
g: function(){return jsdate.getHours() % 12 || 12},
G: function(){return jsdate.getHours()},
h: function(){return pad(f.g(), 2)},
H: function(){return pad(jsdate.getHours(), 2)},
i: function(){return pad(jsdate.getMinutes(), 2)},
s: function(){return pad(jsdate.getSeconds(), 2)},
//u not supported yet
// Timezone
//e not supported yet
//I not supported yet
O: function(){
var t = pad(Math.abs(jsdate.getTimezoneOffset()/60*100), 4);
if (jsdate.getTimezoneOffset() > 0) t = "-" + t; else t = "+" + t;
return t;
},
P: function(){var O = f.O();return (O.substr(0, 3) + ":" + O.substr(3, 2))},
//T not supported yet
//Z not supported yet
// Full Date/Time
c: function(){return f.Y() + "-" + f.m() + "-" + f.d() + "T" + f.h() + ":" + f.i() + ":" + f.s() + f.P()},
//r not supported yet
U: function(){return Math.round(jsdate.getTime()/1000)}
};
return format.replace(/[\\]?([a-zA-Z])/g, function(t, s){
if( t!=s ){
// escaped
ret = s;
} else if( f[s] ){
// a date function exists
ret = f[s]();
} else{
// nothing special
ret = s;
}
return ret;
});
}
~~~
?②數組轉格式化時間
~~~
;function timeArrayToFormatTime(data,seconds){
seconds=seconds|0;
var stime= new Date(data.year,data.month-1,data.date,data.hours,data.minutes,data.seconds);
stime=Date.parse(stime)/1000;
stime=formatDate('Y-m-d H:i:s',stime+seconds)
return stime;
}
~~~
時間對象轉時間數組
~~~
;function nowTimeObjToArray(timeObj){
timeObj=timeObj||new Date();
var startYear=timeObj.getFullYear();
var startMonth=timeObj.getMonth()+1;
var startDay=timeObj.getDate();
var startHours=timeObj.getHours();
var startMinutes=timeObj.getMinutes();
var startSeconds=timeObj.getSeconds();
var timeArr= {
year: startYear,
month: startMonth,
date: startDay,
hours: startHours,
minutes: startMinutes,
seconds:startSeconds
};
return timeArr;
}
~~~
時間對象轉格式化時間 (2018-11-08 17:03:13?)? 時間戳轉格式化日期
~~~
//時間對象轉格式化時間,或者時間戳轉格式化時間(10位的標準時間戳和13位毫秒時間戳)
;function nowTimeObjToFormatTime(timeObj){
timeObj=timeObj||'';
var preg=/(^[0-9][0-9]{9}$)|(^[0-9][0-9]{12}$)/;
if(typeof timeObj=='object'&&timeObj instanceof Date){
timeObj=timeObj;
}else if(preg.test(timeObj.toString().replace(/(^\s*)|(\s*$)/g,""))){
alert(111)
var newStr=timeObj.toString().replace(/(^\s*)|(\s*$)/g,"");
if(newStr.length==10){
newStr=newStr+'000';
}
timeObj=Number(newStr);
timeObj=new Date(timeObj);
}else{
timeObj=new Date();
}
var startYear=timeObj.getFullYear();
var startMonth=timeObj.getMonth()+1;
var startDay=timeObj.getDate();
var startHours=timeObj.getHours();
var startMinutes=timeObj.getMinutes();
var startSeconds=timeObj.getSeconds();
if(startMonth<10){
startMonth='0'+startMonth;//0-11
}
if(startDay<10){
startDay='0'+startDay;//1-31
}
if(startHours==0||startHours<10){
startHours='0'+startHours;//0-23
}
if(startMinutes==0||startMinutes<10){
startMinutes='0'+startMinutes;//0-59
}
if(startSeconds==0||startSeconds<10){
startSeconds='0'+startSeconds;//0-59
}
var formatTime=startYear+'-'+startMonth+'-'+startDay+' '+startHours+':'+startMinutes+':'+startSeconds;
return formatTime;
}
~~~
?數組轉格式化時間
- CSS
- 達到指定寬度加載css
- 選擇器
- CSS 函數
- @media媒體查詢
- 字體
- 圖標字體
- 文本
- 光標樣式cursor
- 盒子模型
- 溢出(overflow)
- 邊框
- 不透明度opacity
- 背景(background)與漸變xx-gradient
- 輪廓(outline)與 陰影(box-shadow)
- 過渡屬性(Transition)
- 動畫屬性(Animation)
- transform變形效果旋轉,縮放,移動,傾斜等
- 顯示、隱藏與禁用
- box-sizing與resize
- 居中對齊
- css水平居中
- css垂直居中
- 文字與相鄰的元素垂直對齊
- 布局
- 高度塌陷和外邊距重疊最終解決方案
- 解決float布局時高度塌陷的最終方案after偽類元素
- 子/父元素外邊距重疊最終解決方案before偽類元素
- 傳統布局
- position布局
- position水平居中
- position垂直居中
- position水平垂直居中
- 浮動布局
- 高度塌陷和BFC
- clear
- BFC概念及觸發條件
- 表格布局
- 盒子模型布局
- 盒子水平居中布局(如margin:0 auto)
- 盒子垂直居中布局
- 相鄰元素外邊距重疊
- 行內元素的盒子模型
- 彈性伸縮布局flex
- 舊版本(IE不支持)
- 混合過渡版(僅IE10+生效)
- flex布局(新版)
- 多列布局columns
- grid網格布局(實驗性)
- 應用與總結
- 瀑布流布局
- 流式布局(響應式布局又叫百分比布局移動端一般采用)
- 用戶不能鼠標左鍵選擇文本
- 表格
- 表單
- radio
- textarea
- select
- a連接
- ul>li有序列表與ol>li無序列表
- 偽元素
- 容器寬高100%
- 瀏覽器四大內核及前綴
- 移動端開發
- 長度單位與移動端
- css_移動端開發
- rem具體解決方案
- vw具體解決方案
- 兼容性問題
- 瀏覽器默認樣式
- css預處理器
- less
- sass
- stylus
- HTML
- 標簽元素
- head的子標簽
- 文檔元素
- 文本元素
- 嵌入元素
- 分組元素
- 表格元素
- 表單元素
- input
- 標簽元素的屬性
- 全局屬性
- aria-*
- 事件on*
- data-*
- id
- class
- hidden
- style
- title
- draggable
- dropzone(實驗性)
- dir
- autocapitalize
- contenteditable
- lang
- inputmode
- accesskey
- contextmenu(移除)
- exportparts(實驗性)
- is
- itemid
- itemprop
- itemref
- itemscope
- itemtype
- XHTML遺留xml:lang和xml:base
- part(實驗性)
- slot
- spellcheck(實驗性)
- tabindex
- translate
- HTML字符實體
- 行內元素
- iframe和父頁面相互傳值,并兼容跨域問題
- a標簽嵌套解決方案
- JS
- 獲取寬度(offsetParent、clientWidth、clientHeight、offsetWidth、offsetheight、scrollWidth、scrollHeight、offsetTop、offsetLeft、scrollTop、scrollLeft)
- demo
- 全選和反選
- 定時器:
- 哪些HTML元素可以獲得焦點?
- 事件例子
- 鼠標事件
- 注冊條款
- 獲取鼠標坐標
- div跟隨鼠標移動
- 拖拽01
- 鼠標滾動事件
- 鍵盤事件
- 檢查標簽是否含有某個類
- 輪播圖
- 數組的 交集 差集 補集 并集
- 精確計算插件
- 搖獎機
- 移動端跳轉
- 基礎
- js的數據類型
- 基本類型聲明
- 引用類型聲明及用法
- 數組
- 函數
- 對象及函數原型對象
- 繼承
- js的垃圾回收機制
- javascript擴展自定義方法
- 類型轉換
- 作用域(執行上下文)及遞歸調用
- javascript事件
- 連續調用
- 排序
- 內存溢出與內存泄漏
- 系統對象
- 內置對象
- 值屬性
- Infinity
- NaN
- undefined
- globalThis
- Function 屬性
- eval()
- isFinite()
- isNaN()
- parseFloat()
- parseInt()
- decodeURI()
- decodeURIComponent()
- encodeURI()
- encodeURIComponent()
- 基本對象(Object,Function,Boolean,Symbol)
- Object
- defineProperty()
- Function
- Boolean
- Symbol
- 數字和日期對象
- Number
- Date
- BigInt
- Math
- 控制抽象化
- AsyncFunction
- Generator
- GeneratorFunction
- Promise
- Web組裝
- WebAssembly
- 結構化數據(JSON等)
- ArrayBuffer
- Atomics
- DataView
- JSON
- SharedArrayBuffer
- 使用鍵的集合對象
- Map
- Set
- WeakMap
- WeakSet
- 反射
- Reflect
- Proxy
- 可索引的集合對象(數組在這)
- Array數組
- BigInt64Array
- BigUint64Array
- Float32Array
- Float64Array
- Int16Array
- Int32Array
- Int8Array
- Uint8ClampedArray
- Uint8Array
- Uint16Array
- Uint32Array
- 國際化
- Intl
- Intl.Collator
- 文本處理(字符串與正則)
- RegExp
- String
- 錯誤對象
- Error
- InternalError
- AggregateError 實驗性
- EvalError
- RangeError
- ReferenceError
- SyntaxError
- URIError
- TypeError
- null
- TypedArray
- escape()移除但還兼容
- unescape()移除但還生效
- uneval()非標準
- arguments
- 宿主對象(DOM與Browser)
- Browser瀏覽器對象(BOM)
- Window 對象
- History 對象
- Location 對象
- Navigator 對象
- Screen 對象
- 存儲對象(localStorage與sessionStorage)
- DOM 節點對象
- EventTarget
- Node節點對象
- Document文檔節點
- HTMLDocument(HTML對象 )
- HTML 元素接口
- Element元素節點
- Attr屬性對象(與NamedNodeMap )
- DocumentType
- DocumentFragment文檔片段節點
- CharacterData
- Comment
- Text
- CDATASection
- 事件對象Event
- on-event處理器
- CustomEvent
- MouseEvent
- DragEvent
- 手勢(TouchEvent觸摸事件)
- 其他類型事件對象...
- CSSStyleDeclaration 對象
- HTMLCollection
- console對象
- MutationObserver
- 其他重要的對象(FormData與原生Ajax)
- FormData表單對象
- ajax XMLHttpRequest
- 表達式和運算符
- 算術運算符
- 賦值運算符
- 按位操作符
- 逗號操作符
- 比較操作符
- 條件運算符
- 解構賦值
- 函數表達式
- 圓括號運算符
- 邏輯運算符
- Nullish 合并操作符
- 對象初始化
- 運算符優先級
- 可選鏈
- 管道操作符 實驗性
- 屬性訪問器
- 展開語法
- 異步函數表達式
- await
- 類表達式
- delete 操作符
- function* 表達式
- in
- instanceof
- new 運算符
- new.target
- super
- this
- typeof
- void 運算符
- yield
- yield*
- 語句和聲明
- export
- default
- 控制流
- block
- break
- continue
- empty
- if...else
- switch
- throw
- try...catch
- 聲明
- const
- let
- var 描述
- 函數和類
- async function
- class
- function
- function*
- return
- 迭代
- do...while
- for
- for await...of
- for...in
- for...of
- while
- 其他
- debugger
- label
- with 移除但生效
- import
- import.meta
- 函數
- 箭頭函數
- 默認參數值
- 方法的定義
- 剩余參數
- Arguments 對象
- getter
- setter
- 類
- 類私有域
- 類元素
- 構造方法
- extends
- static
- Errors
- 更多
- 已廢棄的特性
- JavaScript 數據結構
- 詞法文法
- 屬性的可枚舉性和所有權
- 迭代協議
- 嚴格模式
- 切換到嚴格模式
- 模板字符串
- ES6(ES2015)
- Es6函數寫法
- 類class
- 導入導出模塊
- 兼容ES5
- 變量聲明
- Symbol新數據類型
- 迭代器(自定義遍歷數組)
- 生成器
- Promise異步編程
- set(集合)
- Map
- 數組新增4個方法
- 手機端事件
- bootstrap手冊
- 代碼壓縮打包
- Webpack
- 五個核心概念
- 開始
- loader
- 插件
- webpack開發環境配置
- 打包含css文件的項目
- 打包html資源
- 打包圖片資源
- 打包其他文件
- devServer(實時自動化打包)
- 總結:開發環境配置
- webpack生產環境配置
- 提取css成單獨文件
- css兼容性處理
- 壓縮css
- js語法檢查
- js兼容性處理
- js壓縮
- html壓縮
- 總結:生產環境配置
- webpack優化環境配置
- HMR( 模塊熱替換)
- source-map
- oneOf
- 緩存
- tree shaking
- code split
- demo1
- demo2
- demo3
- lazy loading
- pwa
- 多進程打包
- externals
- dll
- webpack配置詳解
- entry
- output
- module
- resolve
- dev server
- optimization
- vite
- 技能
- 前端學習路線
- 調試
- 多個版本IE瀏覽器(調試用)
- 手機端調試
- vueJS
- Element UI(一個vuejs組件)
- 瀏覽器插件開發
- 插件推薦
- 擴展文件manifest.json
- 不可視的background(常駐)頁面
- 可視頁面browser actions與page actions及八種展示方式
- 使用chrome.xxx API
- Google Chrome擴展與Web頁面/服務器之間的交互
- Google Chrome擴展中的頁面之間的數據通信
- inject-script
- chromeAPI
- pageAction
- alarms
- chrome.tabs
- chrome.runtime
- chrome.webRequest
- chrome.window
- chrome.storage
- chrome.contextMenus
- chrome.devtools
- chrome.extension
- 分類
- homepage_url 開發者或者插件主頁
- 5種類型的JS對比及消息通信
- 其它補充
- 谷歌瀏覽器截屏
- 框架及工具
- 前端UI設計網站
- 網頁中使用Unicode字符