继续我们的复习之路——webapi

前面断更几天是因为在住安心复习DOM BOM的内容 不得不说 还得是DOM 在这一章节的复习内容中 涌现出了很多又代表意义 经典的一些小案例 而且 还是有些难度的 有一两个我反正是自己独立完成不了 可能是不熟悉 我已经做了记号了反正,下次直接抓住这些第一次没有独立完成的来做,这一次的案例很多我可能要分两篇随笔才能写出来我先来前几天的案例吧

先来第一个,直接上狠的,这个是第一个卡我的案例,有点绕,我注释的是我自己做的时候的逻辑,后面是看着别人做出来想的逻辑不得不说还是过来人有经验,化骨绵掌一样给我的问题在无形中就解决了,很简单经典的一个案例就是全选全不选但是充满逻辑




    
    
    
    Document
    


    
商品 价钱
iPhone8 8000
iPad Pro 5000
iPad Air 2000
Apple Watch 2000

然后是一个删除留言案例,这道题实现起来 其实是挺简单的 但是有一个问题 我搞了老半天也没解决下来 就先存在这里后面再来弄 就是在发布出来的留言栏那里 也就是每一个li里面的文字 我输入多了 他会一直往后面延伸 超出范围了还在后面延伸 我要的效果是超出范围就换行 可能听起来挺简单 但是我始终没弄对代码




    
    
    
    Document
    


    

这一个案例 其他实现起来还行 但是有一个地方 我想了老半天了 那就是怎么将对象里面的值给到每一个td 我想来想去都只想到这一种方法 但我总觉得有更简便的方法我这个属实太冗余了 果然当我看到大神的代码时 直接醍醐灌顶 豁然开朗 他是怎么做的 内层管列的for循环不是我这个for j 循环 直接for in 对对象循环不就完事了? 列也有了 数据也有了 学到了学到了




    
    
    
    Document
    


    
姓名 科目 成绩 操作

这是一个倒计时的案例,难不难,只是有些小细节需要注意




    
    
    
    Document
    


    
1 2 3

一个发送短信倒计时案例 懵懵懂懂突然就做出来了




    
    
    
    Document


    
    
    
    

然后我们今天就先这样 下一篇全是webapi里面的大案例 敬请期待
前端爱好者,望大佬给个内推机会!!!

你可能感兴趣的:(继续我们的复习之路——webapi)