JavaScript资料,JavaScript文章,JavaScript文档-易库教程

Javascript中call，apply，bind方法的详解与总结

2017年02月06日 59 阅读

以下内容会分为如下小节：1.call/apply/bind方法的来源2.Function.prototype.call（）3.Function.prototype.apply（） 3.1：找出数组中的最大数 3.2：将数组的空元素变为undefined 3.3：转换类似数组的对象4.Function.prototype.bind（）5.绑定回调函数的对象6.call，apply，bind方法的联系和区别1.call/apply/bind方法的来源首先...

smartupload实现文件上传时获取表单数据（推荐）

2017年02月06日 60 阅读

实现文件上传的form表单必须满足两个条件：method="post" enctype="multipart/form-data"表单中enctype="multipart/form-data"的意思是设置表单的MIME编码。默认情况，这个编码格式是application/x-www-form-urlencoded，不能用于文件上传；只有使用了multipart/form-data，才能完整的传递文件数据。enctype="multipart/form-d...

深入理解javascript函数参数与闭包

2017年02月06日 77 阅读

最近在学习javascript的函数，函数是javascript的一等对象，想要学好javascript，就必须深刻理解函数。本人把学习的过程整理成文章，一是为了加深自己函数的理解，二是给读者提供学习的途径，避免走弯路。内容有些多，但都是笔者对于函数的总结。1.函数参数 1.1：参数是什么 1.2：参数的省略 1.3：参数默认值 1.4：参数传递方式 1.5：同名参数 1.6：arguments对象2.闭包 2.1：闭包定义 2.2：立即调...

javascript中this关键字详解

2017年02月06日 67 阅读

不管学习什么知识，习惯于把自己所学习的知识列成一个list，会有助于我们理清思路，是一个很好的学习方法。强烈推荐。以下篇幅有点长，希望读者耐心阅读。以下内容会分为如下部分：1.涵义 1.1：this涵义 1.2：this指向的可变性2.使用场合 2.1：全局环境 2.2：构造函数 2.3：对象的方法3.使用注意点 3.1：避免多层嵌套this 3.2：避免数组处理方法中的this 3.3：避免回调函数中的this1.涵义1.1：this涵义...

javascript中href和replace的比较（详解）

2017年02月06日 63 阅读

在使用javascript的时候，有时候对于经常使用的方法太熟悉而忽略了他们之间原理的细微差别。举例如下：window.location.href，window.location.replace。这两种方式都可以让页面跳转到一个新的页面，但是其中我就忽略了跳转之后的细节，比如返回的原来的页面。window.location.href中的href其实就是<a>标签中的href，使用这个进行页面跳转后，可以使用浏览器的后退按钮退回到原来的页面，也可...

深入浅析Vue组件开发

2017年02月06日 103 阅读

前言这里讲的主要是想谈谈基于Vue的一个组件开发。不得不说的一点就是，在实际的Vue项目中，页面中每一个小块都是由一个个组件（.vue文件）组成，经过抽离后，然后再合并一起组成一个页面。由于上家公司我负责多的是可视化这一块的开发，这边我也将带着大家进行一个Vue项目中的可视化组件的开发，这里用到的框架将是主流的可视化框架highcharts。一、Vue环境的搭建1、Mac用户首先安装包管理homebrew/usr/bin/ruby -e "$（curl -...

详解JS几种变量交换方式以及性能分析对比

2017年02月06日 67 阅读

前言“两个变量之间的值得交换”，这是一个经典的话题，现在也有了很多的成熟解决方案，本文主要是列举几种常用的方案，进行大量计算并分析对比。起由最近做某个项目时，其中有一个需求是交换数组中的两个元素。当时使用的方法是:arr = [item0,item1,...,itemN];//最初使用这段代码来交换第0个和第K（k<N）个元素arr[0] = arr.splice（k, 1, arr[0]）[0];当时觉得这种方法很优雅，高逼格。。。后来，业余时间又...

js移动焦点到最后位置的简单方法

2017年02月06日 60 阅读

当输入框（input/textarea）获得焦点时，将焦点移动到最后，在某些情况下用户体验很好。网上的大部分方法都是针对IE浏览器的。代码如下：var el = document.getElementById（"txtArticle"）;var range = el.createTextRange（）;range.moveStart（"character", el.value.length）;range.collapse（false）;range.sele...

使用JavaScript解决网页图片拉伸问题（推荐）

2017年02月06日 66 阅读

问题描述这段时间在做PM的需求的时候突然发现一个问题，产品上的图片来自多个第三方，具体的尺寸无法确定，如果直接在样式中写死图片的尺寸大小就会出现图片拉伸的现象，十分影响产品的美观，因此希望可以找到一个比较好的解决方案。自己先做了一个简单的demo来展示问题。<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><...

JS比较两个数值的大小实例

2017年02月06日 65 阅读

一般情况下：if（2 > 10）{alert（"不正确！"）;} 此比较不会是想要的结果：它相当于2 >1，把10的第一位取出来比较。解决方法：if（eval（2） > eval（10））{alert（"不正确！"）;} eval（）函数用于在不引用任何特定对象的情况下计算代码字符串。<script> functioncheck（） { varnum1=document.form1.num1.value; varnum2=do...

使用JS读取XML文件的方法

2017年02月06日 63 阅读

由于项目上需要解析xml，于是各种百度，然后自己总结了下各个主流浏览器解析xml的方法，只能是很浅显的知道他的用法，但是还没有深层次的研究。不同的浏览器对xml的解析方式不同，根据目前主流浏览器大致分三类：第一类，ie祖宗： js 提供用于创建 Automation对象的方法，new ActiveXObject（"Microsoft.XMLDOM"）；第二类：firefox，opera：用构造函数 DOMParser（）实例化DOMParser对象，解析...

js事件源window.event.srcElement兼容性写法（详解）

2017年02月06日 63 阅读

如下所示：<html><body><p>一个好处就是我想让body（或其他元素内）的某些对象响应事件就不用挨个儿去写只要在外层上写一个然后检查event.srcElement.tagName或其他属性是不是你想要的来决定是否响应事件就可以了.不过好像event.srcElement在ff里不起作用 </p><p>比如</p><p><input value="in...

JS冒泡事件与事件捕获实例详解

2017年02月06日 84 阅读

本文实例分析了JS冒泡事件与事件捕获。分享给大家供大家参考，具体如下：案例<！DOCTYPE html><html><head><title>冒泡事件</title><script type="text/javascript">window.onload = function（）{window.onclick = function（）{alert（"Window"）; // 顶级};d...

利用angular.copy取消变量的双向绑定与解析

2017年02月06日 59 阅读

首先我们来看看示例代码<body ng-app="app"> <div ng-controller="CopyController"> <div> data: <input ng-model="user.data" /><br> user.data: {{user.data}} <br> user1.data: {{user1.data}} <br> <button ...

bootstrap-datetimepicker实现只显示到日期的方法

2017年02月06日 149 阅读

本文实例讲述了bootstrap-datetimepicker实现只显示到日期的方法。分享给大家供大家参考，具体如下：bootstrap-datetimepicker 一般都是设置到时分秒，有时候并不需要，怎么处理呢？minView: "month", //选择日期后，不会再跳转去选择时分秒1.引入<link href="Public/css/bootstrap.min.css" type="text/css" rel="stylesheet">...

Javascript基于jQuery UI实现选中区域拖拽效果

2017年02月06日 66 阅读

一、效果展示普通的三个div鼠标拖动选中效果选中所有的div这样貌似看不出效果，没关系，我们有神奇的gif动画，来一个整体的动画效果感受下。二、代码实现整个代码其实也不难，需要用到一个博主自己封装的js文件。AreaSelect.js考虑到代码量有点大，并且知乎没有代码折叠功能，所以这里就留一个文件名。等博主抽时间将它开源到github上面去，当然，有需要的朋友也可以直接联系博主，博主免费提供！引入这个js后，还需要引用jquery和jquery UI相关...

微信小程序开发之实现选项卡（窗口顶部TabBar）页面切换

2017年02月06日 68 阅读

微信小程序开发中选项卡.在Android中选项卡一般用fragment,到了小程序这里瞬间懵逼了.总算做出来了.分享出来看看.先看效果:再上代码:1.index.wxml<！--index.wxml--> <view class="swiper-tab"> <view class="swiper-tab-list {{currentTab==0 ? "on" : ""}}" data-current="0" bindt...

JS实现的图片预览插件与用法示例【不上传图片】

2017年02月06日 67 阅读

本文实例讲述了JS实现不需要上传的图片预览插件与用法。分享给大家供大家参考，具体如下：小小的几十行代码，很牛逼，很实用。支持多个图片的预览，只要new多个对象就行了。html如下<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns=...

微信JS-SDK自定义分享功能实例详解【分享给朋友/分享到朋友圈】

2017年02月06日 59 阅读

本文实例讲述了微信JS-SDK自定义分享功能。分享给大家供大家参考，具体如下：分享出去的内容，可以通过jssdk进行修改。1.配置jssdkWx_config.html<?phpimport（"@.ORG.jssdk"）;$jssdk = new JSSDK（C（"oauth_config.appid"）, C（"oauth_config.appsecret"））;$signPackage = $jssdk->GetSignPackag...

js document.getElementsByClassName的使用介绍与自定义函数

2017年02月06日 65 阅读

getElementsByClassName（）是HTML5 新增的DOM API。IE8以下不支持搜索。getElementByClassName（）函数的使用方法：使用JavaScript访问DOM的一个重大问题是,此过程需要一种通过元素类名称来选择类的类函数,对DOMContentReady,这种类函数的缺失导致开发人员需要自己编写自定义脚本业执行上述任务,许多这个类脚本都是围绕着getElementByClassName（）建立的,这种解决方法在H...

首页 / 脚本样式 / JavaScript

Javascript中call，apply，bind方法的详解与总结

smartupload实现文件上传时获取表单数据（推荐）

深入理解javascript函数参数与闭包

javascript中this关键字详解

javascript中href和replace的比较（详解）

深入浅析Vue组件开发

详解JS几种变量交换方式以及性能分析对比

js移动焦点到最后位置的简单方法

使用JavaScript解决网页图片拉伸问题（推荐）

JS比较两个数值的大小实例

使用JS读取XML文件的方法

js事件源window.event.srcElement兼容性写法（详解）

JS冒泡事件与事件捕获实例详解

利用angular.copy取消变量的双向绑定与解析

bootstrap-datetimepicker实现只显示到日期的方法

Javascript基于jQuery UI实现选中区域拖拽效果

微信小程序开发之实现选项卡（窗口顶部TabBar）页面切换

JS实现的图片预览插件与用法示例【不上传图片】

微信JS-SDK自定义分享功能实例详解【分享给朋友/分享到朋友圈】

js document.getElementsByClassName的使用介绍与自定义函数