国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

ios10以下safari設置style無效

Berwin / 3550人閱讀

摘要:項目中遇到的奇怪問題,已定位原因。但是提測后,在測試的下的,竟然沒有生效。查閱資料得知,是內核。猜測是因為不可以直接但應該可以設置。測試可行,但這樣設置多個屬性的時候,并不優雅,可換成。不過因為角度涉及到計算,故而本人并沒有采用設置的方案。

項目中遇到的奇怪問題,已定位原因。Attempted to assign to readonly property報錯

起因:項目中寫了個點擊事件,增加動態效果,類似于轉一轉,rotate(360)。很簡單的一個特效。
設置元素的transition:transform 1s。 然后動態改變元素的transfrom:rotate的角度。一切看起來沒問題。本地測試,真機測試都OK。但是提測后,在測試的IOS10下的safari,竟然沒有生效。

定位原因: 一開始以為是transform沒有加上前綴。但確認后排除。于是真機連接代理測試,在點擊事件中alert彈窗,發現并沒有執行。于是確認有報錯。try catch后彈出錯誤。

Attempted to assign to readonly property

查閱資料得知,是safari內核bug。網上有解決方案,不要使用嚴格模式,即刪除"use strict"。
(沒有驗證,因為覺得不可行,因小失大)

解決方案。 猜測是因為Style不可以直接change,但應該可以設置Style.transform。測試可行,但這樣設置多個屬性的時候,并不優雅,可換成class。 不過因為rotate角度涉及到計算,故而本人并沒有采用設置class的方案。

 錯誤:  dom.style = `transform: rotate(${x}deg)`;
 正確   dom.style.transfrom = "rotate(${x}deg)";

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/97929.html

相關文章

  • 第六天 移動端Web開發注意事項

    摘要:隨著移動互聯網的發展,移動已經逐漸成為互聯網的主要入口,隨之而來的是前端在移動開發上面臨的各種機遇與挑戰,本文就一些常見移動端問題對移動開發需要注意的事項進行一下總結,必然不可能涉及方方面面,但會隨著筆者的積累持續更新。 隨著移動互聯網的發展,移動Web已經逐漸成為互聯網的主要入口,隨之而來的是前端在移動Web開發上面臨的各種機遇與挑戰,本文就一些常見移動端問題對移動Web開發需要注意...

    妤鋒シ 評論0 收藏0
  • 第六天 移動端Web開發注意事項

    摘要:隨著移動互聯網的發展,移動已經逐漸成為互聯網的主要入口,隨之而來的是前端在移動開發上面臨的各種機遇與挑戰,本文就一些常見移動端問題對移動開發需要注意的事項進行一下總結,必然不可能涉及方方面面,但會隨著筆者的積累持續更新。 隨著移動互聯網的發展,移動Web已經逐漸成為互聯網的主要入口,隨之而來的是前端在移動Web開發上面臨的各種機遇與挑戰,本文就一些常見移動端問題對移動Web開發需要注意...

    xbynet 評論0 收藏0
  • [總結]CSS/CSS3常用樣式與web移動端資源

    摘要:不允許負值用百分比來定義縮放比例。解決這個很簡單,在父元素中使用即可解決該。列寬度由單元格內容設定。定義僅有大寫字母。不過,要讓任何元素生效還得借助于一點點。 css/css3常用樣式 CSS修改選中文字的顏色 html代碼: 第一段文字選中效果 第二段文字選中效果 css代碼: .p1::selection{background:red;color:#fff;} .p2::selec...

    The question 評論0 收藏0
  • 移動前端知識總結

    摘要:基礎知識頁面窗口自動調整到設備寬度,并禁止用戶縮放頁面忽略將頁面中的數字識別為電話號碼忽略平臺中對郵箱地址的識別當網站添加到主屏幕快速啟動方式,可隱藏地址欄,僅針對的版本以后,上已看不到效果將網站添加到主屏幕快 meta基礎知識H5頁面窗口自動調整到設備寬度,并禁止用戶縮放頁面 忽略將頁面中的數字識別為電話號碼 忽略Android平臺中對郵箱地址的識別 當網站添加到主屏幕快...

    gotham 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<