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