用了三周时间完成了jQuery阶段,感觉有点慢。
jQuery对比起JavaScript来说是要简单很多。。。直接调用别人写好的方法就行了。在学习jQuery的时候,除了AJAX以外的知识点没有太大的困惑,都是一些方法,记下来怎么用的就行了。
刚开始写阶段实例增删改查的时候,觉得好简单???俩小时就写出来了。然后给学长看了看,学长说我写错了。要一个key值对应一个数组,数组里面存放JSON,大概就是这个意思。但是我没听懂,又浪费了一天。学长把他以前做过的增删改查的效果让我看了看,我才知道最后应该是什么样的。。用了四天左右吧,才完全写出来,太拉跨了。。
总结一下遇到的问题:
由于我JavaScript阶段过的有点快,底子不太扎实,JSON了解的没有特别透彻,导致进度很慢。
增加的问题:
刚开始我直接用{arr[a]=........ a++}的形式来添加元素,倒是也能实现增加,但是有两个地方会出现问题,第一:删除所有数据之后,点击增加,会把刚才删除的数据重新加过来。第二:刷新一下页面之后添加数据会导致原有的数据丢失。
这两个问题还是很致命的。让数据丢失的存储不是好存储,哈哈。
后来再创建一个数组stu,让stu存储之前的数据,遍历stu数组用arr.push(stu[i])添加上之前的数据就OK了。
查找的问题:
这个查找,刚开始我是真没头绪。然后就想着想着,灵光乍现。。
var arr = JSON.parse(localStorage.getItem( " " ));
然后遍历arr数组
用个if JSON.parse(arr[i]).id这样就找到了
也就是先找到第一层,再找第二层,再找ID。
修改的问题:
最开始的想法是:用查找找到这个数值,然后直接赋值替换。天真!
用的splice方法,通过查找找到所要修改的ID,然后把它给删了!没错就是删了。然后在用splice方法在刚才删除的地方添加一个JSON,这个JSON定义为你input输入的内容就完事了。
删除的问题:
这个挺简单的,两个方法一个splice一个delete,区别:arr.splice()方法删除之后下标也随之删除,后面的数值自动往前补。delete arr[i]方法删除的只是数值,会用null 来代替,不会删除下标。
这三天先不往下学习Vue的知识了。先复习一下js和jQuery,把AJAX和ES6再好好看看,练习一下数组方面的题,这方面我还是太薄弱了。