#Asc

javascript中的未定义和未声明

我们在项目中,经常会定义一些变量(很多时候,定义过多的全局变量),当我们调用这些变量的时候,就会发生各种各样的突发状况。看一个示例:vara;typeofa;typeofb;  很简单的一段javascript代码,那么会输出什么呢?vara;typeofa;//undefinedtypeofb;//undefined...

用原生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...
代码星球 ·2020-04-11

javascript递归函数

递归函数:是指函数直接或间接调用函数本身,则称该函数为递归函数。这句话理解起来并不难,从概念上出发,给出以下的例子:functionfoo(){console.log("函数foo是递归函数。");foo();}这个例子的foo函数就是一个递归函数。当你把这个函数拿到浏览器上运行的时候,你会发现内存溢出了,为什么呢?因...
代码星球 ·2020-04-11

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...
首页上一页...8788899091...下一页尾页