- 博客(21)
- 收藏
- 关注
转载 可拖动菜单 【总结】
需求应老罗的要求,做一个可拖动的长条形列表菜单。这是原来的样子进入编辑界面,它的编辑添加都不能实时更新,而且操作起来比较麻烦。所以我估计一下应该有这些需求:1.修改,取消,确认按钮2.点击修改,菜单每一项都可以拖动,每一项都可以修改,每一项都可以删除3.每一个父级都可添加一个子节点或添加一个子集合4.点击取消,恢复到点击修改之前的状态5.点击确认...
2018-10-05 15:34:00
299
转载 淘宝手机频道商品选择 【总结】
需求需求分析:品牌,系统,尺寸,网络这些类别下的子选项只能单选,你的选择处的标签应该按照下面的类别的顺序排好,实现思路:这一题我用的面向对象的方式写的,有以下这些方法:addNewSort:增加分类deleteSort:删除分类addGoods:增加商品条目deleteGoods:删除商品条目alertState:状态更改cl...
2018-09-14 19:22:00
198
转载 仿String()构造器函数 【总结】
需求实现以下方法:控制台结果:需求分析:首先确定new调用的this和什么对象绑定,如果跟默认返回的对象绑定肯定做不到 [ ] 这样的访问,所以要在构造器内部返回一个包装过的数组1.length,既然前提是没有String()构造器函数,那就不能用字符串对象的length方法,所以首先要将接收的字符串包装成数组。虽说不能用字符串对象的方...
2018-09-08 18:26:00
117
转载 根据数据渲染DOM树形菜单——中途感想
根据数据渲染DOM树形菜单,这个需求做了几天了。一开始觉得用while也可以实现一层一层查找数据,但后来发现while还是做不到,因为我查找这个动作必须有进入有出来然后进入下一个条目,但while只能进去再出来就得靠一些进去前写的一些变量,比如什么oldMenu,但根据数据来渲染的,我们不可能每次都知道数据有几层,每层又有几个子层,子层又有几个子层,我们不可能为这些数据“私人订制”whi...
2018-08-25 02:58:00
218
转载 一排元素往下掉 【总结】
需求点击当前元素,看看是否有上个兄弟节点或者下个兄弟节点,如果有,就让他们依次下落(当前元素也会下落),否则就不用下落需求分析:可以用之前做的那个拿来改改,重新做个也不难,就是用js生成一下div,再根据数量以及点击的位置一次向外延迟调用doMove函数点击其中一个div --- 被点击的div不延迟 --- 左右向外扩展,每个都绑定doMove函数,每外一格...
2018-08-23 22:23:00
124
转载 tips 【总结】
需求移入a标签把对应的详情显示出来并且根据位置判断,当前详情是否超出父级可视区范围,如果超出就定位的距离方向应该正好在父级可视区范围内需求分析:需要用到:offsetLeft 获取外边框到有定位元素的内边缘offsetWidth 获取包括border的宽度offsetHeight 获取包括border的高度实现思路:具体的tips...
2018-08-23 16:55:00
179
转载 js【生成规定数量不重复随机数】、【冒泡排序】、【鸡尾酒排序】、【选择排序】、【插入排序】、【未完工的二分插入排序】------【总结】...
【生成规定数量不重复随机数】function creatRandom( num ){ var randomLen = num, ranArr = [], thisRan = null, whileOff = false, cnt = 0; //初始化push进去1个 ...
2018-08-22 22:56:00
114
转载 上移下移扩展版 【总结】
需求上移下移 需求: 1)点击上移就将当前的按钮的父级上移一位 2)当点击第一个时候将当前按钮的父级移动到最后一位 3)当点击最后一个时候将当前按钮的父级移动到首位4)带过渡动画需求分析:下移:剪切所点击的条目插入到下一条目后面上移:剪切所点击的条目插入到上一条目前面过渡效果实现:CSS3的transition 或 js实现实现...
2018-08-19 23:48:00
135
转载 上移下移标准版 【总结】
需求上移下移 需求: 1)点击上移就将当前的按钮的父级上移一位 2)当点击第一个时候将当前按钮的父级移动到最后一位 3)当点击最后一个时候将当前按钮的父级移动到首位需求分析:下移:剪切所点击的条目插入到下一条目后面上移:剪切所点击的条目插入到上一条目前面实现思路:总得就是【获取】 --> 【插入】这两个动作,获取: ...
2018-08-19 23:34:00
276
转载 剪切DOM节点中断transition执行【问题】
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title><style> a{ text-decoration: none; } a:hover{ text-decorat...
2018-08-19 22:01:00
157
转载 消除表情小游戏 【总结】
需求需求分析:按钮点击-->生成一个icon——icon默认速度下降——中途被点击——触碰底边后抖动——失分加1——重头开始 └中途被点击——变成炸弹后抖动——得分加1——重头开始实现思路:生成icon:html阶段在游戏区域写好图片标签不赋值js随机生成图片和图片位置并给图片赋值( 利用Math.rand...
2018-08-18 01:08:00
786
转载 随机图片滚动 【总结】
需求需求分析:每个一段时间图片随机运动并不是一个运动完再运动下一个,而是有多个图片列表延迟不同的时间再运动实现思路:1.图片列表我用js生成再插入,图片数据和href数据放在json里再把json放再数组里2.每个一段时间执行定时器绑定doMove函数,实现随机运动的要点就是,定时器的延迟时间不一样3.每次执行绑定之前判断当前图片列表位置是否到...
2018-08-16 20:43:00
169
转载 排序 【总结】
需求我做的有三个按钮,【从大到小】、【从小到大】、【乱序】点击按钮发生相应的变化需求分析:涉及到排序,数组的sort()方法div重新设置样式、或干脆重新插入div,前者更好点实现思路:1.提取所有div2.取出图片地址和span内容3.因为要根据span内容来排序,所以span单独再存一份副本4.排序span副本5.用for循环用已排序的...
2018-08-16 16:31:00
122
转载 妙味课上利用splice进行数组去重为什么要 j--
var arr = [ 1,2,2,4,4,5,8,8,9,0,4,4 ];for ( var i=0; i<arr.length; i++ ) { for ( var j=i+1; j<arr.length; j++ ) { if ( arr[i] == arr[j] ) { arr.splice( j, 1...
2018-08-14 12:43:00
163
转载 文字搬运工 【总结】
需求需求分析1.文字挨个从左往右移:左边删掉第一个,右边添加刚刚删掉的2.移动过程中,按钮不能重复点击3.有进度条,进度条延迟消失4.有统计数字难点无难点解决方案无解决不了的难点无涉及的新知识str.substring()字符串截取方法优化方向少用全局变量,开头空格也能移动备注将来可以用jQ写的更简洁一点...
2018-08-14 02:27:00
376
转载 查找替换【总结】
需求:需求分析:实现查找和替换实现思路:1.用要找的字符作为分隔符,分割整个字符串成数组,因为分隔符会被删掉,所以不用操心它的去留2.用包装后的字符串格式的结点作为连接符,将1得到的数组join()回去,实现高亮或替换难点:因为css只能对节点设置样式,所以查找高亮本质上是给要找的文字包装了一下,如果自己的js写,肯定要涉及到:删掉所有原查找的原字符串,按顺序...
2018-08-12 16:27:00
125
转载 商品抢购【总结】
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="main.css"></hea...
2018-08-10 16:44:00
101
转载 DOM的理解
DOM分三个发展阶段:1级DOM,2级DOM,3级DOM。1级DOM应该是只规定了一份HTML文档以什么形式展现,就是以树形结构的节点展现;以及可以任意获取节点,我猜就是getElementById这些方法;2级DOM就添加了一些事件,所谓事件就是某种情况下发生的事,比如鼠标点击、鼠标滑过,2级DOM应该就是“进化”出了这些事件;还有应该就是支持css的操作;3级DOM就添加...
2018-08-08 03:11:00
93
转载 js_笔记_8月7日记录_活动对象_作用域链_按值传递
活动对象:简单说就是这个函数的参数和显示声明的变量或函数。函数内接受的参数实际是创建了一个局部变量:【形参名】 = 【传进来的值】,js的函数传参只传值。作用域链:执行流进入一个函数,会先创建出作用域链来,作用域链大概就是这样 本函数的活动对象--->父函数的活动对象--->父函数的父函数的活动对象--->父函数的父函数的父函数的活动对象--->直到...
2018-08-07 16:40:00
81
转载 垃圾回收机制的理解
在js里当变量进入环境会被打上“进入环境”的标记,变量离开环境会被打上“离开环境"的标记。垃圾回收器定期执行,假如说:第一遍执行,垃圾回收器给所有变量打上标记,然后再把”进入环境“的变量和被”进入环境“的变量使用的变量(比如说,a = b,a,b都不能被回收)这里我有点不理解:什么算是进入环境,什么算是离开环境。后来我看到后面的一章,我觉得,所谓”进入环境“的变量就是值不为n...
2018-08-07 15:47:00
115
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人