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

js仿iphone秒表功能计算平均数

2017年02月06日 77 阅读

js实现类似iphone的秒表，添加平均数功能<！DOCTYPE html><html> <head><meta charset="utf-8"><meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"><title>stop watch&...

微信小程序本地存储及登录页面处理实例详解

2017年02月06日 125 阅读

实例内容登陆界面处理登陆表单数据处理登陆表单数据（异步）清除本地数据登录界面：在app.json中添加登陆页面pages/login/login，并设置为入口。保存后，自动生成相关文件（挺方便的）。修改视图文件login.wxml<！--pages/login/login.wxml--><view class="container"><form bindsubmit="formSubmit"><view class...

el表达式写入bootstrap表格数据页面的实例代码

2017年02月06日 73 阅读

el表达式，写入bootstrap表格，简化代码，效果图：不多说，上干货：<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <！DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose....

bootstrap手风琴制作方法详解

2017年02月06日 91 阅读

手风琴（Collapse）效果展示Bootstrap 框架中 Collapse插件（折叠）其实就是我们常见的手风琴效果。点击标题，可以让其对应的内容显示或隐藏<div class="panel-group" id="accordion"> <div class="panel panel-default"><div class="panel-heading"> <h4 class="panel-title">&...

微信小程序开发经验总结（推荐）

2017年02月06日 78 阅读

一: 参数传值的方法1: data-id我们可以给HTML元素添加data-*属性来传递我们需要的值,使用方法说明: （1）设置data-id<view class="block" bindtap="playTap" data-id="{{modle.id}}">（2）: 取值 + 传值playTap:function（e） {const dataset = e.currentTarget.dataset;wx.navigateTo（{ url...

微信小程序高德地图SDK详解及简单实例（源码下载）

2017年02月06日 81 阅读

微信小程序高德地图SDK：简介微信小程序 SDK 帮您在微信小程序中获取高德丰富的地址描述、POI和实时天气数据。功能介绍账号与Key的申请注册成为高德开发者需要分三步：第一步，注册高德开发者；第二步，去控制台创建应用；第三步，获取Key。1注册高德开发者2创建应用3获取API key获取API Key入门指南最后更新时间: 2017年1月9日本指南是使用微信小程序SDK的快速入门指南。第 1 步：下载并安装微信小程序开发工具按照微信小程序开发文档下载并...

原生js实现放大镜效果

2017年02月06日 85 阅读

话不多说，请看代码<！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"/> <link...

Bootstrap 填充Json数据的实例代码

2017年02月06日 81 阅读

本文介绍Bootstrap 填充Json数据，具体如下：一、如图：二、html代码：<%@ page language="java" pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%><div class="content"><div class="table-responsive"> <div class="container-fluid"...

原生js实现无缝轮播图效果

2017年02月06日 82 阅读

话不多说，请看代码<！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"/> <li...

bootstrap 表单验证使用方法

2017年02月06日 144 阅读

前言：做Web开发的我们，表单验证是再常见不过的需求了。友好的错误提示能增加用户体验。博主搜索bootstrap表单验证，搜到的结果大部分都是文中的主题：bootstrapvalidator。今天就来看看它如何使用吧。一、源码及API地址介绍它之前，还是给出它的源码以及API的地址吧。bootstrapvalidator源码：https://github.com/nghuuphuoc/bootstrapvalidatorboostrapvalidator ...

vuejs父子组件通信的问题

2017年02月06日 74 阅读

父子组件之间可以通过props进行通信：组件的定义：1.创建component类：var Profile = Vue.extend（{template: "<div>Lily</div>"; }） 2.注册一个tagnme:Vue.component（"me-profile",Profile）;//全局注册局部注册：var vm = new Vue（{ el: "#todo", components: {"my-profile": ...

详解能在多种前端框架下使用的表格控件

2017年02月06日 80 阅读

近几年Web前端框架特别流行，比如AngularJS、AngularJS 2、ReactJS、KnockoutJS、VueJS等。表格控件是我们在开发中经常要用到的控件。有没有能够在多种前端控件下都能使用的表格控件？最近研究发现Wijmo中的FlexGrid是一款不错的表格控件，它能支持很多主流的框架。这里主要介绍在纯JavaScript和AngularJS下FlexGrid的使用。一、在纯JavaScript下使用FlexGridHTML文件：<！...

原生js实现焦点轮播图效果

2017年02月06日 113 阅读

原生js焦点轮播图主要注意这几点：1、前后按钮实现切换，同时注意辅助图2、中间的button随着前后按钮对应切换，同时按button也能跳转到相应的index3、间隔调用与无限轮播。4、注意在动画时要停止按钮，或者说上一个动画完毕下一个动画才能执行5、另外在切换图片的时候，底部的Button动画效果，是从底部开始往上升的，要用到transform:scale（）和transform-origin:0 100%两个转换属性，代码如下<！DOCTYPE ...

JS百度地图搜索悬浮窗功能

2017年02月06日 125 阅读

这个需求的效果类似下面的截图，主要还是利用百度地图中自定义控件的功能，挺简单的。文档地址在这 http://lbsyun.baidu.com/index.php?title=jspopular效果图：代码<！DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> &l...

JS实现京东首页之页面顶部、Logo和搜索框功能

2017年02月06日 111 阅读

昨天我们主要讲了京东首页的基本布局，今天我们主要来逐步实现京东首页的页面顶部、Logo&搜索框。首先我们来看下我们今天将要实现的效果：下面页面布局详细分析：1、页面头部分三个部分依次实现：五角星图、收藏京东、右边文字部分（用列表实现）；其中当鼠标停放在手机京东上，手机背景图发生变化，变成红色带jd的图案；当鼠标悬停在客服服务上，出现下拉列表。2、Logo&搜索框分四个部分实现：左边京东Logo、中间搜索框（上部：快速搜索；下部：热门搜索）、右部我的京东&...

js仿京东轮播效果选项卡套选项卡使用

2017年02月06日 84 阅读

本文实例为大家分享了js仿京东轮播效果的具体代码，实现选项卡套用选项卡，供大家参考，具体内容如下效果图：代码：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>*{margin:0;padding:0;}ul{list-s...

jQuery实现倒计时重新发送短信验证码功能示例

2017年02月06日 80 阅读

本文实例讲述了jQuery实现倒计时重新发送短信验证码功能的方法。分享给大家供大家参考，具体如下：<！DOCTYPE html><html><head><script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script><script type="text/javascript">var countdown=...

jQuery实现拖拽可编辑模块功能代码

2017年02月06日 83 阅读

在没给大家分享实现代码之前，先给大家展示下效果图：具体实现代码如下所示：index.html<！DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>iNettuts - Welcome！</title><link href="ine...

原生js实现淘宝购物车功能

2017年02月06日 95 阅读

js淘宝购物车功能描述：1、点击“+”，单个商品数量加1，总数量加1；单个商品价格添加，总价也添加。2.点击“-”，单个商品数量减1，总数量减1；单个商品价格减少，总价也减少。当该商品数量为0时，点击依然为0；3.显示出总价，总数量和其中最贵的那个商品的价格。瞄一眼效果图：废话不多说，LU代码<html><head><meta http-equiv="Content-Type" content="text/html; char...

JS图片压缩（pc端和移动端都适用）

2017年02月06日 103 阅读

最近在做移动端遇到了一个问题就是：手机拍照后，图片过大如果上传到服务器务必会浪费带宽，最重要的是流量啊别慌，好事儿来了，务必就会有人去研究研究图片的压缩：鄙人结合前人的经验，结合自己实战，总结出一个方法供大家参考:/** * 图片压缩，默认同比例压缩 * @param {Object} path * pc端传入的路径可以为相对路径，但是在移动端上必须传入的路径是照相图片储存的绝对路径 * @param {Object} obj * obj 对象有 wid...

首页 / 脚本样式 / JavaScript

js仿iphone秒表功能 计算平均数

微信小程序 本地存储及登录页面处理实例详解

el表达式 写入bootstrap表格数据页面的实例代码

bootstrap手风琴制作方法详解

微信小程序开发经验总结（推荐）

微信小程序 高德地图SDK详解及简单实例（源码下载）

原生js实现放大镜效果

Bootstrap 填充Json数据的实例代码

原生js实现无缝轮播图效果

bootstrap 表单验证使用方法

vuejs父子组件通信的问题

详解能在多种前端框架下使用的表格控件

原生js实现焦点轮播图效果

JS百度地图搜索悬浮窗功能

JS实现京东首页之页面顶部、Logo和搜索框功能

js仿京东轮播效果 选项卡套选项卡使用

jQuery实现倒计时重新发送短信验证码功能示例

jQuery实现拖拽可编辑模块功能代码

原生js实现淘宝购物车功能

JS图片压缩（pc端和移动端都适用）

js仿iphone秒表功能计算平均数

微信小程序本地存储及登录页面处理实例详解

el表达式写入bootstrap表格数据页面的实例代码

微信小程序高德地图SDK详解及简单实例（源码下载）

js仿京东轮播效果选项卡套选项卡使用