Scratch3.0 頁(yè)面初始化同時(shí)加載sb3文件的操作代碼
scratch是一種非常合適的培養(yǎng)自己的編程興趣的方式。通過(guò)拖拽的方式,可以實(shí)現(xiàn)一些游戲,小程序的開(kāi)發(fā),就像搭積木一樣,下面給大家介紹Scratch3.0 頁(yè)面初始化同時(shí)加載sb3文件的操作方法,一起看看吧!
目標(biāo)文件地址:src\containers\sb-file-uploader.jsx
修改 sb-file-uploader.jsx文件, class SBFileUploader中添加componentDidMount(),代碼如下
componentDidMount() {
var _this = this;
// 作品所在存放地址
var sb3Path = null;
/**
* 必須使用 $(window).on("load",function(){});
* 否則頁(yè)面在未加載完的情況下,有些組件會(huì)來(lái)不及加載,影響二次文件保存
*/
console.log("尚未初始加載Sb3文件");
$(window).on("load",function(){
console.log("即將初始加載Sb3文件");
let reader = new FileReader();
let request = new XMLHttpRequest();
console.log("加載的資源路徑", sb3Path);
request.open('GET', sb3Path, true);
request.responseType = "blob";
request.onload = function() {
if(request.status==404){
alert("未找到sb3類型的資源文件");
location.href='/scratch';
}
let blobs = request.response
reader.readAsArrayBuffer(blobs);
reader.onload = () => _this.props.vm.loadProject(reader.result).then(() => {
analytics.event({
category: 'project',
action: 'Import Project File',
nonInteraction: true
});
_this.props.onLoadingFinished(_this.props.loadingState);
}).catch(error => {
log.warn(error);
});
}
request.send();
});
}
目標(biāo)文件地址:src\components\menu-bar\menu-bar.jsx
修改 menu-bar.jsx文件, class MenuBar 中初始SBFileUploader,代碼如下
// 必須加載這個(gè)文件
import SBFileUploader from '../../containers/sb-file-uploader.jsx';
class MenuBar extends React.Component {
render () {
return (
<Box
className={classNames(
this.props.className,
styles.menuBar,
{[styles.saveInProgress]: this.props.isUpdating}
)}
>
<SBFileUploader onUpdateProjectTitle={PropTypes.func} /** 初始化加載文件到項(xiàng)目 **/>
{(className, renderFileInput, loadProject) => (
<button onClick={loadProject} className={classNames(styles.scratchHide)}></button>
)}
</SBFileUploader>
</Box>
);
}
}
export default injectIntl(connect(
mapStateToProps,
mapDispatchToProps
)(MenuBar));
到此這篇關(guān)于Scratch3.0 頁(yè)面初始化同時(shí)加載sb3文件的操作代碼的文章就介紹到這了,更多相關(guān)Scratch頁(yè)面初始化內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
設(shè)計(jì)高可用和高負(fù)載的網(wǎng)站系統(tǒng)的幾個(gè)注意事項(xiàng)
隨著網(wǎng)站的運(yùn)營(yíng),用戶訪問(wèn)量和數(shù)據(jù)存儲(chǔ)量會(huì)隨著時(shí)間發(fā)生幾何級(jí)變化,很快整個(gè)系統(tǒng)不堪重負(fù),頻繁出現(xiàn)問(wèn)題。2011-06-06
用Meta標(biāo)簽控制360瀏覽器默認(rèn)極速模式打開(kāi)自己的網(wǎng)站
最近用360瀏覽器訪問(wèn)自己的網(wǎng)站,發(fā)現(xiàn)都是被優(yōu)先選用兼容模式打開(kāi),這使得網(wǎng)站很難看。為了讓360瀏覽器打開(kāi)網(wǎng)站的時(shí)候優(yōu)先使用極速模式,而非兼容模式,找了一下官方論壇,發(fā)現(xiàn)了解決方案。2016-07-07
spark大數(shù)據(jù)任務(wù)提交參數(shù)的優(yōu)化記錄分析
這篇文章主要介紹了spark大數(shù)據(jù)任務(wù)提交參數(shù)的優(yōu)化記錄分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-05-05
安全校驗(yàn)Session驗(yàn)證碼并避免繞開(kāi)驗(yàn)證碼攻擊
校驗(yàn)驗(yàn)證碼的Session是否為空或者校驗(yàn)用戶輸入的驗(yàn)證碼是否合法,構(gòu)造安全表單的關(guān)鍵就是永遠(yuǎn)不要相信用戶的輸入2012-01-01
Web 開(kāi)發(fā)中遇到的UTF-8編碼的問(wèn)題總結(jié)
一個(gè)網(wǎng)站如果需要國(guó)際化,就需要將編碼從GB2312轉(zhuǎn)成UTF-8,其中有很多的問(wèn)題需要注意,如果沒(méi)有轉(zhuǎn)換徹底,將會(huì)有很多的編碼問(wèn)題出現(xiàn)!2010-02-02

