【HTML+CSS+JS +Vue 易犯错误 与 常识 总结】

JS整体上：

1. 标点符号（英文状态）！！！
2. 循环时搞清楚次数！！！（<,>,<=,>=用法搞清楚！！）
3. 分清ID和CLASSNAME在JS中的选取函数！
4. js代码放置位置！
5. 变量名的各处使用！
6. 函数在html标签中的事件添加不要忘记！
7. 花括号不要缺斤少两！
8. 注意getElementsTagName/getElementsClassName/getElementsName中的Elements(注意s不要忘记)
9. 单双引号的使用：“ ‘ ’ ”/ ‘ “ ” ’
10. 记得 true 而不是 ture
11. 对象写法，属性中的值要加“ ”引号！！

obj = { name:"zhangsan", age:20, gender"male" }

12.

Vue常用错误总结

1.0 vue-中数据使用注意

1. computed中的数据（不能更改，强要改使用setter方法【使用时写: set(){ }】）
2. 组件中 props 接受的不要去修改，要改使用子组件data或computed转存为本地（组件内）数据；注意：使用引用数据类型时，注意引用地址问题，可以用ES6扩展符来解决！！
   1. 注意存进data的值，只用第一次存进，后续更新源数据，data中的值不会改变
3. 渲染时 ，注意变量的动态绑定 ，如 标签元素 属性 使用 变量时 的动态绑定

<option :value='item._id' :key='item._id'>{{item.name}}</option>
<!--   :value='item._id'  使用动态绑定 -->

---

• CSS上：

1. css当中需要对多个类或多个元素等使用相同的样式，都可以在每个选择器后面使用逗号分隔

.aa,.bb{color:blue;}

2. 选择器 ~ 表示 后面的所有xx元素

el ~ elSon{/*code*/} 表示 在el 元素后面的 所有elSon元素！

---

• HTML上

---

实例：

//实例（一）：
  var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";
 var stuscore = scoreStr.split(";");
 //从数组中将成绩撮出来，然后求和取整，并输出。
 var sum=0;
 //！！！！！错误：i<=stuscore.length就有11次循环！！！！
 for(var i=0;i<stuscore.length;i++){
     var a=parseInt(stuscore[i].substr(stuscore[i].indexOf(":")+1));
     sum+=a;
     //document.write(sum+"<br />"); test-success!
 }
  document.write("所有学生总分为:"+sum);