m0_56713342的博客

【代码】用html,css和js写购物车移动端加减全反选及计算总价。

创建日期对象，获取当前时间，计算秒针，时针，分针转一圈的度数，来设置每秒的旋转度数。小时角度公式：小时 * 30 + 分钟 / 60 * 30。分钟角度公式：分钟* 6 + 秒 / 60 * 6。秒角度公式： 当前秒数 * 6。多次调用定时器，重复获取时间，让指针动起来。

思路：先把整体的html结构写出来，table表格分为3部分，其中tbody中的内容通过节点创建出来，删除时，找到其祖先元素的节点进行remove（），表单内的各个框的值对应表格的内容。思路：先把整体的效果图写出来，再通过js渲染到页面上，每次添加一组数据就相当于给数组添加数据，删除事件用事件委托，给祖先元素绑定事件，子元素触发事件会冒泡到祖先元素。

需求：鼠标在图片内按下时 图片可以跟随盒子动鼠标弹起图片停下来如果图片在box的盒子里面时鼠标弹起了 就把图片展示在box里面 并且让图片回到起始位置。

【代码】随机生成字母。

思路：首先先搭建好结构，在写css样式由于京东本身一开始是看不见下拉的导航，就把这导航一开始用固定定位，并使其完全不显 示页面，用top的值为-100%，js，给窗口设置窗口滚动事件，根据页面被卷去的尺寸document.documentElement.scrollTop的值来判断，下拉导航什么时候出现，就设置其top值为0，不满足时保持原样。

先把整体结构样式写出来。

【代码】js实现购物车加减操作。

【代码】js显示隐藏密码框。

【代码】用js写京东秒杀倒计时。

【代码】js动态获取当前时间并显示星期数。

我们可以利用事件委托来实现，就是给他们共同的祖先元素绑定事件，其子元素触发的事件就会冒泡到祖先元素，可以提高代码的执行效率，对于其对应内容的显示，在其添加active类时，给每张图片所在的块添加data-id 的属性，在添加类时用e.target.dataset.id作为索引值来添加。点击时，先清除active类，点击谁，谁就添加active类，对应的图片显示，其他隐藏。由于要添加点击事件的元素有很多，这样需要给每个元素都添加点击事件，比较麻烦。需要点击谁，就先获取谁，获得的是一个伪数组。

优化代码：把重复的代码封装成一个为toggle() 的函数，哪里需要，哪里调用，减少代码冗余。鼠标移入停止自动播放，鼠标离开继续自动播放。用定时器setInterval()来写，可以实现自动播放。给整体添加鼠标移入清除定时器功能。鼠标移出添加开启定时器功能。需要开启定时器来实现自动播放。给左右按钮添加点击事件。点击左右按钮可以跳转。点击那个小圆点就跳到对应位置。结合以上所有功能，是一个综合。

【代码】js动态显示当前时间。