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

深入探讨Vue.js组件和组件通信

2017年02月06日 36 阅读

基本是按照官网的 Guide 全部梳理了一遍：http://vuejs.org/guide/index.html 这里我们以一个 Todo List 应用为例来把相关的只是都串起来，这篇里面的全部代码都在github上 https://github.com/lihongxun945/vue-todolistVue 实例一个 Vue 应用是由一个 root vue instance 引导启动的，而 Vue instance 是这么创建的：var vm = n...

jQuery实现简单的tab标签页效果

2017年02月06日 43 阅读

本文实例讲述了jQuery实现简单的tab标签页效果。分享给大家供大家参考，具体如下：<！doctype html><html lang="en"><head><meta charset="UTF-8"><title>tab1</title><style type="text/css">*{ padding: 0; margin: 0;}li{ list-style-typ...

初识简单却不失优雅的Vue.js

2017年02月06日 39 阅读

作为一名Vue.js的忠实用户，我想有必要写点文章来歌颂这一门美好的语言了，我给它的总体评价是“简单却不失优雅，小巧而不乏大匠”，下面将围绕这句话给大家介绍Vue.js，希望能够激发你对Vue.js的兴趣。Vue.js简介Vue.js的作者为Evan You（尤雨溪），任职于Google Creative Lab，虽然是Vue是一个个人项目，但在发展前景上个人认为绝不输于Google的AngularJs，下面我会将Vue与Angular（Angular 1...

jQuery实现的多张图无缝滚动效果【测试可用】

2017年02月06日 42 阅读

本文实例讲述了jQuery实现的多张图无缝滚动效果。分享给大家供大家参考，具体如下：<！doctype html><html lang="en"><head><meta charset="UTF-8"><title>slider</title><style>*{padding: 0;margin: 0;}li{list-style-type: none;}body{marg...

Vue组件BootPage实现简单的分页功能

2017年02月06日 37 阅读

有一段时间没更新文章了，主要是因为自己一直在忙着学习新的东西而忘记分享了，实在惭愧。这不，大半夜发文更一篇文章，分享一个自己编写的一个Vue的小组件，名叫BootPage。不了解Vue.js的童鞋可以移步我的上一篇文章《浅谈Vue.js》了解一下。BootPage组件简介其实也不是啥高大上的组件了，相反确实一个简单的表格分页组件而已，主要是自己最近项目中需要一个表格分页组件，而Vue官方组件库里分页组件都功能太强大或者没有适合我的，所以就自己写了一个凑合着...

jQuery实现的图片轮播效果完整示例

2017年02月06日 37 阅读

本文实例讲述了jQuery实现的图片轮播效果。分享给大家供大家参考，具体如下：<！doctype html><html lang="en"><head><meta charset="UTF-8"><title>图片轮播</title><style type="text/css">*{ padding: 0; margin: 0;}li{ list-style-type: n...

jQuery实现的无限级下拉菜单功能示例

2017年02月06日 38 阅读

本文实例讲述了jQuery实现的无限级下拉菜单功能。分享给大家供大家参考，具体如下：<！doctype html><html lang="en"><head><meta charset="UTF-8"><title>下拉菜单（无限级）</title><style>*{padding: 0;margin: 0;}li{list-style-type: none;}body{m...

jQuery实现弹出带遮罩层的居中浮动窗口效果

2017年02月06日 40 阅读

本文实例讲述了jQuery实现弹出带遮罩层的居中浮动窗口效果。分享给大家供大家参考，具体如下：<！doctype html><html lang="en"><head><meta charset="UTF-8"><title>pop window</title><style>*{padding: 0;margin: 0;}.hide{display: none;}.popW...

jQuery简单实现列表隐藏和显示效果示例

2017年02月06日 45 阅读

本文实例讲述了jQuery简单实现列表隐藏和显示效果。分享给大家供大家参考，具体如下：<！doctype html><html lang="en"><head><meta charset="UTF-8"><title>隐藏和显示</title><style>*{ padding: 0; margin: 0;}li{ list-style-type: none;}body{ ...

jQuery实现可展开折叠的导航效果示例

2017年02月06日 38 阅读

本文实例讲述了jQuery实现可展开折叠的导航效果。分享给大家供大家参考，具体如下：<！doctype html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style>*{ padding: 0; margin: 0;}li{ list-style-type: none;}body...

JS实现页面数据无限加载

2017年02月06日 38 阅读

在手机端浏览网页时，经常使用一个功能，当我们浏览京东或者淘宝时，页面滑动到底部，我们看到数据自动加载到列表。之前并不知道这些功能是怎么实现的，于是自己在PC浏览器上模拟实现这样的功能。先看看浏览效果：当滚动条滚动到页面底部时，提示“正在加载…”。当页面已经加载了所有数据后，滚动到页面底部会提示“数据已加载到底了”：实现数据无限加载的过程大致如下：1.滚动条滚动到页面底部。2.触发ajax加载，把请求返回的数据加载到列表后面。如何判断滚动条是否滚动到页面底部...

jQuery实现的瀑布流加载效果示例

2017年02月06日 42 阅读

本文实例讲述了jQuery实现的瀑布流加载效果。分享给大家供大家参考，具体如下：demo.js：$（function（）{$（"img"）.load（function（）{var box = $（".box"）;var boxHeight = {leftBox:[],centerBox:[],rightBox:[]}for（var i=0;i<box.length;i++）{var now = i%3; //now的值为0，1，2switch（now...

更靠谱的H5横竖屏检测方法（js代码）

2017年02月06日 39 阅读

前不久，做了一个H5项目，需要在横竖屏变化时，做一些处理。毫无疑问，需要使用orientationchange来监听横竖屏的变化。方案一：// 监听 orientation changeswindow.addEventListener（"orientationchange", function（event） { // 根据event.orientation|screen.orientation.angle等于0|180、90|-90度来判断横竖屏}, fa...

jQuery实现的简单拖拽功能示例

2017年02月06日 39 阅读

本文实例讲述了jQuery实现的简单拖拽功能。分享给大家供大家参考，具体如下：<！doctype html><html lang="en"><head><meta charset="UTF-8"><title>拖拽</title><style>*{padding: 0;margin: 0;}div{width: 100px;height: 100px;background:...

jQuery实现的放大镜效果示例

2017年02月06日 38 阅读

本文实例讲述了jQuery实现的放大镜效果。分享给大家供大家参考，具体如下：zoom.css：*{padding: 0;margin: 0;}li{list-style-type: none;}.zoom{margin: 50px;position: relative;}.zoomMiddle{border: 1px solid #ccc;width: 300px;height: 300px;margin-bottom: 3px;position: rel...

jQuery表单对象属性过滤选择器实例详解

2017年02月06日 42 阅读

本文实例讲述了jQuery表单对象属性过滤选择器。分享给大家供大家参考，具体如下：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>2-11</title><script src="jquery-1.7.2.min.js" type="text/javascript"...

jQuery查找节点方法完整实例

2017年02月06日 41 阅读

本文实例讲述了jQuery查找节点方法。分享给大家供大家参考，具体如下：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><script type="text/javascript" src="js/jquery-1.10.1.min.js">&...

jQuery包裹节点用法完整示例

2017年02月06日 39 阅读

本文实例讲述了jQuery包裹节点用法。分享给大家供大家参考，具体如下：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><script src="jquery-1.7.2.min.js" type="text/javascript"></...

JS简单去除数组中重复项的方法

2017年02月06日 37 阅读

本文实例讲述了JS简单去除数组中重复项的方法。分享给大家供大家参考，具体如下：<！DOCTYPE html><html lang="zh-cn"><head><meta charset="UTF-8"><title></title></head><body><script>var arr = ["aaa","bbb","aaa","ccc","ddd...

jQuery弹出遮罩层效果完整示例

2017年02月06日 39 阅读

本文实例讲述了jQuery弹出遮罩层效果。分享给大家供大家参考，具体如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><me...

首页 / 脚本样式 / JavaScript

深入探讨Vue.js组件和组件通信

jQuery实现简单的tab标签页效果

初识简单却不失优雅的Vue.js

jQuery实现的多张图无缝滚动效果【测试可用】

Vue组件BootPage实现简单的分页功能

jQuery实现的图片轮播效果完整示例

jQuery实现的无限级下拉菜单功能示例

jQuery实现弹出带遮罩层的居中浮动窗口效果

jQuery简单实现列表隐藏和显示效果示例

jQuery实现可展开折叠的导航效果示例

JS实现页面数据无限加载

jQuery实现的瀑布流加载效果示例

更靠谱的H5横竖屏检测方法（js代码）

jQuery实现的简单拖拽功能示例

jQuery实现的放大镜效果示例

jQuery表单对象属性过滤选择器实例详解

jQuery查找节点方法完整实例

jQuery包裹节点用法完整示例

JS简单去除数组中重复项的方法

jQuery弹出遮罩层效果完整示例