資訊專欄INFORMATION COLUMN
摘要：項(xiàng)目中遇到的奇怪問題，已定位原因。但是提測后，在測試的下的，竟然沒有生效。查閱資料得知，是內(nèi)核。猜測是因?yàn)椴豢梢灾苯拥珣?yīng)該可以設(shè)置。測試可行，但這樣設(shè)置多個(gè)屬性的時(shí)候，并不優(yōu)雅，可換成。不過因?yàn)榻嵌壬婕暗接?jì)算，故而本人并沒有采用設(shè)置的方案。
項(xiàng)目中遇到的奇怪問題，已定位原因。Attempted to assign to readonly property報(bào)錯(cuò)
起因：項(xiàng)目中寫了個(gè)點(diǎn)擊事件，增加動(dòng)態(tài)效果，類似于轉(zhuǎn)一轉(zhuǎn)，rotate(360)。很簡單的一個(gè)特效。
設(shè)置元素的transition:transform 1s。 然后動(dòng)態(tài)改變?cè)氐膖ransfrom:rotate的角度。一切看起來沒問題。本地測試，真機(jī)測試都OK。但是提測后，在測試的IOS10下的safari，竟然沒有生效。
定位原因： 一開始以為是transform沒有加上前綴。但確認(rèn)后排除。于是真機(jī)連接代理測試，在點(diǎn)擊事件中alert彈窗，發(fā)現(xiàn)并沒有執(zhí)行。于是確認(rèn)有報(bào)錯(cuò)。try catch后彈出錯(cuò)誤。
Attempted to assign to readonly property
查閱資料得知，是safari內(nèi)核bug。網(wǎng)上有解決方案，不要使用嚴(yán)格模式，即刪除"use strict"。
（沒有驗(yàn)證，因?yàn)橛X得不可行，因小失大）
解決方案。 猜測是因?yàn)镾tyle不可以直接change,但應(yīng)該可以設(shè)置Style.transform。測試可行，但這樣設(shè)置多個(gè)屬性的時(shí)候，并不優(yōu)雅，可換成class。 不過因?yàn)閞otate角度涉及到計(jì)算，故而本人并沒有采用設(shè)置class的方案。
錯(cuò)誤: dom.style = `transform: rotate(${x}deg)`;
正確 dom.style.transfrom = "rotate(${x}deg)";
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/97929.html
摘要：隨著移動(dòng)互聯(lián)網(wǎng)的發(fā)展，移動(dòng)已經(jīng)逐漸成為互聯(lián)網(wǎng)的主要入口，隨之而來的是前端在移動(dòng)開發(fā)上面臨的各種機(jī)遇與挑戰(zhàn)，本文就一些常見移動(dòng)端問題對(duì)移動(dòng)開發(fā)需要注意的事項(xiàng)進(jìn)行一下總結(jié)，必然不可能涉及方方面面，但會(huì)隨著筆者的積累持續(xù)更新。 隨著移動(dòng)互聯(lián)網(wǎng)的發(fā)展，移動(dòng)Web已經(jīng)逐漸成為互聯(lián)網(wǎng)的主要入口，隨之而來的是前端在移動(dòng)Web開發(fā)上面臨的各種機(jī)遇與挑戰(zhàn)，本文就一些常見移動(dòng)端問題對(duì)移動(dòng)Web開發(fā)需要注意...
摘要：隨著移動(dòng)互聯(lián)網(wǎng)的發(fā)展，移動(dòng)已經(jīng)逐漸成為互聯(lián)網(wǎng)的主要入口，隨之而來的是前端在移動(dòng)開發(fā)上面臨的各種機(jī)遇與挑戰(zhàn)，本文就一些常見移動(dòng)端問題對(duì)移動(dòng)開發(fā)需要注意的事項(xiàng)進(jìn)行一下總結(jié)，必然不可能涉及方方面面，但會(huì)隨著筆者的積累持續(xù)更新。 隨著移動(dòng)互聯(lián)網(wǎng)的發(fā)展，移動(dòng)Web已經(jīng)逐漸成為互聯(lián)網(wǎng)的主要入口，隨之而來的是前端在移動(dòng)Web開發(fā)上面臨的各種機(jī)遇與挑戰(zhàn)，本文就一些常見移動(dòng)端問題對(duì)移動(dòng)Web開發(fā)需要注意...
摘要：不允許負(fù)值用百分比來定義縮放比例。解決這個(gè)很簡單，在父元素中使用即可解決該。列寬度由單元格內(nèi)容設(shè)定。定義僅有大寫字母。不過，要讓任何元素生效還得借助于一點(diǎn)點(diǎn)。 css/css3常用樣式 CSS修改選中文字的顏色 html代碼： 第一段文字選中效果 第二段文字選中效果 css代碼： .p1::selection{background:red;color:#fff;} .p2::selec...
摘要：基礎(chǔ)知識(shí)頁面窗口自動(dòng)調(diào)整到設(shè)備寬度，并禁止用戶縮放頁面忽略將頁面中的數(shù)字識(shí)別為電話號(hào)碼忽略平臺(tái)中對(duì)郵箱地址的識(shí)別當(dāng)網(wǎng)站添加到主屏幕快速啟動(dòng)方式，可隱藏地址欄，僅針對(duì)的版本以后，上已看不到效果將網(wǎng)站添加到主屏幕快 meta基礎(chǔ)知識(shí)H5頁面窗口自動(dòng)調(diào)整到設(shè)備寬度，并禁止用戶縮放頁面 忽略將頁面中的數(shù)字識(shí)別為電話號(hào)碼 忽略Android平臺(tái)中對(duì)郵箱地址的識(shí)別 當(dāng)網(wǎng)站添加到主屏幕快...
閱讀 2037·2021-11-24 11:16
閱讀 3326·2021-09-10 10:51
閱讀 3337·2021-08-03 14:03
閱讀 1334·2019-08-29 17:03
閱讀 3308·2019-08-29 12:36
閱讀 2338·2019-08-26 14:06
閱讀 558·2019-08-23 16:32
閱讀 2845·2019-08-23 13:42
