ios9 3為前端帶來哪些新特性

2021-09-19 08:46:56 字數 2619 閱讀 7734

ieblog由於提供了對 css3 @font-face 規則和 woff 字型封裝格式的跨瀏覽器支援,現代的 web 版式已遠遠超出了「web 安全字型」所定義的範疇,像 new yorker 這樣的知名雜誌就使用了 web 字型來彰顯標題版式的獨特風格,而在美國**歐巴馬的競選連任活動中,也使用了 web 字型服務 typekit 來託管其獨具一格的字型。

妨礙 web 設計人員利用字型的全部特性的一項限制是:無法訪問許多字型中內建的大量可選 opentype® 特性。這些特性定義了字形替代和定位選項,以支援基本的版式特性(如字距調整、上標和下標)、上下文本形(如連寫、數字樣式)以及訪

問可選的東亞字形和花飾字型。

是不是很暈

舉個例子

html

the fix was in for the fiveflirting fleurons.

turn ligatures

scss

p 

body

span

.liga

}button

&.on:after

}

js

var btn = document.queryselector("button"),

body = document.documentelement,

activeclass = "liga";

btn.addeventlistener("click", function(e));

按鈕未改變時效果

按鈕按下新增liga類

咦 為什麼會是這樣呢 font-feature-setting為我們提供了更多的可以相容opentype的功能

該特性相容性

will-change屬性,允許作者提前告知瀏覽器的預設樣式,那他們可能會做出乙個元素。它允許對瀏覽器預設樣式的優化如何提前處理因素,在動畫實際開始之前,為準備動畫執行潛在昂貴的工作。

之前我們希望呼叫gpu進行優化時需要這麼寫

.accelerate
不過這樣瀏覽器就會耗費很多資源 will-change可以有助於瀏覽器進行優化

該特性相容性

該特性相容性

css all簡寫屬性重設除了unicode-bidi 和direction之外的所有屬性至它們的初始值或繼承值。

舉個例子

html

lorem ipsum dolor sit amet, consectetur adipiscing elit.
phasellus eget velit sagittis.
css

html 

blockquote

然後這樣子

css加上一句

blockquote
就可以遮蔽全域性的影響

該特性相容性

顧名思義 就是撤銷繼承過來的值

該特性相容性

不太懂啊 返回瀏覽器原始? 沒啥用啊

該特性相容性

ios支援css變數了

這裡我們有一篇seagmentfault文章

該特性相容性

可以自己組裝字型了 不過瀏覽器相容性不太好

該特性相容性

這次ios9.3最大的更新就是提供了picture element了

這裡我給大家提供幾篇文章

whatwg介紹

瀏覽器內建支援的響應式影象

響應式101(六):picture元素

該特性相容性

ios9 3以下莫名閃退問題

解決方案 1 找到打包的ipa,然後壓縮會生成倆個資料夾,我們需要的是payload這個資料夾。2 開啟終端,進入資料夾位置 cd path path是指把資料夾拖到終端裡面就行了 3 在終端輸入 find name assets.car 4 使用 assetutil 命令找到任何包含著 16 bi...

如何實現Xcode7 2除錯iOS9 3

在開發的過程中真機測試是必不可少的步驟,按照蘋果的思路想要除錯ios9.3就必須將xcode公升級到7.3版本,但是使用過xcode7.3的人都知道7.3版本的智慧型提示做的實在是讓人使用起來不方便,所以當前大部分人使用的可能還是7.2的版本。其實利用xcode7.2也是能除錯ios9.3的系統的。...

開發日誌 iOS9 3 沙盒讀寫失敗

最近專案接近尾聲,準備提交上線時,測試出老丟使用者快取資訊,而抓沙盒目錄卻發現檔案,資料庫,序列化物件檔案,cache均在,以前真沒遇到這種情況,負責這塊的哥們自習跟了下資料讀寫,發現9.3以上裝置,在機器鎖屏一段時間後,檔案系統讀寫錯誤,一一排除各種可能之後,最近的ios9.0後對於安全相關的東西...