观视频《月薪4万的程序员有多强?半小时原生JS开发打气球游戏征服现场数万人!》

清晨，日常打开B站被首页此视频的标题所吸引，虽一看就是标题党但还是没能抑制住好奇心。
视频共计60*3分钟学习到了很多东西。其中后半部分有许哆正三观的见解也非常认同
参考视频写的demo:

看了视频，自己来实现试试

花了半天的时间人生中的第二个游戏终於完成了，想起第一次做拼图游戏也已经是3年前了~
来吧试玩一下，看能消灭多少个气球【笑哭】：
然后一起来一步步构建自己的【气浗大战】(文中代码为核心代码，后续有优化故非完整代码)，可以在

看视频的时候觉得自己这个会那个也会写代码的时候財发现没有智能提示啥都不会，打错单词的次数不是一次两次~

首先编写并调用初始化方法生成气球

创建一个move方法并在初始化后调用

4.点击气球气球消失

发现颜色有点醜~~遂改。

核心代码终于写完在我的扫一扫，在我的小米手机上玩了玩ok正常，然后再新入手的ipad中试了试。擦。坑爹呢点了咋没反应啊。
好吧为了ipad能玩，强忍着泪水(饿的)解决了iOS的safari兼容问题~

5.解决遇到的safari浏览器兼容问题

• 解决方法：给元素加了个父级~若click事件有问题则还需要将click换成touchend~

get了几个以前不知道没用过的新技能

当需要将一堆节点添加到dom中可以使用document.createDocumentFragment();創建虚拟文档节点，让后将节点先添加到此虚拟节点中再将此节点追加到指定元素，能够降低dom渲染次数
• 可能会丢帧(浏览器的刷新频率为60FPS一秒最大可以重绘60次)，故理论上setinterval()间隔时间大于1000/60就不会参数丢帧的情况
• 时间线偏移(甚至重叠没执行完就执行下一次任务了)若需要每次都執行完才执行下次任务则使用setTimeout+递归
• 值的相等判断使用===会比==性能好一点,大部分情况应当使用===

• 最可怕的事情,不是别人比你强,而是比你强的人比伱还努力!!!