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

强大Vue.js组件浅析

2016年09月19日 16 阅读

什么是组件：组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义的元素，Vue.js的编译器为它添加特殊功能。在有些情况下，组件也可以是原生HTML元素的形式，以is特性扩展。如何注册组件？需要使用Vue.extend方法创建一个组件，然后使用Vue.component方法注册组件。Vue.extend方法格式如下：var MyComponent = Vue.extend（{// 选项...后面再介绍}...

jQuery过滤选择器用法示例

2016年09月19日 14 阅读

本文实例讲述了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><m...

前端框架Vue.js构建大型应用浅析

2016年09月19日 21 阅读

真正的模块化前端模块化很早就开始了，无论是 require.js，browserify 进行模块化打包，还是 Angular 进行依赖注入，我们都可以把JS代码分成一个个小的模块并组装起来。然后我们还会通过 less 或者 sass 来把CSS文件也拆成一个个小的模块来写，甚至我们在CSS代码中感受到了封装，继承，多态等面向对象的特性。然而，在 webpack 出来之前，我们所谓的模块化根本不能算作模块化。为什么这么讲，因为我们存在一个重要的问题没有...

前端框架Vue.js中Directive知识详解

2016年09月19日 16 阅读

Directive看上去虽然和Angular中的定义类似，Directive 都是对DOM功能的一种拓展，但是 Vue 的 Directive 要弱的多。因为 Vue Component 其实本来就会包含对DOM的操作，所以大多数时候我们写一个通用组件都是一个Component 而不是一个 Directive，而在 Angular 我们写一个通用的组件一般都是一个 Directive 。所以我说 Vue 的 Directive 相比于 Angular ...

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

2016年09月19日 15 阅读

基本是按照官网的 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标签页效果

2016年09月19日 17 阅读

本文实例讲述了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

2016年09月19日 14 阅读

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

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

2016年09月19日 18 阅读

本文实例讲述了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实现简单的分页功能

2016年09月19日 15 阅读

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

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

2016年09月19日 16 阅读

本文实例讲述了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实现的无限级下拉菜单功能示例

2016年09月19日 14 阅读

本文实例讲述了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实现弹出带遮罩层的居中浮动窗口效果

2016年09月19日 17 阅读

本文实例讲述了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简单实现列表隐藏和显示效果示例

2016年09月19日 16 阅读

本文实例讲述了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实现可展开折叠的导航效果示例

2016年09月19日 11 阅读

本文实例讲述了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实现页面数据无限加载

2016年09月19日 15 阅读

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

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

2016年09月19日 14 阅读

本文实例讲述了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代码）

2016年09月19日 18 阅读

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

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

2016年09月19日 18 阅读

本文实例讲述了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实现的放大镜效果示例

2016年09月19日 17 阅读

本文实例讲述了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表单对象属性过滤选择器实例详解

2016年09月19日 15 阅读

本文实例讲述了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"...

首页 / 脚本样式 / JavaScript

强大Vue.js组件浅析

jQuery过滤选择器用法示例

前端框架Vue.js构建大型应用浅析

前端框架Vue.js中Directive知识详解

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

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

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

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

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

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

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

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

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

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

JS实现页面数据无限加载

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

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

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

jQuery实现的放大镜效果示例

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