資訊專欄INFORMATION COLUMN
摘要：項目中遇到的奇怪問題，已定位原因。但是提測后，在測試的下的，竟然沒有生效。查閱資料得知，是內核。猜測是因為不可以直接但應該可以設置。測試可行，但這樣設置多個屬性的時候，并不優雅，可換成。不過因為角度涉及到計算，故而本人并沒有采用設置的方案。
項目中遇到的奇怪問題，已定位原因。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已經逐漸成為互聯網的主要入口，隨之而來的是前端在移動Web開發上面臨的各種機遇與挑戰，本文就一些常見移動端問題對移動Web開發需要注意...
摘要：不允許負值用百分比來定義縮放比例。解決這個很簡單，在父元素中使用即可解決該。列寬度由單元格內容設定。定義僅有大寫字母。不過，要讓任何元素生效還得借助于一點點。 css/css3常用樣式 CSS修改選中文字的顏色 html代碼： 第一段文字選中效果 第二段文字選中效果 css代碼： .p1::selection{background:red;color:#fff;} .p2::selec...
閱讀 1895·2021-11-24 11:16
閱讀 3257·2021-09-10 10:51
閱讀 3180·2021-08-03 14:03
閱讀 1261·2019-08-29 17:03
閱讀 3238·2019-08-29 12:36
閱讀 2219·2019-08-26 14:06
閱讀 493·2019-08-23 16:32
閱讀 2662·2019-08-23 13:42
