フロントエンド アーキテクチャの簡単な経験と、例としてのエディターに基づくコーディングのヒント_JavaScript スキル

比較的ラフでシンプル。興味のある学生はぜひご覧ください。メインコンテンツを投稿させてください:

これが最初の ppt のメインコンテンツです。具体的な内容はあまり載せませんが、サンプルとしてエディターをベースにしたpptなので、execCommandコマンドを使った簡単なデモも添付しますので、興味のある方はダウンロードしてご覧ください。エディターの原理はデモで確認できます。ここにコードを添付します:

コードをコピーします コードは次のとおりです:

🎜>

')、
con = $CE('

'),
self = this;
for (var i=0; ivar btn = $CE('' c[i][1] '');
bar.appendChild(btn);
btn.onclick = (function(i){
return function () {
self.action(c[i][0]);
}
})(i); on'} // IE では、必ず unselectable = 'on' を設定してください
}
this.t.parentNode.insertBefore(wp, this.t)
con.appendChild(this.t); ;
con.appendChild(this.i);
wp.appendChild(con); .i.contentDocument;
this.e.designMode = 'on'
this.e.close();
アクション: function (cmd, val) {
this.e.execCommand(cmd, 0, val || null)
}
}
"テスト"
body>



アイデアを提供するための非常に簡単な例です。
最初の ppt のダウンロードは以下から提供されます: [ここをクリックして「JS に関するヒント」をダウンロードします]

[Alibaba China Station のフロントエンド アーキテクチャの歴史 - 簡単な説明]
以下は ppt 部分です 内容:



興味のある学生はぜひご覧ください。

ファイルパッケージのダウンロードアドレス