Welcome

首页 / 脚本样式 / JavaScript

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

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

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

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

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

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

React组件的三种写法总结

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

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

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

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

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

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

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

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

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

Node.js制作简单聊天室

2017-02-06 23
看了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 24
本文实例讲述了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 34
话不多说，请看代码：<！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"/> ...

js图片轮播手动切换特效

2017-02-06 21
先瞄一眼js图片轮播手动切换特效图： 代码：<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><style>* {padding:0px;margin:0px;}#content {width:400px;height:400px;b...

js手机号批量滚动抽奖实现代码

2017-02-06 27
我们平时在看一些选秀节目或一些歌唱类比赛节目时经常会看到在现场的大屏幕上会有观众的手机号在滚动来选出谁是幸运观众或谁中了什么奖项，这些手机号都是现场观众或场外观众在给选手投票时产生的，当主持人一声开始令下，大屏幕上的手机号就会快速随机滚动，当主持人一声停令下，大屏幕上会随机出现几个停止滚动的手机号，这种手机号批量随机滚动的效果，就是我们今天要实现的效果。注意，在这个效果的实现当中最核心的就是随机和不重复。下面，我就简单来介绍一下原理：1、随机，我们要写一个...

移动端点击态处理的三种实现方式

2017-02-06 31
前言在开发移动端页面的时候，为了提高用户体验，通常会给被触控的元素加上一个效果来对用户的操作进行反馈。这种反馈主要有三种实现方式，有需要的朋友们下面来一起看看吧。一、伪类:active ：active伪类常用于设定点击状态下或其他被激活状态下一个链接的样式。最常用于锚点<a href="#">这种情况，一般主流浏览器下也支持其他元素，如button等。在多按键的鼠标系统中，：active只适用于主按键，目前的大部分情况都是左键即主键。该伪类下定...
<< 31 32 33 34 35 36 37 38 39 40 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图