摘要:它们在规范的先前版本中被称为模板字符串。执行浏览器的借鉴前辈的代码修成适应项目的的。大胆想,尝试着做,在一次次试探中总结经验。
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脚手架的使用过程中需要灵活运用。不要拘泥于框架本身。大胆想,尝试着做,在一次次试探中总结经验。**
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/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...
阅读 1238·2021-11-11 16:55
阅读 1536·2021-10-08 10:16
阅读 1187·2021-09-26 10:20
阅读 3568·2021-09-01 10:47
阅读 2450·2019-08-30 15:52
阅读 2681·2019-08-30 13:18
阅读 3193·2019-08-30 13:15
阅读 1114·2019-08-30 10:55