const name = '小缘' const age = 14 console.info(`大家好，我叫${name}，今年${age}岁了`) // 等价于 console.info('大家好，我叫' + name + '，今年' + age + '岁了') // 最大的优势是支持换行字符串 const url = '//baidu.com' const text = '百度一下，你就知道' const html = ` <div class="container"> <a href="${url}">${text}</a> </div> ` console.log(html) console.log(typeof html) |
本页目录
Related
相关文章
2025年06月10日
前端
gemini-2.5-pro-0605 按图生成html效果测试
Gemini 最新推出的 2.5 版本真的有点东西。之前用过不少 AI 辅助写代码的工具，但这次它的“图生 HTML”功能确实让我眼前一亮——上传一张设计图，它不仅能快速识别布局和元素，还能生成结构清晰、样
2025年03月14日
前端
css flex-1和overflow-hidden结合使用详解：弹性布局与内容溢出控制
在 Flexbox 布局中，flex: 1 和 overflow: hidden 是两个常用的属性，它们组合使用可以有效地控制子元素的尺寸和内容显示。flex: 1 的作用：当子元素设置 flex: 1 时，它会根据 Flex 容器的主轴方向，自动伸缩以填充剩余的可用
2025年03月13日
前端
Vue 3中实现处理后的v-model双向绑定
在Vue 3中，当你需要对v-model传入的值进行处理后再展示或使用时，可以使用计算属性的getter和setter来实现这种处理过程的双向绑定。 实现步骤 接收父组件传递的v-model值 创建计算属性，在getter中处理展示值，在setter中处
