05 2016 档案
摘要:学习JS,活跃思维,灵活运用的一个较为典型的学习案例。同一个瀑布流的效果但实现方式却很多,利用递归、冒泡等等手法都可以达到你想要的目的。这次要说的就是利用类似递归来实现此效果的原创方案。此方案个人认为难度系数较低 效果展示:
阅读全文
摘要:图片裁剪程序效果如下,可鼠标操作。 拖动左边小方框时在右侧实时显示对应的裁剪图片,同时左侧的拖动框里图片完全显示,拖动框外部图片模糊显示。8个控制点可以对显示区域大小进行控制。 HTML 和 CSS 部分 左侧的裁剪操作区域可以分为三层。 最底层的图片半透明效果;中间层的图片只显示制定区域,其他部分
阅读全文
摘要:XMLHttpRequest对象 IE7+,FireFox,Chrome,Opera,Safari创建XHR对象: 创建XHR对象的兼容性写法: XHR用法 发送同步请求 使用 XHR 时,首先要调用 open() 方法,传递三个参数: 要发送特定的请求,必需像下面这样调用 send() 方法 这里
阅读全文
摘要:取数组中最大值 可以先把思路理一下: 将数组中第一个元素赋值给一个变量,并且把这个变量作为最大值; 开始遍历数组,从第二个元素开始依次和第一个元素进行比较 如果当前的元素大于当前的最大值,就把当前的元素值赋值给最大值 移动到下一个元素,继续按前面一步操作 当数组元素遍历结束时,这个变量存储的就是最大
阅读全文
摘要:@Traveller在DIV.IO分享了一篇《数组元素随机化排序算法实现》,这篇文章提供了三种数组项随机排序的实现方法: 使用数组sort方法对数组元素随机排序 随机交换数组内的元素 随机从原数组抽取一个元素,加入到新数组 洗牌算法 数组随机排序其基本原理是洗牌算法(Fisher–Yates shu
阅读全文
摘要:push():向数组末尾添加一个或多个元素 unshift(): 向数组的开头添加一个或多个元素 pop(): 删除数组最后一个元素 shift(): 删除数组第一个元素 sort(): 给数组排序 reverse(): 颠倒数组项在数组中的位置 concat(): 合并数组 slice(): 指定
阅读全文
摘要:JavaScript学习笔记:数组去重 话说面试常会碰到面试官会问JavaScript实现数组去重的问题,整理了一些有关于JavaScript数组去重的方法。下面这些数组去重的方法是自己收集和整理的。 双重循环去重 这个方法使用了两个for循环做遍历。整个思路是: 构建一个空数组用来存放去重后的数组
阅读全文
摘要:split()方法将一个字符串对象的每个字符拆出来,并且将每个字符串当成数组的每个元素 reverse()方法用来改变数组,将数组中的元素倒个序排列,第一个数组元素成为最后一个,最后一个变成第一个 join()方法将数组中的所有元素边接成一个字符串 来看个实例: 将上面的方法简化一下,可以写成这样:
阅读全文
摘要:array.every(),array.some(),array.map()
阅读全文
摘要:拖拽:1 onmousedown 存距离 disX/Y2 onmousemove 修改left top3 onmouseup 释放资源
阅读全文
摘要:思路: 手机号的规则 第一位必须是1 第二位是3 5 8这些 之后的是是数字就行。 邮箱的验证规则 jsonly@foxmail.com 84980875@qq.com 123456@sina.com.cn 654321@miaov.net 1、@之前是一个数字、字母、下划线的组合 2、@之后后缀之
阅读全文
摘要:CSS中的块级元素与行内元素 块级元素特性: 1.占据一整行,总是重起一行并且后面的元素也必须另起一行显示。 2.内联元素特性: 3.和其他内联元素显示在同一行。 块级元素列举如下: div(文档分区),article(文章内容), aside(伴随内容), audio(音频播放), blockqu
阅读全文
摘要:1.添加事件方法 2.移除之前添加的事件方法 3.获取事件及事件对象目标 4.阻止浏览器默认事件的兼容性写法 5.阻止事件冒泡的兼容性写法 6.mouseover和mouseout 事件才包含的获取相关元素的方法 7.鼠标滚轮判断 对于mousedown 和mouseup 事件来说,则在其event
阅读全文
摘要:组件开发 : 多组对象,像兄弟之间的关系( 代码复用的一种形式 )
阅读全文
摘要:需要注意的问题包括: 1.this的指向到底是指向谁--弄清楚所指的对象 2.深入理解原型的概念及使用: 去改写对象下面公用的方法或者属性 , 让公用的方法或者属性在内存中存在一份 ( 提高性能)
阅读全文
摘要:1.事件绑定 IE独有下的绑定事件 attachEvent(事件名,函数)--反向执行,且一个按钮可执行多个事件的功能。 detachEvent()--解除绑定 FF/chorme下的绑定事件 addEventListener removeEventListener--解除绑定2.捕获事件 对象.a
阅读全文
摘要:常见排序算法(JS版)包括: 内置排序,冒泡排序,选择排序,插入排序,希尔排序,快速排序(递归 & 堆栈),归并排序,堆排序,以及分析每种排序算法的执行时间。 index.html main.js main.js 排序效果:
阅读全文
摘要:效果: ps:有什么好的想法和思路可以共同交流成长。群号前端开发学习交流群 486867012
阅读全文
摘要:1 //JS扩展方法与C#的扩展方法非常相似,也是可以链式调用的,也是通过对某个类的扩展写法来实现。这个东西非常好用,如果将预先写好的方法放到一个js里面引用的话,那么后面写js将非常有趣。 2 3 //下面给出一个例子: 4 5 6 // 7 // 测试JS扩展方法 8 // 23 // 24 25 // 好像只是告诉自己有...
阅读全文
摘要:扩展原生js的Array类 原生js的String类扩展
阅读全文

浙公网安备 33010602011771号