前端學習筆記系列一 13new Date 的引數

2022-09-05 03:00:15 字數 711 閱讀 5700

前兩天發現手機頁面的倒計時在android上正常顯示,在iphone卻不能顯示。

後來又發現在ff和ie裡也不顯示。(以前只在chrome裡看過,顯示正常)。

後來同事改了new date()裡字串的格式,就都正常顯示了。

我們知道android和chrome都是webkti核心,難道和這個有關?

於是開啟控制台,分別測試了不同瀏覽器對date()引數的反應。

首先是chrome的:

只要是字串,這三種格式都能正常解析,非字串"/"月份多加1,這個問題本身存在。

然後是ff:

字串中","和"/"能正常解析,"-"不能。

最後是ie:

這次是只有字串格式的"/"能正常解析,","和"-"都不能。

我的js中伺服器返回的格式是"-"連線的字串,這也就解釋了為什麼只有在chrome中日期能正常顯示,而其它瀏覽器不行了,因為ff和ie都不能正確解析"-"。所以以後為了相容,還是都replace成"/"吧。

前端學習筆記《一》

表頭 caption 合併行單元格 colspan 合併列單元格 rowspan 取消邊框縫隙 cellspacing 0 中內容位置 valign top middle bottom 多行文字框 屬性 cols 字元長度 rows 輸入的字元的行數 input type file 上傳檔案 inp...

前端學習筆記一

這裡推薦乙個簡短有趣的鏈結,可以同時對比其他的布局方案 學習css布局 flexbox。另外moz的開源 也有介紹 使用 css 彈性盒子。不過介紹最清晰的還是阮一峰的flex布局教程 語法篇。在各種場合下,居中使用的方式也不一樣。這裡簡要記錄一下目前使用到的比較有效的方式 flex設定父物體為re...

前端學習筆記一

這裡推薦乙個簡短有趣的鏈結,可以同時對比其他的布局方案 學習css布局 flexbox。另外moz的開源 也有介紹 使用 css 彈性盒子。不過介紹最清晰的還是阮一峰的flex布局教程 語法篇。在各種場合下,居中使用的方式也不一樣。這裡簡要記錄一下目前使用到的比較有效的方式 flex設定父物體為re...