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

微信小程序 Toast自定义实例详解

2017年02月06日 77 阅读

微信小程序 Toast自定义实例详解实现类似于Android的Toast提示index.js：var timer; var inputinfo = ""; var app = getApp（） Page（{data: { animationData:"", showModalStatus:false},onLoad: function （） { },showModal: function （） { // 显示遮罩层 var animation = wx.c...

Vue实例简单方法介绍

2017年02月06日 86 阅读

Vue实例的一些简单方法<！DOCTYPE html><html><head> <title></title> <meta charset="utf-8"> <script src="http://unpkg.com/vue/dist/vue.js"></script></head><body><div id="box">{{...

微信小程序自定义对话框实例详解

2017年02月06日 86 阅读

微信小程序自定义对话框实例详解效果图：index.wxml：<button type="default" bindtap="clickbtn">点击 </button> <view class="commodity_screen" bindtap="hideModal" wx:if="{{showModalStatus}}"></view> <view animation="{{animationDa...

微信小程序天气预报开发实例代码源码

2017年02月06日 150 阅读

微信小程序天气预报实例主要功能自动定位所在城市根据所定位的城市获取天气信息显示未来几天的天气情况查看当天天气的详情信息先看效果图微信小程序-天气首页微信小程序-天气详情页思路及编码部份自动定位所在城市wx.getLocation：通过官方文档的API中可以看到wx.getLocation可以获取到当前的地理位置和速度，不过获取到的地理位置只是经纬度，而不是真正的城市名称，但我们可以根据这个经纬度来获取城市名称等信息（需要用到第三方接口），再通过城市名...

用jQuery实现优酷首页轮播图

2017年02月06日 82 阅读

大致介绍看到了一个轮播图的思路，就想的自己动手实践一下，总体来说用jQuery实现起来简单多了思路思路其实非常简单，就是当点击图片下面的圆点或者图片两边的箭头时，让想要看到的图片走到它的位置，然后当前的图片和想要看到的图片按照一个方向运动就可以了例如：我们点击第五个小圆点，让第五个图片跑到当前图片的后面，然后一起向左运动当然了，如果你想要看前面的图片，让图片先跑到当前图片的左边，然后和当前图片一起向右运动基本结构与样式<div class="lunb...

基于jQuery实现滚动刷新效果

2017年02月06日 88 阅读

Jquery实现简单的滚动刷新效果：实际情况使用Ajax获取后台数据更新前端页面即可实现页面滚动刷新效果HTML正文：<form id="form1" runat="server"><div style="height: 3000px; background-color: yellow;"></div></form>Javascript操作代码：$（document）.ready（function（） { ...

详解js产生对象的3种基本方式（工厂模式，构造函数模式，原型模式）

2017年02月06日 83 阅读

1.工厂模式工厂模式是软件工程领域一种广为人知的设计模式，而由于在ECMAScript中无法创建类，因此用函数封装以特定接口创建对象。其实现方法非常简单，也就是在函数内创建一个对象，给对象赋予属性及方法再将对象返回即可。function a（name）{ var b = new object（）; b.name = name; b.say = function（）{alert（this.name）; } return b }函数内部产生b对象并返回。2.构...

详解Jquery 遍历数组之$（）.each方法与$.each（）方法介绍

2017年02月06日 126 阅读

$（）.each（）对于这个方法，在dom处理上用的比较多,如果一个html页面上面有多个checkbox，这时用$（）.each来处理checkbox是比较不错的;$（"input[type="checkbox"]"）.each（function（i）{$（this）.attr（"checked",true）;}）;回调函数里面的i在此处代表input集合传递过去的索引（也就是正在遍历的input元素的索引）；但是这段代码只用到了input集合的索引&l...

jQuery实现二维码扫描功能

2017年02月06日 143 阅读

二维码：利用图形模拟二进制0、1的概念，达到存储少量数据的功能，一般移动端浏览器解析出二维码里面隐藏的url数据会自动进行跳转，常见的支付宝、微信扫描登陆就是利用该原理 Jquery二维码的实现：jquery.qrcode.min.js插件HTML正文：<script type="text/javascript" src="js/jquery.qrcode.min.js"></script><input type="butto...

prototype与proto区别详细介绍

2017年02月06日 86 阅读

prototype与__proto__区别Each constructor is a function that has a property named “prototype” that is used to implement prototype-based inheritance and shared properties. Every object created by a constructor has an implicit reference...

简单实现jQuery级联菜单

2017年02月06日 91 阅读

本文实例为大家分享了jQuery实现级联菜单的具体代码，供大家参考，具体内容如下层叠样式表：.button { border: 1px ridge #ffffff; line-height:18px; height: 20px; width: 45px; padding-top: 0px; background:#CBDAF7; color:#000000; font-size: 9pt;} HTML正文：<div style="border:1px...

Javascript blur与click冲突解决办法

2017年02月06日 116 阅读

解决blur与click冲突前言：在开发中我们会经常遇到blur和click冲突的情况。下面叙述了开发中常遇到的“下拉框”的问题，并提供了两种解决方案。一、blur和click事件简述blur事件：当元素失去焦点时触发blur事件；其为表单事件，blur和focus事件不会冒泡，其他表单事件都可以。click事件：当点击元素时触发click事件；所有元素都有此事件，会产生冒泡。示例1：blur事件为表单事件<input type="text" id=...

详解Jquery Easyui的验证扩展

2017年02月06日 83 阅读

一、扩展easyui的验证规则二、使用在data-option加上属性：validType:"phone"，如下面所示：data-options="required:true,validType:"phone""data-options="required:false,validType:"telePhone""三、部分校验方法/*** 去掉字符串头尾空格* @param str 传入的字符串值* @author lqy* @since 2015-08-2...

微信小程序 css使用技巧总结

2017年02月06日 76 阅读

微信小程序 css使用技巧1:用纯CSS创建一个三角形的原理把上、左、右三条边隐藏掉（颜色设为 transparent）.demo {width: 0;height: 0;border-width: 20px;border-style: solid;border-color: transparent transparent red transparent;}2:设置最高高度..超过后可以滑动 max-height: 550rpx; overflow-y: ...

input输入密码变黑点密文的实现方法

2017年02月06日 106 阅读

input输入密码加密html代码<form id="login-form" method="post" onsubmit="return checkForm（）"> 输入密码<input type="password" id="input-password"> <input type="hidden" id="md5-password" name="password"> <button type="submit"...

jQuery实现表格元素动态创建功能

2017年02月06日 96 阅读

Jquery实现表格元素的动态创建，本质是通过构造一个Dom Node节点，并且拼接到表格的Dom树上的子叶位置。HTML正文：用户：<input type="text" id="user"/>邮箱：<input type="text" id="mail"/>手机：<input type="text" id="phone"/><br><button id="b1">添加</button>...

详解网站中图片日常使用以及优化手法

2017年02月06日 112 阅读

前言：最近新到一个团队，才意识到基础的薄弱，牛人遍地，还是好好学习，天天向上。一直都觉得网站优化的重点是图片，图片的使用也是博大精深。有必要总结一下图片的日常使用以及优化手法～总的来说，图片的使用分为background和img两种，而优化方向来说分为减少请求，减少大小和清晰度三个方面一. background和img的区别：日常开发中使用的场景区别：img是内容部分的东西，background-image是修饰性的东西。加载方式的区别：在网页加载的过...

Angular下H5上传图片的方法（可多张上传）

2017年02月06日 86 阅读

最近做的项目中用到了angular下上传图片功能，在做的过程中遇到了许多问题，最终都得以解决angular上传时和普通上传时过程差不多，只不过是要不一些东西转化为angular的东西。1.ng-file-select,指令angular是没此功能的，其实也是转化成了change事件，不多说，直接上代码angular.module（"myApp"）.directive（"ngFileSelect", [ "$parse", "$timeout", funct...

原生Javascript插件开发实践

2017年02月06日 84 阅读

前言之前公司设计的网站比较混乱，很多地方不统一，其中一个就是弹出层，导致这个原因是因为，公司的UI换了好几个人，而他们每个人做出来的都不太一样。最近公司开始整顿这个问题，对于统一的这种东西当然是做成一个模块，或者插件，而我打算做成插件。之所以写这篇文章是因为，当写完这个插件以后，发现其中有不少的理念，而这些理念我想把它总结一下，虽然这个插件并不复杂。该怎样架构？对于架构这个概念，接触的比较少，我的理解，架构就是解决未来可能会发生的事。之前也封装过一些插件，...

微信小程序去哪里找小程序到底如何使用（附小程序名单）

2017年02月06日 90 阅读

微信小程序要去哪里找？又该怎么用？秘密全在这里微信小程序正式发布看完你也会玩小程序！ 2017年1月9日，是一个值得载入互联网史册的日子。这一天，零点刚过，张小龙和他的团队，在夜色笼罩下，正式发布了微信小程序。所以，从这一刻开始，只要有开发者登录小程序后台，并在「开发管理」页面点击了「发布」按钮，就会有一个小程序，降临到这个世界上。而微信小程序，这个设定为「无处不在」的产品，切切实实地「在」你身边了，并即将给你的生活带来新的变化。那么，小程序到底是什么？...

首页 / 脚本样式 / JavaScript

微信小程序 Toast自定义实例详解

Vue实例简单方法介绍

微信小程序 自定义对话框实例详解

微信小程序 天气预报开发实例代码源码

用jQuery实现优酷首页轮播图

基于jQuery实现滚动刷新效果

详解js产生对象的3种基本方式（工厂模式，构造函数模式，原型模式）

详解Jquery 遍历数组之$（）.each方法与$.each（）方法介绍

jQuery实现二维码扫描功能

prototype与__proto__区别详细介绍

简单实现jQuery级联菜单

Javascript blur与click冲突解决办法

详解Jquery Easyui的验证扩展

微信小程序 css使用技巧总结

input输入密码变黑点密文的实现方法

jQuery实现表格元素动态创建功能

详解网站中图片日常使用以及优化手法

Angular下H5上传图片的方法（可多张上传）

原生Javascript插件开发实践

微信小程序去哪里找 小程序到底如何使用（附小程序名单）

微信小程序自定义对话框实例详解

微信小程序天气预报开发实例代码源码

prototype与proto区别详细介绍

微信小程序去哪里找小程序到底如何使用（附小程序名单）