08 2018 档案

根据数据渲染DOM树形菜单——中途感想
摘要：根据数据渲染DOM树形菜单，这个需求做了几天了。一开始觉得用while也可以实现一层一层查找数据，但后来发现while还是做不到，因为我查找这个动作必须有进入有出来然后进入下一个条目，但while只能进去再出来就得靠一些进去前写的一些变量，比如什么oldMenu，但根据数据来渲染的，我们不可能每次都 阅读全文
posted @ 2018-08-25 02:58 蜜蜂老牛黄瓜 阅读(195) 评论(0) 推荐(0)
一排元素往下掉 【总结】
摘要：需求 点击当前元素，看看是否有上个兄弟节点或者下个兄弟节点，如果有，就让他们依次下落（当前元素也会下落），否则就不用下落 需求分析： 可以用之前做的那个拿来改改，重新做个也不难，就是用js生成一下div，再根据数量以及点击的位置一次向外延迟调用doMove函数 点击其中一个div 被点击的div不延 阅读全文
posted @ 2018-08-23 22:23 蜜蜂老牛黄瓜 阅读(301) 评论(0) 推荐(0)
tips 【总结】
摘要：需求 移入a标签把对应的详情显示出来并且根据位置判断，当前详情是否超出父级可视区范围，如果超出就定位的距离方向应该正好在父级可视区范围内 需求分析： 需要用到： offsetLeft 获取外边框到有定位元素的内边缘 offsetWidth 获取包括border的宽度 offsetHeight 获取包 阅读全文
posted @ 2018-08-23 16:55 蜜蜂老牛黄瓜 阅读(502) 评论(0) 推荐(0)
js【生成规定数量不重复随机数】、【冒泡排序】、【鸡尾酒排序】、【选择排序】、【插入排序】、【未完工的二分插入排序】------【总结】
摘要：【生成规定数量不重复随机数】 【冒泡排序】 【鸡尾酒排序】 【选择排序】 function selection( arr ){ var arr = arr, arrLen = arr.length, newArr = [], broker = null; var cnt = 0, a = cnt; 阅读全文
posted @ 2018-08-22 22:56 蜜蜂老牛黄瓜 阅读(287) 评论(0) 推荐(0)
上移下移扩展版 【总结】
摘要：需求 上移下移 需求： 1）点击上移就将当前的按钮的父级上移一位 2）当点击第一个时候将当前按钮的父级移动到最后一位 3）当点击最后一个时候将当前按钮的父级移动到首位 4）带过渡动画 需求分析： 下移：剪切所点击的条目插入到下一条目后面 上移：剪切所点击的条目插入到上一条目前面 过渡效果实现：CSS 阅读全文
posted @ 2018-08-19 23:48 蜜蜂老牛黄瓜 阅读(383) 评论(0) 推荐(0)
上移下移标准版 【总结】
摘要：需求 上移下移 需求： 1）点击上移就将当前的按钮的父级上移一位 2）当点击第一个时候将当前按钮的父级移动到最后一位 3）当点击最后一个时候将当前按钮的父级移动到首位 需求分析： 下移：剪切所点击的条目插入到下一条目后面 上移：剪切所点击的条目插入到上一条目前面 实现思路： 总得就是【获取】 --> 阅读全文
posted @ 2018-08-19 23:34 蜜蜂老牛黄瓜 阅读(557) 评论(0) 推荐(0)
剪切DOM节点中断transition执行【问题】
摘要：当var returnValue = moveDown( this.parentNode ); 这句注释掉，两个li可以顺利过渡，但加上这个，其中一条，就是被剪切的那一条没有过渡效果，瞬间位置变化； 我觉得变化位置的时候，改变的是视觉层的li位置。我这么理解：css里给标签加上transition这 阅读全文
posted @ 2018-08-19 22:01 蜜蜂老牛黄瓜 阅读(363) 评论(0) 推荐(0)
消除表情小游戏 【总结】
摘要：需求 需求分析： 按钮点击--> 生成一个icon——icon默认速度下降——中途被点击——触碰底边后抖动——失分加1——重头开始 └中途被点击——变成炸弹后抖动——得分加1——重头开始 实现思路： 生成icon：html阶段在游戏区域写好图片标签不赋值 js随机生成图片和图片位置并给图片赋值( 利 阅读全文
posted @ 2018-08-18 01:08 蜜蜂老牛黄瓜 阅读(403) 评论(0) 推荐(1)
随机图片滚动 【总结】
摘要：需求 需求分析： 每个一段时间图片随机运动 并不是一个运动完再运动下一个，而是有多个图片列表延迟不同的时间再运动 实现思路： 1.图片列表我用js生成再插入，图片数据和href数据放在json里再把json放再数组里 2.每个一段时间执行定时器绑定doMove函数，实现随机运动的要点就是，定时器的延 阅读全文
posted @ 2018-08-16 20:43 蜜蜂老牛黄瓜 阅读(431) 评论(0) 推荐(0)
排序 【总结】
摘要：需求 我做的有三个按钮，【从大到小】、【从小到大】、【乱序】 点击按钮发生相应的变化 需求分析： 涉及到排序，数组的sort()方法 div重新设置样式、或干脆重新插入div，前者更好点 实现思路： 1.提取所有div 2.取出图片地址和span内容 3.因为要根据span内容来排序，所以span单 阅读全文
posted @ 2018-08-16 16:31 蜜蜂老牛黄瓜 阅读(182) 评论(0) 推荐(0)
妙味课上利用splice进行数组去重为什么要 j--
摘要：因为每次删掉一个后，数组会自动向前补齐，然而 j++ 会让代码漏掉一次判断，结果就不敬人意 阅读全文
posted @ 2018-08-14 12:43 蜜蜂老牛黄瓜 阅读(349) 评论(0) 推荐(0)
文字搬运工 【总结】
摘要：需求 需求分析 1.文字挨个从左往右移：左边删掉第一个，右边添加刚刚删掉的2.移动过程中，按钮不能重复点击3.有进度条，进度条延迟消失4.有统计数字 难点 无 难点解决方案 无 解决不了的难点 无 涉及的新知识 str.substring()字符串截取方法 优化方向 少用全局变量，开头空格也能移动 阅读全文
posted @ 2018-08-14 02:27 蜜蜂老牛黄瓜 阅读(450) 评论(0) 推荐(0)
查找替换【总结】
摘要：需求： 需求分析： 实现查找和替换 实现思路： 1.用要找的字符作为分隔符，分割整个字符串成数组，因为分隔符会被删掉，所以不用操心它的去留 2.用包装后的字符串格式的结点作为连接符，将1得到的数组join()回去，实现高亮或替换 难点：因为css只能对节点设置样式，所以查找高亮本质上是给要找的文字包 阅读全文
posted @ 2018-08-12 16:27 蜜蜂老牛黄瓜 阅读(273) 评论(0) 推荐(0)
商品抢购【总结】
摘要：需求： 需求分析：【倒计时】 --> 【对应条目抖动】 --> 【抖动完后下滑并透明】 --> 【完全透明后增加一个条目】 --> 【增加条目后计算总价】 实现思路： 倒计时部分课上有讲，主要是怎样点击按钮后获得输入框的内容会方便点，在HTML里我把输入框和按钮放在一个div里，这样就可以用getE 阅读全文
posted @ 2018-08-10 16:44 蜜蜂老牛黄瓜 阅读(275) 评论(0) 推荐(0)
DOM的理解
摘要：DOM分三个发展阶段：1级DOM,2级DOM,3级DOM。 1级DOM应该是只规定了一份HTML文档以什么形式展现，就是以树形结构的节点展现；以及可以任意获取节点，我猜就是getElementById这些方法； 2级DOM就添加了一些事件，所谓事件就是某种情况下发生的事，比如鼠标点击、鼠标滑过，2级 阅读全文
posted @ 2018-08-08 03:11 蜜蜂老牛黄瓜 阅读(144) 评论(0) 推荐(0)
js_笔记_8月7日记录_活动对象_作用域链_按值传递
摘要：活动对象：简单说就是这个函数的参数和显示声明的变量或函数。 函数内接受的参数实际是创建了一个局部变量：【形参名】 = 【传进来的值】，js的函数传参只传值。 作用域链：执行流进入一个函数，会先创建出作用域链来，作用域链大概就是这样 本函数的活动对象 >父函数的活动对象 >父函数的父函数的活动对象 > 阅读全文
posted @ 2018-08-07 16:40 蜜蜂老牛黄瓜 阅读(115) 评论(0) 推荐(0)
垃圾回收机制的理解
摘要：在js里当变量进入环境会被打上“进入环境”的标记，变量离开环境会被打上“离开环境"的标记。 垃圾回收器定期执行，假如说：第一遍执行，垃圾回收器给所有变量打上标记，然后再把”进入环境“的变量和被”进入环境“的变量使用的变量(比如说，a = b，a，b都不能被回收) 这里我有点不理解：什么算是进入环境， 阅读全文
posted @ 2018-08-07 15:47 蜜蜂老牛黄瓜 阅读(261) 评论(0) 推荐(0)