用原生JavaScript实现图片瀑布流的浏览效果
学习JS，活跃思维，灵活运用的一个较为典型的学习案例。同一个瀑布流的效果但实现方式却很多，利用递归、冒泡等等手法都可以达到你想要的目的。这次要说的就是利用类似递归来实现此效果的原创方案。此方案个人认为难度系数较低1<?php2//没有数据源,利用遍历对应文件夹中的所有的图片得到的数组模拟成数据源3$arr=arr...
原生 JavaScript 图片裁剪效果
图片裁剪程序效果如下，可鼠标操作。 拖动左边小方框时在右侧实时显示对应的裁剪图片，同时左侧的拖动框里图片完全显示，拖动框外部图片模糊显示。8个控制点可以对显示区域大小进行控制。HTML和CSS部分左侧的裁剪操作区域可以分为三层。最底层的图片半透明效果；中间层的图片只显示制定区域，其他部...
移动前端javascript事件
移动端事件：1//手势事件2touchstart//当手指接触屏幕时触发3touchmove//当已经接触屏幕的手指开始移动后触发4touchend//当手指离开屏幕时触发5touchcancel67//触摸事件8gesturestart//当两个手指接触屏幕时触发9gesturechange//当两个手指接触屏幕后开...
javascript 设为首页 | 加入收藏夹 JS代码
我们介绍一个可兼容所有浏览器的加入收藏代码代码，大概原理是这样的我们根据获取用户navigator.userAgent.toLowerCase()信息来判断浏览器，根据浏览器是否支持加入收藏js命令，如果可以自动收藏否则就提示ctrl+D手动收藏了。 1functionaddFavorite2(){2varu...
把VSO作为GitHub上JavaScript项目的免费CI服务器
（此文章同时发表在本人微信公众号“dotNET每日精华文章”，欢迎右边二维码来关注。)题记：微软变得更加开放后，走向开放的不仅有.NET运行时、IDE工具，还有ALM服务器核心组件TeamFoundationServer的SaaS版本VisualStudioOnline。VisualStudioOnline（VSO）是...
JavaScript前端框架的思考
（此文章同时发表在本人微信公众号“dotNET每日精华文章”，欢迎右边二维码来关注。)题记：现在JavaScript前端框架层出不穷，尤其Angular进入到2.x时候之后，我们如何应对？今天推荐的国内技术专家xufei的文章《后Angular时代二三事》可以带给我们一些启发。之前一直比较关注前端框架，也多次发文章介绍...
对于JavaScript的函数.NET开发人员应该知道的11件事
（此文章同时发表在本人微信公众号“dotNET每日精华文章”，欢迎右边二维码来关注。)昨天小感冒今天重感冒，也不能长篇大论。如果你是.NET开发人员，在进入前端开发领域的时候，对于JavaScript的函数，应该知道这11件事情。如果你是一个.NET开发人员，又不得不涉及前端开发的工作，那么应该会拿C#函数和JavaS...
JavaScript数组去重—ES6的两种方式
说明JavaScript数组去重这个问题，经常出现在面试题中，以前也写过一篇数组去重的文章，（JavaScript数组去重的多种方法原理详解）但感觉代码还是有点不够简单，今天和大家再说两种方法，代码可是足够的少了。解释方法一：functionunique(arr){constres=newMap();returnarr...
通过javascript实现1~100内能同时被2和3整除的数并生成如下表格
请通过javascript实现1~100内能同时被2和3整除的数并生成如下表格；<!DOCTYPEhtml><htmllang="en"><head> <metacharset="UTF-8"> <...
JavaScript中的不同逻辑算法结合操作解决实际多重问题以及常用函数类型
数组去重+快速排序//老数组vararr1=[1,2,2,3,8,6,6,4,5,5];//定义新数组vararr2=[];内部可运用布尔类型进行判断数组的唯一性for(i=0;i<arr1.length;i++){varstatus=0;for(j=0;j<arr2.length;j++){if(arr1...
JavaScript多浏览器的兼容
一、document.formName.item("itemName")问题问题说明：IE下，可以使用document.formName.item("itemName")或document.formName.elements["elementName"];Firefox下，只能使用document.formName.e...
javascript递归函数
递归函数：是指函数直接或间接调用函数本身，则称该函数为递归函数。这句话理解起来并不难，从概念上出发，给出以下的例子：functionfoo(){console.log("函数foo是递归函数。");foo();}这个例子的foo函数就是一个递归函数。当你把这个函数拿到浏览器上运行的时候，你会发现内存溢出了，为什么呢？因...
JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等属性学习笔记
全文参考：https://github.com/iuap-design/blog/issues/38、MDN clientHeight 可以用公式 CSSheight+CSSpadding-水平滚动条的高度(如果存在) 来计算。如图，这样一个div，它的clientH...
常用javascript代码片段集锦
根据类名获取DOM元素1var$$=function(className,element){2if(document.getElementsByClassName){3return(element||document).getElementsByClassName(className);4}5varnodes=(ele...
JavaScript 经典实例收集整理
跨浏览器添加事件1//跨浏览器添加事件2functionaddEvent(obj,type,fn){3if(obj.addEventListener){4obj.addEventListener(type,fn,false);5}elseif(obj.attachEvent){//IE6obj.attchEvent('...