使用Vue创建内容可编辑文字处理程序

时间:2016-08-05 16:52:41

标签: javascript html5 vue.js

我有兴趣开发一个字处理器类型的应用程序,其结构如下:

var page_4_content = document.pages[4].paragraphs;

我基本上想要达到能够做到这样的事情:

contenteditable

此文件需要jQuery。我已经使用 protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_logged_in); databaseReference = FirebaseDatabase.getInstance().getReference().child(userID); databaseReference.addChildEventListener(new ChildEventListener() { @Override public void onChildAdded(DataSnapshot dataSnapshot, String s) { } @Override public void onChildChanged(DataSnapshot dataSnapshot, String s) { Toast.makeText(this,dataSnapshot.getValue(String.class),Toast.LENGTH_LONG).show(); } @Override public void onChildRemoved(DataSnapshot dataSnapshot) { } @Override public void onChildMoved(DataSnapshot dataSnapshot, String s) { } @Override public void onCancelled(DatabaseError databaseError) { } }); } 构建了一个基本版本,但是在处理100页文档中的所有段落时它很慢。我一直在寻找替代方案,并想知道Vue是否会给我更好的性能和更简单的方法来管理文档内容而不必一直使用选择器?

具体来说,页面具有固定的高度,因此如果调整元素会导致页面高度发生变化,则需要重新整理整个文档,这会锁定浏览器。

我想知道Vue是否会使用虚拟DOM来缓解这个问题?

非常感谢!

0 个答案:

没有答案