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

jQuery实现别踩白块儿网页版小游戏

2017年02月06日 117 阅读

大致介绍终于结束了考试，放假回家了。这次的别踩白块儿网页版要比之前做的 jQuery编写网页版2048小游戏要简单一点，基本的思路都差不多。这篇博客并不是详细的讲解，只是大致介绍函数的作用，其中实现的细节注释中有解释，网上的这个源码有点乱，如果想看比较整齐的源码或者视频的可以QQ联系我（免费）（找共同学习的伙伴）思路这个小游戏可以抽象化分为3层 ◆最底下的一层是基本的样式（可见的） ◆中间的层是最主要的，是一个4x3的二维数组，游戏中我们都是对这个二维数...

js实现炫酷的左右轮播图

2017年02月06日 102 阅读

本文实例为大家分享了js左右轮播图的具体代码，供大家参考，具体内容如下html代码<！DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta keyword="左右轮播图-效果比较好"> <title>Document</title> <link rel="stylesheet" type="t...

原生Javascript插件开发实践

2017年02月06日 91 阅读

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

JavaScript实现简易的天数计算器实例【附demo源码下载】

2017年02月06日 97 阅读

本文实例讲述了JavaScript实现简易的天数计算器。分享给大家供大家参考，具体如下：运行效果图如下：功能：1. 支持选择日期；2. 自动计算闰年；3. 支持使用当前日期。代码：（1）html文件：<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>简易天数计算器</title><script ty...

JavaScript计时器用法分析【setTimeout和clearTimeout】

2017年02月06日 99 阅读

本文实例分析了JavaScript计时器用法。分享给大家供大家参考，具体如下：JavaScript中使用setTimeout和clearTimeout函数进行计时/停止计时的操作。1.指定时间后执行一个动作，如3s后弹出一个对话框：setTimeout（"alert（"3s"）",5000）;并且，该函数可以叠加起来是用，如：function delay_times（）{ setTimeout（"document.getElementById（"time_...

基于JavaScript实现屏幕滚动效果

2017年02月06日 82 阅读

屏幕滚动效果：<html><head lang="en"> <meta charset="UTF-8"> <title></title> <style>ul,ol { list-style-type: none;}* {margin:0;padding:0;}html,body { width: 100%; height: 100%;}#ul { width: 100%; height...

AngularJS Select（选择框）使用详解

2017年02月06日 90 阅读

1、Select概述AngularJS 中可以使用 ng-option 指令来创建一个下拉列表，列表项通过对象和数组循环输出<div ng-app="myApp" ng-controller="myCtrl"><select ng-model="selectedName" ng-options="x for x in names"></select></div><script>var app = ...

jQuery中的一些小技巧

2017年02月06日 96 阅读

JQ使用过程中,一些小技巧:1.is（）方法根据选择器、元素或 jQuery 对象来检测匹配元素集合，如果这些元素中至少有一个元素匹配给定的参数，则返回 true。一些小应用如下:<ul> <li>list <strong>item 1</strong></li> <li><span>list item 2</span></li> <li>...

JavaScript日期对象（Date）基本用法示例

2017年02月06日 87 阅读

本文实例讲述了JavaScript日期对象（Date）基本用法。分享给大家供大家参考，具体如下：1.获取当前日期：document.write（"Current time: "+new Date（））;2.获取时间戳（毫秒）：document.write（new Date（）.getTime（））;3.设置年月日（年为必选，月日为可选）：var d = new Date（）;d.setFullYear（2016,3,16）document.write（d）...

easyui 中的datagrid跨页勾选问题的实现方法

2017年02月06日 112 阅读

easyui的datagrid分页显示数据，如果有需求要求勾选多条数据且不再同一页中，easyui会保存在其他页选中的数据吗？一开始在网上查阅有人说easyui中没有此方法，需要自己写，但其实至少在1.4版本后只要在datagrid中加入 idField:"id",给每条数据id属性，easyui就默认就会保留之前勾选的信息，如果没有id，才会出现换页后，之前勾选的信息没有的情况。所以说网络是个好东西，但你要有分辨的能力！下面是部分代码：$welding...

详解vue 中使用 AJAX获取数据的方法

2017年02月06日 120 阅读

在VUE开发时，数据可以使用jquery和vue-resource来获取数据。在获取数据时，一定需要给一个数据初始值。看下例：<script type="text/javascript"> new Vue（{el:"#app",data:{data:""},created:function（）{var url="json.jsp";var _self=this;$.get（url,function（data）{_self.data=eval（"...

js放大镜放大购物图片效果

2017年02月06日 79 阅读

图片放大镜效果，供大家参考，具体内容如下一难点：不让黄盒子出界二难点：让大盒子相应移动（比例）<html lang="en"><head> <meta charset="UTF-8"> <title>我的放大镜</title> <style>*{ margin: 0; padding: 0;}.box{ margin: 100px; position: relative;}.smal...

js实现表格筛选功能

2017年02月06日 81 阅读

本应用就两个主要实现：1.表格的id 和 class之间的命名关系请看图：将组名和个人信息联表格联系起来，这样会很好的操作表格HTML代码： <tr class="parent" id="row_01"><td colspan="3">前台设计组</td></tr> <tr class="child_row_01"><td>张三</td><td>男</t...

原生js实现回复评论功能

2017年02月06日 138 阅读

实现原理功能1.删除状态用removeChild（）方法即可功能2.最上面的点赞判断文字的内容是否为赞，做相应操作改变存放赞数量的容器文本内容功能3.回复评论创建一个新的评论添加到评论列表里功能4.回复里的点赞判断我是否点了赞，做相应操作功能5.回复或者删除判断字符串回复还是删除，做相应操作代码用了事件代理，还有三元运算判断，减少代码量每行代码都有详细的注释一眼看到那么多的代码不要烦躁其实你要把每个功能单独去看都是很简单的dom操作一点点消化，读懂每一行代...

jQuery Validation Engine验证控件调用外部函数验证的方法

2017年02月06日 105 阅读

在使用jQuery Validation Engine的时候，我们除了使用自带的API之外，还可以自己自定义正则验证。自定义正则验证上一篇已经讲过了，如果想使用自定义函数进行验证怎么办？其实这个控件有个bug，在api中说也就是在我们需要进行验证的地方加上funcCall[自定义函数名]，但是我们会发现总会报错，说找不到你这个函数名。其实它的要求是要添加required进行综合验证，也就是validate[required,funcCall[yorn]]，...

原生javascript实现图片放大镜效果

2017年02月06日 102 阅读

当我们在电商网站上购买商品时，经常会看到这样一种效果，当我们把鼠标放到我们浏览的商品图片上时，会出现类似放大镜一样的一定区域的放大效果，方便消费者观察商品。今天我对这一技术，进行简单实现，实现图片放大镜效果。我在代码中进行了代码编写的思路的说明和详细的代码注释，方便读者，请看代码：<html> <head><meta charset="UTF-8"><title>Document</title>...

JS中Array数组学习总结

2017年02月06日 83 阅读

引用类型分为Object类型（所谓的对象），Array类型（本文谈的数组），Function类型等。那么，数组是干啥的呢？在我看来，它是用来保存数据的。一、声明一个数组：1、构造函数 var colors=new Array（）；简写的话可以省略new，即var colors=Array（）;2、数组字面量 var colors=["black","green","pink"];二、读取和设置数组的值：读取：colors[x];参数x为0~colors.l...

vue.js+Element实现表格里的增删改查

2017年02月06日 87 阅读

新项目使用的是vue.js 后来发现饿了吗前端编写的一套框架Element （http://element.eleme.io/#/zh-CN）来配合vue.js进行样式填充之前用过angularjs 用到后来发现越来越难学于是就决定用vue.js 下面就介绍一下vue.js应用在表格里的增删改查首先引入一下element的js<script src="plugins/element-ui/index.js"></script>...

Vue.js自定义指令的用法与实例解析

2017年02月06日 92 阅读

市面上大多数关于Vue.js自定义指令的文章都在讲语法，很少讲实际的应用场景和用例，以致于即便明白了怎么写，也不知道怎么用。本文不讲语法，就讲自定义指令的用法。自定义指令是用来操作DOM的。尽管Vue推崇数据驱动视图的理念，但并非所有情况都适合数据驱动。自定义指令就是一种有效的补充和扩展，不仅可用于定义任何的DOM操作，并且是可复用的。比如谷歌图片的加载做得非常优雅，在图片未完成加载前，用随机的背景色占位，图片加载完成后才直接渲染出来。用自定义指令...

JavaScript字符串对象（string）基本用法示例

2017年02月06日 82 阅读

本文实例讲述了JavaScript字符串对象（string）基本用法。分享给大家供大家参考，具体如下：1.获取字符串的长度：var s = "Hello world";document.write（"length:"+s.length）;2.为字符串添加各种样式，如：var txt = "Some words";document.write（"<p>Big: " + txt.big（） + "</p>"）document.write...

首页 / 脚本样式 / JavaScript

jQuery实现别踩白块儿网页版小游戏

js实现炫酷的左右轮播图

原生Javascript插件开发实践

JavaScript实现简易的天数计算器实例【附demo源码下载】

JavaScript计时器用法分析【setTimeout和clearTimeout】

基于JavaScript实现屏幕滚动效果

AngularJS Select（选择框）使用详解

jQuery中的一些小技巧

JavaScript日期对象（Date）基本用法示例

easyui 中的datagrid跨页勾选问题的实现方法

详解vue 中使用 AJAX获取数据的方法

js放大镜放大购物图片效果

js实现表格筛选功能

原生js实现回复评论功能

jQuery Validation Engine验证控件调用外部函数验证的方法

原生javascript实现图片放大镜效果

JS中Array数组学习总结

vue.js+Element实现表格里的增删改查

Vue.js自定义指令的用法与实例解析

JavaScript字符串对象（string）基本用法示例