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