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

JS 在数组指定位置插入/删除数据的方法

2017年02月06日 102 阅读

splice（）方法向/从数组中添加/删除项目，然后返回被删除的项目。语法arrayObject.splice（index,howmany,item1,.....,itemX）参数说明参数描述index必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。howmany必需。要删除的项目数量。如果设置为 0，则不会删除项目。item1, …, itemX可选。向数组添加的新项目。实例添加一个元素var array = [1,2,3,4,6...

原生js实现商品放大镜效果

2017年02月06日 93 阅读

实现原理大图上的放大镜：小图的显示区域=大图片大小：小图片大小=大图片的offsetLeft：小图片的offsetLeft那么以上的公式中只有大图片的offsetLeft 是未知的，所以大图片的offsetLeft=大图片大小/小图片大小*小图片的offsetLeft代码中有详细注释完整代码注：复制到本地后自行替换图片查看效果<！DOCTYPE html><html lang="en"><head><meta ht...

js仿搜狐视频记录片列表展示效果

2017年02月06日 71 阅读

本文实例为大家分享了js搜狐视频记录片列表展示效果，供大家参考，具体内容如下<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>*{margin:0;padding:0;}ul{list-style:none;}#list{...

js通过指定下标或指定元素进行删除数组的实例

2017年02月06日 82 阅读

实例如下：删除指定下标数组元素 Array.prototype.del=function（index）{ if（isNaN（index）||index>=this.length）{ return false; } for（var i=0,n=0;i<this.length;i++）{ if（this[i]！=this[index]）{ this[n++]=this[i]; } } this.length-=1; }; 删除指定元素Array.p...

基于JavaScript实现带缩略图的轮播效果

2017年02月06日 75 阅读

先瞄一眼js轮播效果图代码：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style>*{padding:0;margin:0;}#content {width:400px;height:500px;margin:10px auto;position:relative;border:1px s...

jquery实现百叶窗效果

2017年02月06日 104 阅读

今天试着用jq写了下图片百叶窗效果，就是鼠标经过那张图，那张图显示，其他图片缩小~最开始看效果的时候觉得好复杂，以为是宽度的变化写的动画，但是后来细想，如果是宽度变化，那么图片变窄的时候肯定会失真了，后来经过学习，发现原来原理很简单：基本原理就是，将图片都绝对定位到盒子里，然后分别定位，平分整个盒子，图片就会显示一种层叠效果了（本案例是通过left值控制位置）；然后通过jq控制，当鼠标经过某张图片的时候这张图片完全显示（即left值进行变化），其他图片的l...

jQuery命名空间与闭包用法示例

2017年02月06日 87 阅读

本文实例讲述了jQuery命名空间与闭包用法。分享给大家供大家参考，具体如下：/* * 服务公司用户汇总，审核 */（function（） { "use strict"; var companyList=new Object（）;//声明命名空间 //时间戳格式化为时间companyList.getLocalTime = function（nS）{return new Date（parseInt（nS））.toLocaleString（）.substr（0...

JQuery异步提交表单与文件上传功能示例

2017年02月06日 104 阅读

本文实例讲述了JQuery异步提交表单与文件上传功能。分享给大家供大家参考，具体如下：Jquery.form.js是一个可以异步提交表单及上传文件的插件。示例如下：index.html<！DOCTYPE html><html><head><title></title><meta charset="utf-8"><script type="text/javascript" lang...

基于NodeJS+MongoDB+AngularJS+Bootstrap开发书店案例分析

2017年02月06日 89 阅读

这章的目的是为了把前面所学习的内容整合一下，这个示例完成一个简单图书管理模块，因为中间需要使用到Bootstrap这里先介绍Bootstrap。示例名称：天狗书店功能：完成前后端分离的图书管理功能，总结前端学习过的内容。技术：NodeJS、Express、Monk、MongoDB、AngularJS、BootStrap、跨域效果：一、BootstrapBootstrap是一个UI框架，它支持响应式布局，在PC端与移动端都表现不错。Bootstrap是Twi...

React组件的三种写法总结

2017年02月06日 102 阅读

React 专注于 view 层，组件化则是 React 的基础，也是其核心理念之一，一个完整的应用将由一个个独立的组件拼装而成。截至目前 React 已经更新到 v15.4.2，由于 ES6 的普及和不同业务场景的影响，我们会发现目前主要有三种创建 React 组件的写法：1. ES5写法React.createClass，2. ES6写法React.Component，3. 无状态的函数式写法（纯组件-SFC）。你们最钟爱哪种写法呢？萝卜青菜各有所爱~...

JavaScript利用Date实现简单的倒计时实例

2017年02月06日 79 阅读

介绍Date对象，是操作日期和时间的对象。Date对象对日期和时间的操作只能通过方法。Date在js中和Array类似，都是拥有自己的特殊方法的特殊对象。创建 Date 对象的语法：var myDate=new Date（） //Date 对象会自动把当前日期和时间保存为其初始值。获取倒计时之前，我们不妨先来看怎样获取当前时间吧！！！function time（）{var oDate = new Date（）;var year = oDate.getFul...

微信小程序Server端环境配置详解（SSL， Nginx HTTPS，TLS 1.2 升级）

2017年02月06日 218 阅读

微信小程序Server环境配置详解主要内容：1. SSL免费证书申请步骤2. Nginx HTTPS 配置3. TLS 1.2 升级过程微信小程序要求使用https发送请求，那么Web服务器就要配置成支持https，需要先申请SSL证书小程序也要求TLS（传输层安全协议）的版本至少为1.2，在配置好https之后，如果TLS的版本较低，就涉及到升级问题所以 Server端环境配置的主要步骤：申请 SSL 证书配置web服务器支持https（我使用的是ngi...

React创建组件的三种方式及其区别

2017年02月06日 83 阅读

React推出后，出于不同的原因先后出现三种定义react组件的方式，殊途同归；具体的三种方式：函数式定义的无状态组件es5原生方式React.createClass定义的组件es6形式的extends React.Component定义的组件虽然有三种方式可以定义react的组件，那么这三种定义组件方式有什么不同呢？或者说为什么会出现对应的定义方式呢？下面就简单介绍一下。无状态函数式组件创建无状态函数式组件形式是从React 0.14版本开始出现的。它是...

easyui datebox 时间限制，datebox开始时间限制结束时间，datebox截止日期比起始日期大的实现代码

2017年02月06日 140 阅读

一、Html代码注意的是需要加上data-options="editable:false"，不能直接修改日期<tr><td width="15%" class="label">合同起始日期:</td><td width="35%"><input value="${loan.contractBegtime}" class="f1 easyui-datebox" id="contractBegtime" n...

jQuery Validate 数组全部验证问题

2017年02月06日 103 阅读

jquery validate撇开效率不说，功能上比较全，扩展比较简单，比较好用。但是也不能涵盖所有。下面举例说明html中有多个name[]，每个参数都要进行验证是否为空，这个时候直接用required:true话，不能全部验证，只要这个数组中有一个有值就可以通过的。//if （ this.name in rulesCache || ！validator.objectLength（$（this）.rules（））） { //return false; ...

微信小程序学习（4）-系统配置app.json详解

2017年02月06日 79 阅读

"window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#f0f", "navigationBarTitleText": "我的微信小程序", "navigationBarTextStyle":"black", "backgroundColor": "#eeeeee", "navigationBarTitleStyle":"black", "statusBarTe...

jQuery 插件实现随机自由弹跳气泡样式

2017年02月06日 83 阅读

一个基于jQuery的气泡动画插件，在指定区域上方（左/右）定时间隔产生气泡，然后随机水平速度进行仿自由落体运动。到达区域底部之后做弹跳运动，速度逐渐衰减。直至停止运动。在线演示安装方法由于是基于jQuery的扩展插件，因此引入jQuery是必须的。此外，还需引入插件自身的实现脚本。<scriptsrc="https://code.jquery.com/jquery-1.12.4.min.js"></script><scrip...

Node.js制作简单聊天室

2017年02月06日 91 阅读

看了TCP的有关知识，写了个基于NET的聊天室。var net = require（"net"）;var count = 0,users = {};var server = net.createServer（function （conn） {console.log（"连接到"）;conn.write（ " > welcome to node-chat！"+ " > " + count + " other people are conne...

JavaScript定义全局对象的方法示例

2017年02月06日 91 阅读

本文实例讲述了JavaScript定义全局对象的方法。分享给大家供大家参考，具体如下：！function （factory） {factory（window["Hi"] = {__a: function （） {console.log（"Hi.__a"）;},__b: function （） {console.log（"Hi.__b"）;},__c: function （） {console.log（"Hi.__c"）;}}）;}（function （Hi...

原生js实现倒计时功能（多种格式调用）

2017年02月06日 102 阅读

话不多说，请看代码：<！DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>倒计时-多种格式调用-原生js封装</title> <link rel="shortcut icon" href="../public/image/favicon.ico" type="images/x-icon"/> ...

首页 / 脚本样式 / JavaScript

JS 在数组指定位置插入/删除数据的方法

原生js实现商品放大镜效果

js仿搜狐视频记录片列表展示效果

js通过指定下标或指定元素进行删除数组的实例

基于JavaScript实现带缩略图的轮播效果

jquery实现百叶窗效果

jQuery命名空间与闭包用法示例

JQuery异步提交表单与文件上传功能示例

基于NodeJS+MongoDB+AngularJS+Bootstrap开发书店案例分析

React组件的三种写法总结

JavaScript利用Date实现简单的倒计时实例

微信小程序Server端环境配置详解（SSL， Nginx HTTPS，TLS 1.2 升级）

React创建组件的三种方式及其区别

easyui datebox 时间限制，datebox开始时间限制结束时间，datebox截止日期比起始日期大的实现代码

jQuery Validate 数组 全部验证问题

微信小程序学习（4）-系统配置app.json详解

jQuery 插件实现随机自由弹跳气泡样式

Node.js制作简单聊天室

JavaScript定义全局对象的方法示例

原生js实现倒计时功能（多种格式调用）

jQuery Validate 数组全部验证问题