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

JavaScript知识点总结之如何提高性能

2017年02月06日 11 阅读

JavaScript的性能问题不容小觑，这就需要我们开发人员在编写JavaScript程序时多注意一些细节，本文非常详细的介绍了一下JavaScript性能优化方面的知识点，绝对是干货。先给大家巩固下javascript基本语法：javascript基本语法定义变量统一用var关键字语法：var 变量名称=变量值标示符：①、由字母数字下划线构成不能以数字开头不能是关键字严格区分大小写数据类型：数值型：number字符串：string布尔型：bool...

探讨JavaScript标签位置的存放与功能有无关系

2017年02月06日 11 阅读

在网页中，我们可以将JavaScript代码放在html文件中任何位置，但一般放在head或body标签里面。一般来说，<script>元素放在哪里与其的功能作用是紧密相关的，在这里讨论2种情况：1、放在<head>里将<script>元素放在head中是为了让浏览器在一开始就读取，<script>元素会在整个网页最开始解析时就加载执行，其优先次序仅次于<title>元素。然后依次向下解析渲染。应...

JavaScript程序开发之JS代码放置的位置

2017年02月06日 11 阅读

JavaScript在页面中使用，那么这些JS代码应该放在什么位置呢？下面来看一下。一般来说有两种方式，写在界面上和使用.js文件。1.1界面上的Head部分可以直接放在head标签内，如下代码<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>testPage</title> <script type="te...

利用CSS3在Angular中实现动画

2017年02月06日 12 阅读

废话不多说了，直接给大家贴实例代码。直接看例子：<！DOCTYPE HTML><html ng-app="myApp"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>ngAnimate插件1</title> <script type="text/javascri...

实例详解AngularJS实现无限级联动菜单

2017年02月06日 11 阅读

多级联动菜单是常见的前端组件，比如省份-城市联动、高校-学院-专业联动等等。场景虽然常见，但仔细分析起来要实现一个通用的无限分级联动菜单却不一定像想象的那么简单。比如，我们需要考虑子菜单的加载是同步的还是异步的？对于初始值的回填发生在前端还是后端？如果异步加载，是否对于后端API的返回格式有严格的定义？是否容易实现同步、异步共存？是否可以灵活的支持各类依赖关系？菜单中是否有空值选项？……一系列的问题都需要精心处理。带着这些需求搜索了一圈，不太出乎意料，并没...

jQuery插件imgPreviewQs实现上传图片预览

2017年02月06日 12 阅读

上传图片预览，支持IE6、IE7、IE8、IE9、IE10、IE11。火狐、Chrome 具体没有测试，但是高版本都支持。imgPreviewQs.js/*！依赖 jQuery 1.5.2 （c） 2016 license: http://www.opensource.org/licenses/mit-license.php*/（function（$）{$.fn.imgPreviewQs = function（options）{function isIE...

input点击后placeholder中的提示消息消失

2017年02月06日 12 阅读

html中，placeholder作为input的一个属性，起到了在输入框中占位并提示的作用。但是有一些浏览器，如chrome，当鼠标点击输入框时，placeholder的值不消失，只有输入数据才消失，会使前端用户体验大打折扣。看了很多大神的方法，写了长长的js，看着有点吃力，就想到了下面这种最傻的方法解决了这个问题。html代码：<input type="text" placeholder="多个关键词空格隔开"> 鼠标点击input时，pl...

JavaScript时间操作之年月日星期级联操作

2017年02月06日 11 阅读

本文实例介绍了JavaScript时间操作之级联日期选择操作的详细代码，分享给大家供大家参考，具体内容如下效果图：具体代码：<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GB2312"> <title>年月日星期级联</title> </head><body topmargin=...

jQuery实现图片走马灯效果的原理分析

2017年02月06日 11 阅读

本文实例分析了jQuery实现图片走马灯效果的原理。分享给大家供大家参考，具体如下：这里只讲解水平走马灯效果，垂直向上走马灯效果不讲解，原理一样，但是水平走马灯效果有一个小坑。待会讲解先上代码：HTML：<div class="box"><div style="width: 1000px;" id="boxdiv"> <ul><li style="display: block;" title="清灵少女宛如梦境仙女...

javascript实现倒计时跳转页面

2017年02月06日 11 阅读

很多网页都有类似的效果，那就是经过指定的时间能够跳转到其他页面，如果再人性化一点话，会带有倒计时效果，本章节就介绍一下如何实现此效果，代码实例如下:<script type="text/javascript"> var t=10;setInterval（"refer（）",1000）; function refer（）{if（t==0）{location.href="http://www.jb51.net"; }document.getElem...

Validform+layer实现漂亮的表单验证特效

2017年02月06日 12 阅读

Validform是一款优秀的表单验证插件，layer是一款优秀的弹出窗口插件。下面通过例子看看这二者碰出的火花吧首先要引入jquery,Validform和layer<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript"...

JQuery实现网页右侧随动广告特效

2017年02月06日 11 阅读

方法一：<script type="text/javascript">// <！[CDATA[ $.fn.smartFloat = function（） { var position = function（element） { var top = element.position（）.top, pos = element.css（"position"）; $（window）.scroll（function（） { var scrolls ...

node.js+express制作网页计算器

2017年02月06日 11 阅读

环境：主机:WIN10express安装：1.安装express-generator输入命令：npm install -g express-generator2.安装express输入命令：npm install -g express3.验证是否安装成功输入命令：express -V查看帮助：express --help建立工程：express -e calculatorcd calculator && npm install运行默认网页：输入命令：npm...

NodeJS实现阿里大鱼短信通知发送

2017年02月06日 12 阅读

1、说明阿里大鱼提供了验证码，短信通知，语音等服务，在使用后感觉挺方便，不愧是阿里旗下的产品。最近想搞个NodeJS发送短信通知的功能，这里没有使用 alidayu-node （开始做的时候并不知道有这个。如果使用alidayu-node那就简单了。），自己整一个签名sign，实现短信发送。官方的文档说明了签名 sign 的生成步骤，不过第三步骤:3、连接字符串连接参数名与参数值,并在首尾加上secret有错误（首尾加上secret 是错的）2、代...

Jquery和angularjs获取check框选中的值的方法汇总

2017年02月06日 12 阅读

在我们平常的开发中，有时候会需要获取一下check框选中的值，以及check框选中行的所有信息。这个时候有一个小技巧那就是我们可以把要获取的信息全部放到check框的值里面，这样我们可以获取check框选中值的时候也就相当于获取了当前行的信息。复制代码代码如下:<td><input class="states" type="checkbox" name="orders" value="{{e.merchantId}},{{e.order...

jQuery插件Validate实现自定义表单验证

2017年02月06日 13 阅读

本文实例讲解了jQuery Validate 表单验证插件，如何自定义一个验证方法，分享给大家供大家参考，具体内容如下效果如下：验证失败效果：验证成功效果：具体步骤：1、引入依赖包 <script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script> <script src="lib/jquery.validate.js" type="text...

轻松实现js图片预览功能

2017年02月06日 12 阅读

本文实例讲述了js实现图片预览的方法，自己以前写的一个，代码比较简洁，分享给大家供大家参考。具体如下：一、效果预览效果图：二、实现代码：<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>js图片预览功能</title><script language=javascr...

jQuery插件实现带圆点的焦点图片轮播切换

2017年02月06日 13 阅读

这次分享的代码是jQuery插件，HovertreeImg是一个图片轮播jquery插件，使用方便，可以设置大小，圆点位置等，代码简洁<！DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><base target="_blank" /><meta chars...

jQuery插件Validate实现自定义校验结果样式

2017年02月06日 11 阅读

本文实例介绍了jQuery插件Validate实现自定义校验结果样式的详细代码，分享给大家供大家参考，具体内容如下效果如下：具体步骤：1、引入依赖包 <script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script> <script src="lib/jquery.validate.js" type="text/javascript">...

基于JavaScript实现鼠标悬浮弹出跟随鼠标移动的带箭头的信息层

2017年02月06日 11 阅读

很多网站，当鼠标悬浮在一个元素上的时候能够弹出一个信息说明层，并且此层能够跟随鼠标移动，同时弹出的层带有箭头，此箭头指向鼠标悬浮的元素，下面就通过实例代码简单介绍一下如何实现此效果。代码实例如下:<！DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta nam...

首页 / 脚本样式 / JavaScript

JavaScript知识点总结之如何提高性能

探讨JavaScript标签位置的存放与功能有无关系

JavaScript程序开发之JS代码放置的位置

利用CSS3在Angular中实现动画

实例详解AngularJS实现无限级联动菜单

jQuery插件imgPreviewQs实现上传图片预览

input点击后placeholder中的提示消息消失

JavaScript时间操作之年月日星期级联操作

jQuery实现图片走马灯效果的原理分析

javascript实现倒计时跳转页面

Validform+layer实现漂亮的表单验证特效

JQuery实现网页右侧随动广告特效

node.js+express制作网页计算器

NodeJS实现阿里大鱼短信通知发送

Jquery和angularjs获取check框选中的值的方法汇总

jQuery插件Validate实现自定义表单验证

轻松实现js图片预览功能

jQuery插件实现带圆点的焦点图片轮播切换

jQuery插件Validate实现自定义校验结果样式

基于JavaScript实现鼠标悬浮弹出跟随鼠标移动的带箭头的信息层