1  /**
 2      * ``即重音符(128键盘左上角ESC下面那个键盘)
 3      *   隶属:模板字符串
 4      */
 5
 6     let unit = '4';
 7     let keywords = 'uc';
 8
 9     // step1:模板变量 ${variable_name}
10     let url = `Shell${keywords}${unit}`;
11     console.log(url);
12
13     // 旧
14     let urls = 'Shell' + keywords + unit;
15     console.log(urls);
16
17
18
19     // step2: 模板制作(更加智能化)
20     let view = `
21     <view class="${url}">${unit}</view>
22     <view class="${url}${unit}">${unit}</view>
23     `;
24     console.log(view);
25
26     // 旧
27     let views = "<view class=" + url + unit + ">" + url + "</view>";
28     console.log(views);

转载于:https://www.cnblogs.com/cisum/p/9581939.html

javascript - 你不容错过的es6模板写法相关推荐

  1. 不容错过的ES6知识点(一):变量、函数、扩展操作符、解构赋值

    首先给大家介绍一个网站: freeCodeCamp. ES6 变量 var可以重复声明同一个变量 Object.freeze:禁止对对象进行增删改操作 函数 使用箭头函数编写简洁的匿名函数 设置函数的 ...

  2. 不容错过 名片卡证模板素材网站

    因为工作的原因,我会经常使用到素材网站,各个平台的模式不太一样,内容也各有特点.刚开始接触素材网站都是一头雾水,走了很多弯路,一些很简单的操作都花去很长的操作时间.....今天给大家安利名片卡证模板素 ...

  3. JavaScript get set方法 ES5 ES6写法

    title: JavaScript get set方法 ES5/ES6写法 date: 2018-05-07 10:38:50 tags: 前端 categories: 前端 网上鲜有get和set的 ...

  4. 年终盘点: 2022 不容错过的 20 个开发者工具

    2022 年,在重重困难的洗礼下,软件开发领域还是迎来了一波优秀工具的涌现.这些工具在帮助开发者提高效率.增强体验的同时,也赢得了开发者的青睐与认可.它们涵盖了代码编辑.开发调试.项目管理.线上协作等 ...

  5. 搭建Babel运行环境,Traceur ES6模板,块级作用域,let和const命令

    搭建Babel运行环境 Babel(http://babeljs.io/)可用于将使用ES6语法的脚本转化为ES5语法的脚本,基本功能的安装步骤如下: 1.安装node解释器和npm包管理工具 2.安 ...

  6. 必读 | 六月份不容错过的十大重磅好文,机器学习和数据科学的小伙伴拿走不谢 原创 2017-07-10 爱收藏的 AI科技大本营 作者 | Flavian Hautbois 翻译 | AI科技大

    必读 | 六月份不容错过的十大重磅好文,机器学习和数据科学的小伙伴拿走不谢 原创 2017-07-10 爱收藏的 AI科技大本营 作者 | Flavian Hautbois 翻译 | AI科技大本营( ...

  7. chrome vue插件_不容错过的 Chrome 插件推荐合集-开发者必备篇

    ​没有安装扩展的浏览器,只发挥了 20% 的功力. 谷歌Chrome浏览器全球市场份额已接近 70%,谷歌浏览器除了本身方便易用外,各种各样的插件也让浏览器的功能发挥到了极致. 今天我们来介绍下不容错 ...

  8. 墙裂推荐,Python开发者不容错过的7个VS Code扩展

    Visual Studio Code(简称 VS Code)是一个由微软开发,同时支持 Windows. Linux 和 macOS 等操作系统的免费代码编辑器,它支持测试,并内置了 Git 版本控制 ...

  9. Win7的77个小知识不容错过

    可以说,Windows7是微软史上最值得期待的产品之一.它基于Vista,弥补了此前存在的诸多缺憾,增加了大量新功能,而且资源消耗更少.不管你是从Vista升级,还是从XP跨越而来,微软认证资深编辑K ...

最新文章

  1. jQuery1·3中文参考文档下载
  2. (13)[Xamarin.Android] 不同分辨率下的图片使用概论
  3. 题目1199:找位置
  4. Appium Python 六:管理应用和Activity
  5. HH SaaS电商系统的商品销售管理标签功能模块设计
  6. Qt: QTableView如何获取(行)选中、行切换信息
  7. 牛客网--整数与IP地址间的转换
  8. 图像分类模型的学习笔记
  9. Path.Combine 合并两个路径字符串,会出现的问题
  10. php 修复excel 乱码,php下载excel乱码的解决方法
  11. csdn下载码怎么用?
  12. 干货流出|腾讯内部几近满分的项目管理课程PPT
  13. 定义幂函数C语言,【知识点】幂函数定义与性质
  14. Severstal: Steel Defect Detection竞赛
  15. python任务编排_工作流中的任务编排与治理
  16. Servlet常见错误 404错误 405错误 500错误等。解决方法
  17. Excel如何提取文本左边的数字
  18. STM32F103RCT6Mini开发板搭建指纹识别系统
  19. 如何写好文献综述(整理)
  20. cs ss ds es

热门文章

  1. pads 文本不能修改_修改PDF文件很难?其实很简单,只是你少了一个好用的PDF编辑器...
  2. vsCode切换分支git
  3. linux非编工作站,高清EDIUS非编网络系统建设 在线非编系统
  4. 【git】前端使用git分支的开发流程
  5. spring security系列一:架构概述
  6. Windows Server 2008域中组的简析
  7. Python的if判断与while循环
  8. 数据迁移工具 - Flyway
  9. 在 Oracle Enterprise Linux 和 iSCSI 上构建您自己的 Oracle RAC 11g 集群 (2)
  10. 【转】linux/unix下 pid文件作用浅析