整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
、Thymeleaf顯示當前日期
日期：[[${#dates.format(new java.util.Date().getTime(), 'yyyy年MM月dd日')}]]二、thymeleaf獲取參數的值
startDate是傳遞的參數
[[${param.startDate}]]三、JavaScript
在HTML5中，新增了日期輸入類型month，其含義為選取月、年。
month屬性的代碼格式如下。
<input type="month" name="user_date"/>
（1）編輯代碼
打開記事本，編寫代碼，在<body>標簽中加入以下代碼。并保存為HTML格式文件。
（2)在瀏覽器中瀏覽效果
在瀏覽器中瀏覽效果如圖所示，用戶可以在表單中輸入標準的month格式，然后單擊【提交】按鈕。
設置需要的日期年、月，如下圖所示。
在HTML5中，新增了日期輸入類型week，其含義為選取周和年。
week屬性的代碼格式如下。
<input type="week" name="user_date"/>
（1）編輯代碼
打開記事本，編寫代碼，在<body>標簽中加入以下代碼。并保存為HTML格式文件。
（2)在瀏覽器中瀏覽效果
在瀏覽器中瀏覽效果如圖所示，用戶可以在表單中輸入標準的week格式，然后單擊【提交】按鈕。
設置需要的日期年、周，如下圖所示。
構建現代網頁時，圖片是不可或缺的元素之一。它們能夠增強視覺吸引力，幫助傳達信息，并提升用戶體驗。然而，如果圖片沒有得到適當的優化，它們可能會顯著拖慢網站的加載速度，影響用戶體驗和搜索引擎優化（SEO）。在本文中，我們將探討不同的圖片格式，并提供優化這些格式的策略和示例。
根據圖片內容和用途選擇最合適的格式。例如，對于網頁上的照片，JPEG可能是最佳選擇，因為它在保持相對較小的文件大小的同時提供了良好的圖像質量。對于需要透明背景的圖標，PNG可能更合適。
使用工具或服務壓縮圖片，減少文件大小。例如，使用在線工具如 TinyPNG 來壓縮PNG文件，或者使用 Adobe Photoshop 的“存儲為Web所用格式”功能來減小JPEG文件的大小。
根據需要在網頁中顯示的大小調整圖片尺寸。不要上傳超大的圖片然后依賴瀏覽器縮放，因為這會導致不必要的加載時間。
通過 HTML5 的 <picture> 元素或 srcset 和 sizes 屬性，可以為不同屏幕尺寸提供不同大小的圖片。
對于非視口內的圖片，可以使用延遲加載（lazy loading）技術。這樣，只有當用戶滾動到圖片位置時，圖片才會加載。
使用內容分發網絡（CDN）來分發圖片，可以減少加載時間，因為圖片會從離用戶最近的服務器加載。
假設你有一個高分辨率的照片，原始尺寸為4000x3000像素，文件大小為5MB。如果這張照片要在網頁上以800x600像素的尺寸展示，那么：
優化后的圖片可能只有100KB左右，大大減少了加載時間。
如果你有一個圖標，需要在網頁上以多種尺寸展示，并且需要透明背景：
圖片優化對于提高網頁加載速度至關重要。通過選擇合適的圖片格式，壓縮文件大小，調整尺寸，使用響應式圖片技術，實現延遲加載，以及利用CDN，可以確保圖片在不犧牲質量的情況下快速加載。這不僅能提升用戶體驗，還能對SEO產生積極影響。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
