資訊專欄INFORMATION COLUMN
摘要：模板字符串用途取變量如果想用到反引號(hào)，用斜杠轉(zhuǎn)義展示多行字符串一二三標(biāo)簽前面會(huì)有一個(gè)換行。如果想把行首和行尾的換行空格等去掉，則使用方法。一二三嵌入變量的多種使用方式調(diào)用函數(shù)
模板字符串用途
取變量
var name = "liyang";
var age = 23;
console.log(`I am ${name},I ${age} years old`)
如果想用到反引號(hào)，用斜杠轉(zhuǎn)義
var name = "liyang";
var age = 23;
console.log(`I ``am ${name},I ${age} years old`)
展示多行字符串
$("#root").html(`
$("#root").html(`
嵌入變量的多種使用方式
var x= 1, y = 2;
console.log(`${x} + ${y} = ${x + y}`)
var x= 1, y = 2;
console.log(${x} + ${y * 2} = ${x + y * 2})
var obj = {x:1,y:2};
console.log(${obj.x + obj.y});
調(diào)用函數(shù)
function func(){
return "Hello";
}
console.log(`${func()} World`);
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/105115.html
摘要：大多數(shù)模板實(shí)現(xiàn)原理基本一致模板字符串首先通過(guò)各種手段剝離出普通字符串和模板語(yǔ)法字符串生成抽象語(yǔ)法樹然后針對(duì)模板語(yǔ)法片段進(jìn)行編譯，期間模板變量均去引擎輸入的變量中查找模板語(yǔ)法片段生成出普通片段，與原始普通字符串進(jìn)行拼接輸出。 前端模板的發(fā)展 模板可以說(shuō)是前端開發(fā)最常接觸的工具之一。將頁(yè)面固定不變的內(nèi)容抽出成模板，服務(wù)端返回的動(dòng)態(tài)數(shù)據(jù)裝填到模板中預(yù)留的坑位，最后組裝成完整的頁(yè)面html字符...
摘要：轉(zhuǎn)換成為模板函數(shù)聯(lián)系上一篇文章，其實(shí)模板函數(shù)的構(gòu)造都大同小異，基本是都是通過(guò)拼接函數(shù)字符串，然后通過(guò)對(duì)象轉(zhuǎn)換成一個(gè)函數(shù)，變成一個(gè)函數(shù)之后，只要傳入對(duì)應(yīng)的數(shù)據(jù)，函數(shù)就會(huì)返回一個(gè)模板數(shù)據(jù)渲染好的字符串。 教程目錄1.手把手教你從零寫一個(gè)簡(jiǎn)單的 VUE2.手把手教你從零寫一個(gè)簡(jiǎn)單的 VUE--模板篇 Hello，我又回來(lái)了，上一次的文章教會(huì)了大家如何書寫一個(gè)簡(jiǎn)單 VUE，里面實(shí)現(xiàn)了VUE 的...
摘要：如例子中，內(nèi)容被分割為三部分，以及最后空白的存放模板字面量中的第一個(gè)變量。如果我們對(duì)要上傳至服務(wù)器的內(nèi)容先進(jìn)行過(guò)濾，則可能可以防止這種情況發(fā)生。 本篇先簡(jiǎn)單介紹模板字面量及標(biāo)簽?zāi)０?，再引出其?yīng)用——防止XSS攻擊 一.簡(jiǎn)介模板字面量（即模板字符串，MDN已更新為模板字面量的說(shuō)法，此文以后都用模板字面量） ES6中引入了模板字面量來(lái)代替?zhèn)鹘y(tǒng)JS的輸出模板，直接看代碼最清楚吧 模板字面量（...
摘要：第三部分介紹一種模板引擎，之所以介紹他是因?yàn)?。。。。三?jiǎn)介模板引擎是數(shù)據(jù)與界面分離工作中最重要一環(huán)。是新一代模板引擎，它采用預(yù)編譯方式讓性能有了質(zhì)的飛躍，并且充分利用引擎特性，使得其性能無(wú)論在前端還是后端都有極其出色的表現(xiàn)。 嗯，這也是一個(gè)學(xué)習(xí)筆記，材料均來(lái)自網(wǎng)絡(luò)，有改動(dòng)。。文章主要分為三部分，第一部分通過(guò)實(shí)現(xiàn)一個(gè)簡(jiǎn)易的ERB模板引擎來(lái)介紹其原理，參考javascript模板引擎和實(shí)現(xiàn)...
閱讀 2258·2019-08-30 10:51
閱讀 808·2019-08-30 10:50
閱讀 1503·2019-08-30 10:49
閱讀 3162·2019-08-26 13:55
閱讀 1624·2019-08-26 11:39
閱讀 3438·2019-08-26 11:34
閱讀 1968·2019-08-23 18:30
閱讀 3402·2019-08-23 18:22
