当前位置: 首页 > Web前端 > HTML

八月项目总结(一)

时间:2023-04-02 23:51:37 HTML

1.模板字符串(``)的使用要点,${}模板字符串的定义:模板字面量是允许嵌入表达式的字符串字面量。您可以使用多行字符串和字符串插值。它们在ES2015规范的早期版本中被称为“模板字符串”。模板字符串使用反引号(``)代替普通字符串中的双引号和单引号。模板字符串可以包含特定语法的占位符(${expression})。注意:**占位符**中的表达式和周围的文本一起传递给负责连接所有部分的默认函数。如果一个模板字符串以一个表达式开头,则该字符串被称为**标记的模板字符串**,表达式**通常是一个函数**,在处理完模板字符串后会被调用,可以处理模板字符通过这个函数在输出最终结果之前对字符串进行操作。在**模板字符串中使用反引号(`)时,需要在其前面加上转义字符(\)**。\`==="`"要在普通字符串中嵌入表达式,必须使用以下语法:vara=5;varb=10;console.log('fifteenis'+(a+b)+'andnnot'+(2*a+b)+'.');//“15是15,//不是20。”///vara=5;varb=10;console.log(`15是${a+b}andnot${2*a+b}.`);//“15是15并且//不是20。”最好是仔细研究一下阮一风http://es6.ruanyifeng.com/在#do...项目中,vue中的模板字符串需要添加点击事件。@click不可用,只能使用原生js的onclick事件。这里需要注意的是:onclick的指向问题。window.copyMsg-->>正确写法:`

`//错误写法:`

`//copyMsg事件会在笔划后直接触发。2.执行浏览器的copy,借鉴前人的代码,修改适合项目util的js。注意:将部分工具函数单独封装到util文件夹中,开发使用时先通过window.copyMsg=Url引入js文件//copy.jsexportconstcopyUrl=(datas)=??>{if(!datas){return};varoInput=document.createElement('textarea')oInput.value=datasdocument.body.appendChild(oInput)oInput.select()//选择对象document.execCommand('Copy')//执行浏览器复制命令oInput.className='oInput'oInput.style.display='none'}3.axios传值到后台获取数据。要求是先获取城市名称。根据城市名称,可以在vue中返回城市对应的数据集。将axiosData()封装在computed{return{city:this.city.cityName}}\\第二步使用封装的axiosWarningInit(){this.$axios.Warning(**this.axiosData**).then(({resultData})=>{resultData.forEach(e=>{\\cyclethroughdata});this.XX=resultData;});},axios的封装是借鉴别人的一篇文章:https://www.cnblogs.com/chaoy...**总结:原生js永远是最重要的部分,在使用vue脚手架的过程中需要灵活运用。不要拘泥于框架本身。大胆思考,尝试去做,在试错中总结经验。**