資訊專欄INFORMATION COLUMN
摘要：它們?cè)谝?guī)范的先前版本中被稱為模板字符串。執(zhí)行瀏覽器的借鑒前輩的代碼修成適應(yīng)項(xiàng)目的的。大膽想，嘗試著做，在一次次試探中總結(jié)經(jīng)驗(yàn)。
1、模板字符串使用問(wèn)題
關(guān)鍵點(diǎn)（``）、${}
模板字符串定義：模板字面量 是允許嵌入表達(dá)式的字符串字面量。你可以使用多行字符串和字符串插值功
能。它們?cè)贓S2015規(guī)范的先前版本中被稱為“模板字符串”。
模板字符串使用反引號(hào) (` `) 來(lái)代替普通字符串中的用雙引號(hào)和單引號(hào)。模板字符串可以包含特定語(yǔ)法（${expression}）的占位符。
注意：**占位符**中的表達(dá)式和周圍的文本會(huì)一起傳遞給一個(gè)默認(rèn)函數(shù)，該函數(shù)負(fù)責(zé)將所有的部分連接起來(lái)，如果一個(gè)模板字符串由表達(dá)式開(kāi)頭，則該字符串被稱為**帶標(biāo)簽的模板字符串**，該表達(dá)式**通常是一個(gè)函數(shù)**，它會(huì)在模板字符串處理后被調(diào)用，在輸出最終結(jié)果前，可以通過(guò)該函數(shù)來(lái)對(duì)模板字符串進(jìn)行操作處理。在**模版字符串內(nèi)使用反引號(hào)（`）時(shí)，需要在它前面加轉(zhuǎn)義符（）**。
` === "`"
在普通字符串中嵌入表達(dá)式，必須使用如下語(yǔ)法：
var a = 5;
var b = 10;
console.log("fifteen is " + (a + b) + " andnnot " + (2 * a + b) + ".");
// "Fifteen is 15 and
// not 20."
///var a = 5;
var b = 10;
console.log(`Fifteen is ${a + b} and
not ${2 * a + b}.`);
// "Fifteen is 15 and
// not 20."
最牛的還是需要仔細(xì)研讀阮一峰大神的http://es6.ruanyifeng.com/#do...
項(xiàng)目中在vue中需要在模板字符串中添加點(diǎn)擊事件。@click是用不了的，只能使用原生js的onclick事件。
這里需要注意的是：onclick的指向問(wèn)題。window.copyMsg-->>
正確寫法：
``//
錯(cuò)誤寫法：
``//劃過(guò)后便會(huì)直接觸發(fā)copyMsg事件。
2、執(zhí)行瀏覽器的copy
借鑒前輩的代碼修成適應(yīng)項(xiàng)目的util的js。注:將一些工具類函數(shù)多帶帶封裝至util文件夾內(nèi)，能夠規(guī)范開(kāi)發(fā)
使用時(shí)先引入js文件
通過(guò)window.copyMsg = Url
//copy.js
export const copyUrl = (datas) => {
if (!datas) {
return
};
var oInput = document.createElement("textarea")
oInput.value = datas
document.body.appendChild(oInput)
oInput.select() // 選擇對(duì)象
document.execCommand("Copy") // 執(zhí)行瀏覽器復(fù)制命令
oInput.className = "oInput"
oInput.style.display = "none"
}
3.axios向后臺(tái)傳值從而獲取數(shù)據(jù)
需求是先獲取城市的名字，根據(jù)城市名，返回對(duì)應(yīng)城市的數(shù)據(jù)集
可以在Vue的computed中封裝好
axiosData(){
return {
city:this.city.cityName
}
}
第二步
在使用封裝好的axios中
WarningInit() {
this.$axios.Warning(**this.axiosData**).then(({ resultData }) => {
resultData.forEach(e => {循環(huán)遍歷數(shù)據(jù)
});
this.XX = resultData;
});
},
關(guān)于axios的封裝借鑒了別人的一篇文章：https://www.cnblogs.com/chaoy...
**總結(jié)：原生js永遠(yuǎn)是最重要的一環(huán)，在vue腳手架的使用過(guò)程中需要靈活運(yùn)用。不要拘泥于框架本身。大膽想，嘗試著做，在一次次試探中總結(jié)經(jīng)驗(yàn)。**
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/106705.html
摘要：閱讀本文約分鐘序章月至月中旬一直在忙公司新項(xiàng)目，這也是我第一次做技術(shù)領(lǐng)隊(duì)的項(xiàng)目，從面試開(kāi)始就一直在閱讀有關(guān)技術(shù)團(tuán)隊(duì)管理有關(guān)的書籍，本文將簡(jiǎn)述此項(xiàng)目的總結(jié)，從設(shè)計(jì)到編碼實(shí)現(xiàn)到上線測(cè)試用戶反饋等方面，篇幅略長(zhǎng)，建議收藏。 閱讀本文約5.8分鐘 序章 7月至8月中旬一直在忙公司新項(xiàng)目，這也是我第一次做技術(shù)領(lǐng)隊(duì)的項(xiàng)目，從面試開(kāi)始就一直在閱讀有關(guān)技術(shù)團(tuán)隊(duì)管理有關(guān)的書籍，本文將簡(jiǎn)述此項(xiàng)目的總結(jié)，...
摘要：月初，那時(shí)候人還在百度北京實(shí)習(xí)，當(dāng)時(shí)參加了騰訊網(wǎng)易的校招內(nèi)推，結(jié)果有點(diǎn)呵呵。月份開(kāi)始一直到月底，內(nèi)推正式校招，前后三個(gè)月時(shí)間拿到今日頭條融鏈家網(wǎng)的測(cè)試開(kāi)發(fā)崗位。 引言 本人武漢大學(xué)碩士研究生三年級(jí)在讀，90后。由于2017年6月要畢業(yè)，于是乎參加了2016年的秋招。8月初，那時(shí)候人還在百度（北京）實(shí)習(xí)，當(dāng)時(shí)參加了騰訊、網(wǎng)易的校招（內(nèi)推），結(jié)果有點(diǎn)呵呵。8月份開(kāi)始一直到10月底，內(nèi)推+正...
摘要：用了一段時(shí)間的開(kāi)發(fā)項(xiàng)目，也是第一次用來(lái)開(kāi)發(fā)項(xiàng)目，所有有許多相關(guān)的知識(shí)點(diǎn)需要總結(jié)，本文所介紹的的日期時(shí)間處理就是最近用到的，希望對(duì)各位有所幫助，也同時(shí)作為自己的筆記儲(chǔ)存。提供了等模塊用于處理日期和時(shí)間，較為常用的還是模塊。 用了一段時(shí)間的django開(kāi)發(fā)web項(xiàng)目，也是第一次用python來(lái)開(kāi)發(fā)項(xiàng)目，所有有許多相關(guān)的知識(shí)點(diǎn)需要總結(jié)，本文所介紹的python的日期時(shí)間處理就是最近用到的，希...
摘要：個(gè)人感悟自己公司也有項(xiàng)目在用，學(xué)的難點(diǎn)在于，其他的話上手挺快的，而且是尤大寫的，中文文檔也很完整，很適合新手。 showImg(https://segmentfault.com/img/remote/1460000012922985?w=1000&h=958); 當(dāng)紅辣子雞——vue 和去年一樣，vue是js項(xiàng)目中點(diǎn)贊數(shù)增加最多的，我們可以看下圖： showImg(https://se...
閱讀 1280·2021-11-11 16:55
閱讀 1545·2021-10-08 10:16
閱讀 1203·2021-09-26 10:20
閱讀 3578·2021-09-01 10:47
閱讀 2461·2019-08-30 15:52
閱讀 2690·2019-08-30 13:18
閱讀 3202·2019-08-30 13:15
閱讀 1126·2019-08-30 10:55
