H5、C3、ES6的新特性

来源:https://www.cnblogs.com/jun-qi/archive/2019/03/16/10543228.html
-Advertisement-
Play Games

H5的新特性 1.語義化標簽 2.表單新特性 3.多媒體視頻(video)和音頻(audio) 4.web存儲 C3的新特性 1.選擇器:屬性選擇器E[attr],偽類選擇器E:nth-child(n),空偽類E:empty ,排除偽類E:not(selector) 2.顏色:新增了RGBA、HSL ...


H5的新特性 1.語義化標簽
  1. 有利於SEO,有助於爬蟲抓取更多的有效信息,爬蟲是依賴於標簽來確定上下文和各個關鍵字的權重。
  2. 語義化的HTML在沒有CSS的情況下也能呈現較好的內容結構與代碼結構
  3. 方便其他設備的解析
  4. 便於團隊開發和維護
2.表單新特性 3.多媒體視頻(video)和音頻(audio) 4.web存儲
  1. sessionstorage:關閉瀏覽器清空數據,儲存大小約5M。
  2. localstorage:永久生效,存儲大小20M,多視窗下都可以使用
  3. 都只能儲存字元串
  C3的新特性 1.選擇器:屬性選擇器E[attr],偽類選擇器E:nth-child(n),空偽類E:empty ,排除偽類E:not(selector) 2.顏色:新增了RGBA、HSLA模式 3.文本:為文本設置陰影增強文本的表現能力,通過 text-shadow,可分別設置偏移量、模糊度、顏色(可設透明度)。 4.盒模型:box-sizing: border-box; 5.邊框:圓角border-radius,陰影box-shadow 6.背景:
  1. 通過 background-size 設置背景圖片的尺寸。
  2. 通過 background-origin 可以設置背景圖片定位(background-position)的參照原點。
  3. 通過background-clip,可以設置對背景區域進行裁切,即改變背景區域的大小。
7.漸變:線性漸變 linear-gradient,徑向漸變radial-gradient 8.字體圖標 9.伸縮盒子:調整主軸對齊justify-content,調整側軸對齊align-items,伸縮分配flex,正序方式排序order 10.2D轉換:
  1. translate 設置元素的位置(x/y坐標)
  2. scale 設置元素的縮放比例(x/y兩個方向)
  3. rotate 設置元素旋轉(正值為順時針,負值為逆時針)
  4. transform-origin 設置轉換元素的原點
11.3D轉換:
  1. 透視(perspective)值為1000px~1200px
  2. 將2D元素轉換為3D立體(給父元素設置)transform-style: perserve-3d;
  3. 設置元素背面是否可見 backface-visibility: hidden;
12.動畫:
  1. 定義關鍵幀 @keyframes
  2. 通過百分編寫幀
  3. 在各幀中分別定義各屬性
  4. 通過animation將動畫應用於相應元素
  ES6新特性
  1. 變數聲明:let作用:聲明變數,塊級作用域,必須先聲明後使用,在同一個塊內不允許重覆命名,沒有變數提升。const作用:聲明常量,聲明的同時必須賦值,不能被重新賦值
  2. 解構賦值
  3. 模板字元串,支持換行
  4. 函數擴展,箭頭函數

您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • Java的代碼 主要重點: findViewById(); OnClickListener() xml文件主要是設計手機界面(UI) 重點:控制項的運用 (Button TextView)以及屬性的設置 app界面如圖 ...
  • html標簽中有沒有什麼自帶的屬性可以存儲成績的 沒有 本身html標簽沒有這個屬性,自己(程式員)添加的, 自定義屬性 為了存儲一些數據 在html標簽中添加的自定義屬性,如果想要獲取這個屬性的值,需要使用getAttribute("自定義屬性的名字")才能獲取這個屬性的值 使用方法: 設置自定義 ...
  • 我安裝webpack時,出現如下錯誤: C:\Users\admin> npm install webpack -gnpm WARN checkPermissions Missing write access to C:\Users\admin\AppData\Roaming\npm\node_mo ...
  • Promise是一部編程的一種解決方案, 簡單說就是一個容器,裡面保存著麽謳歌未來才會結束的事件(通常是一個非同步操作)的結果 是為了簡化非同步對象,解決地獄回掉情況 Promise:有兩個回調函數:resolve:將對象的狀態從未完成變成成功 :reject:將對象的狀態從未完成變成失敗 下麵的代碼是 ...
  • 首先明白一點,JavaScript中的this指向只與函數的調用方式有關。判斷this指向誰,可以用下麵四條規則,並且四條規則的優先順序順序是從上到下的: 1. 如果函數是通過new操作符調用的,那麼this指向通過new創建的新對象; 2. 如果函數是通過call或apply方法調用的,那麼this ...
  • node.js的初級使用 作為一個全棧開發員怎麼能不會node.js了?至少得會用node搭載環境吧!話不多說直接開乾! 一、下載與安裝: 官網:http://nodejs.cn/ 中文文檔:http://nodejs.cn/api/ 下載好對應版本後直接雙擊安裝即可。 安裝完成後再命令行輸入:no ...
  • 效果截圖: ...
  • 1.最傳統方法 for迴圈 for… in for…of 雖然for… in 、 for… of 都能夠變曆數組,但是兩者還是有很大區別的,先說結論: 兩者的主要區別在於他們的迭代方式 推薦在迴圈對象屬性的時候,使用for in,在遍曆數組的時候推薦使用for of for…in 迴圈出來的是key ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...