返回

按键派对

闲谈

按键派对

缘由

故事从我在coding的时候,突然又被拉入了一个群开始....

很快产品经理就开始了需求评审,极其专业的术语着整个需求的背景以及实现后带来的收益,可是这我关心吗,把会议挂在一旁继续修昨天写的代码。

结果写完准备提交的时候,群里炸了,需求评审讨论的不可开交,好像有群友提出产品经理写的需求有问题。

我抱着凑热闹的心态瞄了几眼,心想果然如此,这需求不仅仅是出了问题,简直是问题本人啊。

顺着这个势头,我也在群里提出了一些自己的看法,接着就和群友们激烈的讨论了起来。

几个回合下来,不仅没有讨论出个所以然,反而还越扯越远,最后竟上升到程序员和产品经理谁对谁错的层面了。

吵的不可开交的时候,一位大佬出来说话了:

"怎么有时间在这吵架,既然大家都不满意,不如自己写一个算了"。

这句话一出,群里瞬间鸦雀无声,仿佛世界都安静了。

过了一会,有人试探性的说:

"我哪会写产品需求啊"。

大佬不以为然的说:

"又没让你写产品需求,让你写个最简单的html页面,实现一个可以插入标签的输入框就行"。

众人面面相觑,好像这个主意确实可行,于是开始摩拳擦掌,准备大显身手。

我自然也不甘示弱,开始在电脑上敲起了代码。

首先,新建一个html文件,然后在里面输入以下代码:

<!DOCTYPE html>
<html>
<head>

</head>
<body>
<input type="text" id="input">
<button type="button" onclick="insertTag()">插入标签</button>
<script>
function insertTag() {
var input = document.getElementById("input");
var tag = prompt("请输入要插入的标签");
input.value += "<" + tag + ">";
}
</script>
</body>
</html>

保存文件,然后在浏览器中打开,就可以看到一个简单的页面,其中有一个输入框和一个按钮。

点击按钮,会弹出一个提示框,让你输入要插入的标签,然后点击确定,标签就会被插入到输入框中。

虽然这个功能很简单,但是却可以让我们在编写代码的时候更加方便快捷。

比如,我们在编写代码的时候,经常需要在文本中插入图片,如果使用传统的插入图片的方法,需要先上传图片,然后复制图片的链接,最后再将链接粘贴到文本中。

而使用可插入标签的功能,我们只需要在输入框中输入图片的链接,然后点击按钮,图片就会被自动插入到输入框中,非常方便。

当然,可插入标签的功能不仅仅可以用来插入图片,还可以用来插入其他类型的标签,比如链接、表格、视频等。

只要我们在输入框中输入相应的标签代码,然后点击按钮,标签就会被插入到输入框中。

可插入标签的功能非常强大,可以让我们在编写代码的时候更加方便快捷,提高我们的工作效率。

因此,建议大家在编写代码的时候,多多使用可插入标签的功能。