JavaScript资料,JavaScript文章,JavaScript文档-易库教程_www.escdns.com

易网时代-编程资源站

首页 / 脚本样式 / JavaScript

jQuery动态添加<input type=

jQuery动态添加<input type="file">

2017年02月06日 10 阅读

有时候需要在页面上允许用户上传多个文件，个数由用户自己决定，个数多了也可以删除，使用jQuery可以很简单的实现这个功能。先给大家展示下效果图：<！DOCTYPE html><html><head><title>test.html</title><meta http-equiv="content-type" content="text/html; charset=UTF-8"><...

分离与继承的思想实现图片上传后的预览功能：ImageUploadView

分离与继承的思想实现图片上传后的预览功能：ImageUploadView

2017年02月06日 10 阅读

本文要介绍的是网页中常见的图片上传后直接在页面生成小图预览的实现思路，考虑到该功能有一定的适用性，于是把相关的逻辑封装成了一个ImageUploadView组件，实际使用效果可查看下一段的git效果图。在实现这个组件的过程中，有用到前面几篇博客介绍的相关内容，比如继承库class.js，任意组件的事件管理库eventBase.js，同时包含进了自己对职责分离，表现与行为分离这两方面的一些思考，欢迎阅读与交流。演示效果：注：由于演示的代码都是静态的，所以文件...

详解AngularJS 模态对话框

详解AngularJS 模态对话框

2017年02月06日 11 阅读

在涉及GUI程序开发的过程中，常常有模态对话框以及非模态对话框的概念模态对话框：在子界面活动期间，父窗口是无法进行消息响应。独占用户输入非模态对话框：各窗口之间不影响主要区别：非模态对话框与APP共用消息循环，不会独占用户。模态对话框独占用户输入，其他界面无法响应本文内容Angular JS 实现模式对话框。基于 AngularJS v1.5.3 和 Bootstrap v3.3.6。项目结构图 1 项目结构运行结果图 1 运行结果：大模态index.ht...

AngularJs 弹出模态框（model）

AngularJs 弹出模态框（model）

2017年02月06日 10 阅读

推荐阅读：详解AngularJS 模态对话框$modal是一个可以迅速创建模态窗口的服务，创建部分页，控制器，并关联他们。$modal仅有一个方法open（options）templateUrl：模态窗口的地址template：用于显示html标签scope：一个作用域为模态的内容使用（事实上，$modal会创建一个当前作用域的子作用域）默认为$rootScopecontroller：为$modal指定的控制器，初始化$scope，该控制器可用$modal...

浅析JS原型继承与类的继承

浅析JS原型继承与类的继承

2017年02月06日 10 阅读

我们先看JS类的继承<！DOCTYPE html><html><head><meta charset="UTF-8"><title>JS类的继承</title></head><body>/* -- 类式继承 -- */<script type="text/javascript">//先声明一个超类var Animal = function（name）...

javascript原型继承工作原理和实例详解

javascript原型继承工作原理和实例详解

2017年02月06日 11 阅读

先为大家分享JS原型继承实例，供大家参考，具体内容如下一、JS原型继承<！DOCTYPE html><html><head> <meta charset="UTF-8"> <title>JS原型继承</title></head><body> <！--原型继承--> <script type="text/javascript"> //clo...

js类式继承与原型式继承详解

js类式继承与原型式继承详解

2017年02月06日 11 阅读

本文实例为大家分享了js类式继承与原型式继承相关代码，供大家参考，具体内容如下1.js类式继承/* -- 类式继承 -- *///先声明一个超类function Person（name） {this.name = name;}//给这个超类的原型对象上添加方法 getName Person.prototype.getName = function（） {return this.name;}//实例化这个超var a = new Person（"Darren...

js实现商品抛物线加入购物车特效

js实现商品抛物线加入购物车特效

2017年02月06日 10 阅读

本文实例为大家分享了js实现商品抛物线加入购物车动画代码，供大家参考，具体内容如下parapola.js/*！ * by zhangxinxu（.com） 2012-12-27 * you can visit http://www.zhangxinxu.com/wordpress/?p=3855 to get more infomation * under MIT license*/var funParabola = function（elemen...

JavaScript数据推送Comet技术详解

JavaScript数据推送Comet技术详解

2017年02月06日 10 阅读

JavaScript数据推送主要致力于webapp的在线推送服务，不用我们每次都像服务器去发送Ajax请求而主动从Server端推送数据到本地。数据推送进化史：1. HTTP协议简易轮询，保持着一个链接不放，或者通过前端不停的向后端发送请求2. H5更新后有了WebSocket大大改善了双向和单向推送数据的便利性3. SSE（Server-Send Event）：服务器推送数据的新方式Comet：基于 HTTP 长连接的服务器推送技术本课时介绍Comet:...

原生JavaScript实现Ajax的方法

原生JavaScript实现Ajax的方法

2017年02月06日 10 阅读

首先为大家分享了原生JavaScript实现Ajax代码，供大家参考，具体内容如下var getXmlHttpRequest = function（） {if （window.XMLHttpRequest） {//主流浏览器提供了XMLHttpRequest对象return new XMLHttpRequest（）;} else if （window.ActiveXObject） {//低版本的IE浏览器没有提供XMLHttpRequest对象//所以必须...

纯js实现瀑布流布局及ajax动态新增数据

纯js实现瀑布流布局及ajax动态新增数据

2017年02月06日 10 阅读

本文用纯js代码手写一个瀑布流网页效果，初步实现一个基本的瀑布流布局，以及滚动到底部后模拟ajax数据加载新图片功能。缺点：1. 程序不是响应式，不能实时调整页面宽度；2. 程序中当新增ajax模拟数据图片后，是将整个页面的所有图片都重新定位一次。3. 程序是等所有图片加载完成后再读取图片的尺寸，实际中肯定不能这样做。4. 实际项目中，应该由后台程序给出图片尺寸值，在js代码中直接使用图片的width属性。本程序思路：html结构：<body>...

关于cookie的初识和运用（js和jq）

关于cookie的初识和运用（js和jq）

2017年02月06日 10 阅读

cookie是什么---------------------------------------------------cookie是浏览器提供的一种机制，它将document 对象的cookie属性提供给JavaScript。可以由JavaScript对其进行控制，而并不是JavaScript本身的性质。cookie是存于用户硬盘的一个文件，这个文件通常对应于一个域名，当浏览器再次访问这个域名时，便使这个cookie可用。因此，cookie可以跨越一个域...

javascript高级选择器querySelector和querySelectorAll全面解析

javascript高级选择器querySelector和querySelectorAll全面解析

2017年02月06日 10 阅读

querySelector 和 querySelectorAll 方法是 W3C Selectors API 规范中定义的。他们的作用是根据 CSS 选择器规范，便捷定位文档中指定元素。目前几乎主流浏览器均支持了他们。包括 IE8（含）以上版本、 Firefox、 Chrome、Safari、Opera。querySelector 和 querySelectorAll 在规范中定义了如下接口：module dom { [Supplemental, NoI...

JS实现的网页上的颜色拾色器

JS实现的网页上的颜色拾色器

2017年02月06日 10 阅读

使用Js代码编写一个网页上用的颜色拾色器，也就是选择颜色用的，用鼠标单击任意颜色块,将弹出颜色值，当你想使用某种颜色而不知道颜色值的时候，用这个小特效可以告诉你颜色值是多少，比较方便。颜色拾色器红绿蓝灰用鼠标单击下面的颜色块,将弹出颜色值 for（i=0;i...

JavaScript事件代理和委托详解

JavaScript事件代理和委托详解

2017年02月06日 11 阅读

在javasript中，代理、委托经常出现。那么它究竟在什么样的情况下使用？它的原理又是什么？这里介绍一下javascript delegate的用法和原理，以及Dojo，jQuery等框架中delegate的接口。JavaScript事件代理事件代理在JS世界中一个非常有用也很有趣的功能。当我们需要对很多元素添加事件的时候，可以通过将事件添加到它们的父节点而将事件委托给父节点来触发处理函数。这主要得益于浏览器的事件冒泡机制,下面我们具体举个例子来解释如何...

JS表单验证的代码（常用）

JS表单验证的代码（常用）

2017年02月06日 11 阅读

最近没有项目做，有点空余时间，小编把日常比较常用的js表单验证代码整理分享到脚本之家平台，供大家学习，需要的朋友参考下吧！注册验证：<script language="JavaScript" src="js/jquery-1.9.1.min.js" type="text/javascript"></script>//验证表单function vailForm（）{var form = jQuery（"#editForm"）;if（！...

JavaScript代码实现左右上下自动晃动自动移动

JavaScript代码实现左右上下自动晃动自动移动

2017年02月06日 10 阅读

最近几天做了一个项目，原来是用css3动画做的，由于不兼容IE，改成用js做了，特此分享给大家，供大家参考，代码有bug欢迎提出，写的不好还请见谅！<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3...

jQuery使用Selectator插件实现多选下拉列表过滤框（附源码下载）

jQuery使用Selectator插件实现多选下拉列表过滤框（附源码下载）

2017年02月06日 10 阅读

Selectator是一款实现多选和搜索过滤功能的jQuery下拉列表框插件。它支持搜索，并且能直接影响原始的选择框，而原始的选择框是用作数据容器。通过该下拉列表框插件可以多选项进行分组，设置选项的图标，对选项进行搜索过滤，以及进行多选选择。效果展示源码下载使用方法使用该下拉类别框插件需要在页面中引入fm.selectator.jquery.css、jQuery和fm.selectator.jquery.js文件。<link rel="styles...

JavaScript数据绑定实现一个简单的 MVVM 库

JavaScript数据绑定实现一个简单的 MVVM 库

2017年02月06日 10 阅读

推荐阅读：实现非常简单的js双向数据绑定MVVM 是 Web 前端一种非常流行的开发模式，利用 MVVM 可以使我们的代码更专注于处理业务逻辑而不是去关心 DOM 操作。目前著名的 MVVM 框架有 vue, avalon , react 等，这些框架各有千秋，但是实现的思想大致上是相同的：数据绑定 + 视图刷新。出于好奇和一颗愿意折腾的心，我自己也沿着这个方向写了一个最简单的 MVVM 库（ mvvm.js ），总共 2000 多行代码，指令的命名和用...

jQuery实现点击水纹波动动画

jQuery实现点击水纹波动动画

2017年02月06日 10 阅读

jQuery点击水纹波动动画原理: 1.在需要实现水波纹效果的标签中添加<XXX class="ripple-wrapper"></XXX> 2.代码会定位鼠标相对与标签的位置，以鼠标点为圆心画圆 3.圆的半径可以自定义（默认为标签的最大宽或高度） 4.圆点颜色，和动画时间等可以自行修改内部代码，或直接调用 $（）.css（{}）方法进行覆盖ripple-wrapper.js$（function（）{$（".ripple...

<< 1331 1332 1333 1334 1335 1336 1337 1338 1339 1340 >>

版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图