<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                企業??AI智能體構建引擎,智能編排和調試,一鍵部署,支持知識庫和私有化部署方案 廣告
                ### 我想放點html模板代碼 很多時候我們需要放點模板代碼在頁面中,比如我們在使用` layer.js` 的時候需要使用`html`,但又不想創建一個影響頁面的`div`,那么此時我們有很多解決方法, `layer.mobile.js`有個實例是這樣做的: ```html <textarea id="demo5a" style="display:none;"> // html </textarea> ``` 但是這樣有一個問題,那就是如果我模板里面有`textarea`標簽的話,那么就不能使用這種方式了。 `artTemplate.js`包裝模板的方式是將模板包在script標簽中: ```html <script id="tpl-goods-container" type="text/html"> // html 模板 </script> ``` 這樣可以通過 ```javascript $('#ID').html(); ``` 拿到模板內容 而一般在模板里面沒有`script`標簽吧,所以還是用`script`標簽來包裹模板比較合適。 ### 擴展 頁面中需要用到模板,這種需求其實很常見,最簡單的一種方式就是自己拼接,但是這樣實在是太累了,太繁瑣,簡單的結構還好,要是遇上復雜的結構使用拼接字符串的方式那簡直是噩夢,并且這種方式不好維護,代碼也不好看。 其實深入的看,拼接字符串生成的`html`,用這種的方式創建`DOM`在編程的思想中是叫做**聲明式編程**,比如還有`react`的`JSX`也可以看做是聲明式編程,與之對應的是**命令式編程**,命令式編程不利于我們書寫大段的頁面結構和樣式等,其實`JSX`最終是會編譯成命令式的。 這樣來看的話,我們寫的`.html`、`.css`文件其實就是一個聲明式編程的文件了。 對于頁面和樣式的編寫,顯然聲明式編程效率的更高(這是說我們寫代碼時的效率,不是代碼最終執行的性能效率)。而模板引擎就是這個作用,讓我們用聲明式的方式寫模板,因為拼接實在是太麻煩了(還嫌拼接麻煩那么命令式創建`DOM`那真是要人命)。 > 有人可能說寫個模板根本算不上編程,還說是聲明式編程,好吧,寫html、css不叫編程,你說不叫就不叫,不過我想說的是,其實編程這東西本身就不存在,是人們創造出來的,C語言叫編程嗎,也是人們創造出來的,編程的目的是為了解決問題的,所有的東西并不是憑空有的,php也是基于C的,html又是基于瀏覽器解析的,一些編程的概念也是人們設計總結出來的,所以當你說html不配叫編程時,那么你寫php的立場又在哪里? ### 參考 - [淘寶詳情頁的 BigRender 優化與存放大塊 HTML 內容的最佳方式](https://lifesinger.wordpress.com/2011/09/23/bigrender-for-taobao-item/) - [layer](http://layer.layui.com/) - [layer.mobile](http://layer.layui.com/mobile/) - [artTemplate](http://aui.github.io/artTemplate/) - [如何在 JS 中嵌入 HTML 代碼?](https://www.zhihu.com/question/20240397) - [函數式編程入門教程](http://www.ruanyifeng.com/blog/2017/02/fp-tutorial.html?hmsr=toutiao.io) - [函數式編程和命令式編程](http://blog.csdn.net/bruno231/article/details/6425710) - [聲明式編程和命令式編程的比較](http://kb.cnblogs.com/page/181030/) [React 是怎樣煉成的](https://mp.weixin.qq.com/s/6i7x8ZgOBU5EijGweXfqdA) [tmodjs/why-tmodjs.md at master · aui/tmodjs](https://github.com/aui/tmodjs/blob/master/doc/why-tmodjs.md) > 它使用一個特殊的<script type="text/html"></script>標簽來存放模板(由于瀏覽器不支持這種類型的聲明,它存放的代碼不會當作 js 運行,代碼也不會被顯示出來)。使用模板引擎渲染模板的示例: * * * * * update:2017-3-3 13:57:26
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看