欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Scratch3.0 頁面初始化同時(shí)加載sb3文件的操作代碼

 更新時(shí)間:2021年08月13日 10:08:42   作者:onightfalls  
今天通過本文給大家分享Scratch3.0 頁面初始化同時(shí)加載sb3文件的操作代碼,感興趣的朋友一起看看吧

scratch是一種非常合適的培養(yǎng)自己的編程興趣的方式。通過拖拽的方式,可以實(shí)現(xiàn)一些游戲,小程序的開發(fā),就像搭積木一樣,下面給大家介紹Scratch3.0 頁面初始化同時(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(){});
	 * 否則頁面在未加載完的情況下,有些組件會(huì)來不及加載,影響二次文件保存
	 */
	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 頁面初始化同時(shí)加載sb3文件的操作代碼的文章就介紹到這了,更多相關(guān)Scratch頁面初始化內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • 從Git上checkout指定的文件夾至本地的代碼

    從Git上checkout指定的文件夾至本地的代碼

    這篇文章主要介紹了從Git上checkout指定的文件夾至本地的代碼,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2021-02-02
  • 使用git?config?--global設(shè)置用戶名和郵件問題

    使用git?config?--global設(shè)置用戶名和郵件問題

    這篇文章主要介紹了使用git?config?--global設(shè)置用戶名和郵件問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2023-05-05
  • VSCode中畫UML圖的方法實(shí)現(xiàn)

    VSCode中畫UML圖的方法實(shí)現(xiàn)

    這篇文章主要介紹了VSCode中畫UML圖的方法實(shí)現(xiàn),文中通過圖文介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-11-11
  • IDEA配置leetcode插件的步驟

    IDEA配置leetcode插件的步驟

    這篇文章主要介紹了IDEA配置leetcode插件的步驟,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2021-04-04
  • git?clone報(bào)錯(cuò)SSL?connect?error解決

    git?clone報(bào)錯(cuò)SSL?connect?error解決

    這篇文章主要為大家介紹了git?clone報(bào)錯(cuò)SSL?connect?error解決,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-11-11
  • XML CDATA的作用

    XML CDATA的作用

    當(dāng)你用FLASH和xml結(jié)合做網(wǎng)站應(yīng)用程序時(shí),例如你做在我研究游戲排行榜中,當(dāng)讓人自由輸入姓名時(shí),人們可以輸入一些符號(hào),例如∶"<"、">"、"/"、"?"等,當(dāng)生成XML時(shí),會(huì)破壞了XML結(jié)構(gòu),使數(shù)據(jù)中斷。
    2009-09-09
  • idea中實(shí)用的git操作問題小結(jié)(撤回commit,撤回push、暫存區(qū)使用)

    idea中實(shí)用的git操作問題小結(jié)(撤回commit,撤回push、暫存區(qū)使用)

    我們?cè)陂_發(fā)過程中經(jīng)常遇到commit代碼后,發(fā)現(xiàn)還有需要修改的地方又不想多次commit,此時(shí)如果不想敲git命令,可以利用idea實(shí)現(xiàn)commit撤回,下面給大家分享idea中實(shí)用的git操作問題小結(jié),感興趣的朋友跟隨小編一起看看吧
    2024-08-08
  • 在 WordPress 的頁眉(header)和頁腳(footer)添加代碼方法

    在 WordPress 的頁眉(header)和頁腳(footer)添加代碼方法

    這篇文章主要介紹了在 WordPress 的頁眉(header)和頁腳(footer)添加代碼方法
    2021-09-09
  • git-pycharm配置.ignore文件的詳細(xì)過程

    git-pycharm配置.ignore文件的詳細(xì)過程

    在開發(fā)中經(jīng)常需要配置提交git的忽略文件,本篇來學(xué)習(xí)下使用pycharm自動(dòng)生成.ignore文件,感興趣的朋友跟隨小編一起看看吧
    2023-06-06
  • vscode如何安裝漢化和Python智能感知

    vscode如何安裝漢化和Python智能感知

    VSCode(VisualStudioCode)是由微軟研發(fā)的一款免費(fèi)、開源的跨平臺(tái)文本(代碼)編輯器,算是目前前端開發(fā)幾乎完美的軟件開發(fā)工具。今天我們來看看它如何使用呢
    2020-01-01

最新評(píng)論