Rumah >hujung hadapan web >tutorial js >Kemahiran tutorial_javascript pengenalan praktikal JsRender

Kemahiran tutorial_javascript pengenalan praktikal JsRender

WBOYasal: 2016-05-16 16:32:361704semak imbas

Artikel ini ialah tutorial pengenalan praktikal tentang JsRender Contoh menerangkan penggunaan teg lain, gelung bersarang untuk mengakses data induk dan titik pengetahuan lain. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

Kata Pengantar

JsRender ialah enjin templat JavaScript berdasarkan jQuery Ia mempunyai ciri berikut:

· Mudah dan intuitif

· Fungsi berkuasa

· Boleh dilanjutkan

· Sepantas kilat

Ciri ini kelihatan sangat berkuasa, tetapi hampir setiap enjin templat akan mempromosikannya seperti ini. . .

Disebabkan keperluan kerja, Xiaocai bersentuhan dengan enjin templat ini. Selepas menggunakannya untuk seketika, saya mendapati bahawa ia sememangnya agak berkuasa, tetapi Xiaocai merasakan bahawa beberapa bahagian terlalu berkuasa, yang menjadikannya sukar untuk difahami.

Sebaliknya, dokumentasi rasmi JsRender agak terperinci, tetapi terdapat sedikit maklumat lain yang menghairankan Jika anda menghadapi sebarang masalah, anda bukan sahaja tidak dapat mencari isu yang berkaitan hampir tiada hasil.

Selain itu, beberapa aspek JsRender sememangnya sukar untuk difahami, jadi Xiaocai perlu segera berkongsi beberapa "amalan terbaik".

Berdasarkan penggunaan terkini, Xiaocai telah meringkaskan beberapa pengalaman praktikal Sudah tentu, pengalaman ini tidak boleh didapati dalam dokumen rasmi.

Gelung bersarang menggunakan #induk untuk mengakses data induk (tidak disyorkan)

Salin kod Kod adalah seperti berikut:

    嵌套循环使用#parent访问父级数据 --- oleh 杨元

            序号
            姓名
            家庭成员