Windows Universal App Javascript save файл

Question

Я пытаюсь создать приложение, но у меня есть одна проблема. Как сохранить файл или прогресс? Если пользователь ввел некоторую информацию в приложении или изменил ее макет, как ее можно сохранить в универсальном приложении javascript? Теперь, если я закрыть приложение и не открыть его снова ничего спасены

Я finded следующие, но до сих пор я не понимаю https://msdn.microsoft.com/en-us/library/windows/apps/br212883.aspx

Так главный вопрос, как сделать универсальное приложение с яваскрипт и сохранить изменения, что пользователь сделал

App image

EDIT: Существует фотография моего приложения. Я также добавил HTML-код и JavaScript

HTML:

<div id="myDIV" class="header"> 
    <h2 style="margin:5px">My To Do List</h2> 
    <input type="text" id="myInput" placeholder="Title..."> 
    <span id ="addtask" onclick="newElement()" class="addBtn">Add</span> 
</div> 

<ul id="myUL"> 
    <li class="checked">Example checked</li> 
    <li>Example not checked</li> 
</ul> 

JS:

var myNodelist = document.getElementsByTagName("LI"); 
var i; 
for (i = 0; i < myNodelist.length; i++) { 
    var span = document.createElement("SPAN"); 
    var txt = document.createTextNode("\u00D7"); 
    span.className = "close"; 
    span.appendChild(txt); 
    myNodelist[i].appendChild(span); 
} 


var close = document.getElementsByClassName("close"); 
var i; 
for (i = 0; i < close.length; i++) { 
    close[i].onclick = function() { 
     var div = this.parentElement; 
     div.style.display = "none"; 
    } 
} 


var list = document.querySelector('ul'); 
list.addEventListener('click', function (ev) { 
    if (ev.target.tagName === 'LI') { 
     ev.target.classList.toggle('checked'); 
    } 
}, false); 


var addlist = document.getElementById("addtask"); 
addlist.addEventListener("click", newElement, false); 

function newElement() { 
    var li = document.createElement("li"); 
    var inputValue = document.getElementById("myInput").value; 
    var t = document.createTextNode(inputValue); 
    li.appendChild(t); 
    if (inputValue === '') { 
     alert("You must write something!"); 
    } else { 
     document.getElementById("myUL").appendChild(li); 
    } 
    document.getElementById("myInput").value = ""; 

    var span = document.createElement("SPAN"); 
    var txt = document.createTextNode("\u00D7"); 
    span.className = "close"; 
    span.appendChild(txt); 
    li.appendChild(span); 

    for (i = 0; i < close.length; i++) { 
     close[i].onclick = function() { 
      var div = this.parentElement; 
      div.style.display = "none"; 
     } 
    } 
} 

Answer 1

Как сохранить файл или прогресс

Если вы просто хотеть для создания файла и сохранения данных в файл обратитесь к this document. И есть операция с файлом относительно official sample, написанная в javascript, которую вы можете ссылаться.

Но, на мой взгляд, ваши требования выглядят более похожими на базу данных. База данных может сохранять измененный пользователь данных, и приложение также может считывать данные из базы данных, чтобы показывать их на одной странице приложения. Поэтому вам может понадобиться использовать базу данных SQLite для вашего приложения. Подробная информация о том, как сделать, вы можете указать this document. Обратите внимание, что это рекомендуется для локальной базы данных, для данных роуминга вы можете использовать сервер.

Если вы хотите просто сохранить простые пользовательские данные на локальном устройстве, вы также можете использовать xml-файл в виде небольшой базы данных и сохранить его в папке local. Сохранение и чтение данных из файла xml. Подробная информация о том, как читать и сохранять данные для XML-файла, вы можете ссылаться на this javascript official sample.

Например, вы можете иметь содержание XML сохраняются пользовательские данные следующим образом:

<?xml version="1.0" encoding="utf-8"?> 
<myNodelist> 
    <li> 
    <Text>The first to do item</Text> 
    <span class="close">×</span> 
    </li> 
    <li> 
    <Text>The second to do item</Text> 
    <span class="close">×</span> 
    </li> 
    <li> 
    <Text>Read a book</Text> 
    <span class="close">×</span> 
    </li> 
</myNodelist> 

Чтение myNodelist, чтобы показать данные, вставить новый li узел для добавления новой записи.