HTML里input标签里的placeholder、for属性的作用？
placeholder是html5新增的input的一个熟悉，主要是让表单体验更加智能，相当于value属性，但是他有一个好处就是当我们聚焦输入文本的时候我们在placeholder="默认值"的文本就会自动清空，，
不过兼容性还不太好，至少ie好像要9以上才能支持，，所以很多pc端的聚焦处理还是用js来的
for属性应该是label的属性吧？？这个是和input的id绑定，当我们点击input前面的文本标识会自动聚焦到文本框，例如：
<form>
<label for="name">用户名</label>
<input type="text" name="name" accesskey="c" id="name" />
</form>
这个例子，当我点击用户名的时候，会自动聚焦到文本框里头，也就是光标会自动定位到文本框里
js如何生成不确定层数的for循环？
在 JavaScript 中，可以使用递归函数来生成不确定层数的 for 循环。通过递归，可以动态地生成任意层数的循环。
下面是一个示例代码：
```javascript
function generateLoop(level, callback) {
if (level <= 0) {
callback();
} else {
for (let i = 0; i < level; i++) {
generateLoop(level - 1, callback);
}
}
}
// 测试
generateLoop(3, function() {
console.log('Do something');
});
```
上面的代码中，`generateLoop` 函数接受两个参数，`level` 表示循环的层数，`callback` 是每次循环的回调函数。
该函数首先判断循环的层数是否小于等于 0，如果是，则执行回调函数 `callback`。否则，使用一个 for 循环来递归调用 `generateLoop` 函数，层数减一，直到层数小于等于 0。
通过递归调用，可以生成任意层数的 for 循环。在回调函数中，可以执行需要在循环中执行的操作。
Vue.js常用指令汇总（v-if、v-for等）？
v-if：根据表达式的值的真假条件渲染元素，在切换时元素及它的数据绑定/组件被销毁并重建。
v-show：根据表达式之真假值，切换元素的display CSS 属性。
v-for：循环指令，基于一个数组或对象渲染一个列表，Vue 2.0 以上必须需配合key值使用。
v-bind：动态地绑定一个或多个特性，或一个组件prop到表达式。
v-on：用于监听指定元素的DOM事件，比如点击事件。绑定事件监听器。
v-model：实现表单输入和应用状态之间的双向绑定。
v-pre：跳过这个元素和它的子元素的编译过程。可以用来显示原始Mustache标签。跳过大量没有指令的节点会加快编译。
v-once：只渲染元素和组件一次，随后的重新渲染，元素/组件及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能。