Vue是一款比较流行的JS库，本文为大家介绍一些Vue组件,包括UI组件,开发框架,服务端,辅助工具,应用实例,Demo示例等开源项目 一、Vue常用UI组件 element ★11612 - 饿了么出品的Vue2的web UI工具套件 Vux ★7503 - 基于Vue和WeUI的组件库 iview ★5801 - 基于 Vuejs 的开源 UI 组件库 mint-ui ★5517 - Vue 2的移动UI元素 vue-material ★2790 - 通过Vue Material和Vue 2建立精美的app应用 muse-ui ★2611 - 三端样式一致的响应式 UI...
效果：实例如下所示： <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><style>*{padding: 0px;margin: 0px;}li{width: 80px;height:300px;float: left;overflow: hidden;list-style: none;}</style><script type="text/javascript "src="http://code.jquery.com/jquery-1.10.2.min.js"></script> </head> <body> <script >$(function () {$("ul li").mouseover(function (){$(this).stop().an...
本文实例为大家分享了js Date对象应用3个实例，供大家参考，具体内容如下一.获取日期时间，秒数实时跳动 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>date01</title><style>#date{position: absolute;font-size: 30px;font-family: 微软雅黑;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);}</style> </head> <body><div id="date">2017.10.29</div><script>window.onload = function(){show...
本文介绍了新手vue构建单页面应用实例代码，分享给大家，具体如下 步骤： 1.使用vue-cli创建项目 2.使用vue-router实现单页路由 3.用vuex管理我们的数据流 4.使用vue-resource请求我们的node服务端 5.使用.vue文件进行组件化的开发 一、目录结构：二、搭建项目 先安装 vue-cli： sudo npm install -g vue-cli 使用vue-cli构建初始化项目：vue init webpack project（创建webpack项目并下载依赖） 输入命令进入项目： cd my-project...
JS递归函数（菲波那切数列） 实例解析： 一组数字:0 1 1 2 3 5 8 130 1 2 3 4 5 6 7sl(0)=0;sl(1)=1;sl(2)=sl(0)+sl(1);sl(3)=sl(1)+sl(2);function sl(i){if(i==0){return 0; }else if(i==1){return 1; }else{return sl(i-1)+sl(i-2); } } 正则表达式检验 //校验是否全由数字组成 function isDigit(s) { var patrn=/^[0-9]{1,20}$/; if (!patrn.exec(s)) return false return true } //校验登录名：只能输入5-20个以字母开头、...
本文实例讲述了JavaScript数据结构中串的表示与应用。分享给大家供大家参考，具体如下： 类似于线性表的顺序存储结构，用一组地址连续的存储单元存储串值的字符序列。下面我们以串联接为例，讲解一下这种存储结构时串的操作。JavaScript自带有concat方法，该方法返回字符串值，该值包含了两个或多个提供的字符串的连接。 其实思路很简单，就是将第二个串拼接在第一个串后面，代码如下 <!DOCTYPE html> <html><head><meta charset="...
本文实例讲述了JavaScript队列的应用。分享给大家供大家参考，具体如下： 和前面介绍的栈相反，队列是一种先进先出的线性表，它只允许在表的一端进行插入，而在另一端进行删除。JavaScript自己提供了两个队列方法shift和push方法，分别是出队和入队，其原理就是将元素插入数组最后一个和删除第一个元素。 这里需要注意一点，就是unshift方法的效率比push的效率要低很多。因为它要将入队之前的数组全部往前移动一位。这里我们就不用...
一：npm的安装 由于新版的node.js已经集成了npm的环境，所以只需去官网下载node.js并安装，安装完成后使用cmd检测是否成功。 测试node的版本号：node -v 测试npm的版本号：npm -v 以上提示代表安装成功 二：vue.js环境搭建 1、首先安装淘宝的npm镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org 2、安装vue.js环境:：cnpm install -g vue-cli 3、测试vue的安装：vue 三：vue.js项目的建立 新建一个名为pt...
Demo 预览演示视频（流量预警 2.64MB） GitHub Repo 地址仓库地址：https://github.com/zce/weapp-demo 使用步骤将仓库克隆到本地：bash $ git clone https://github.com/zce/weapp-demo.git weapp-douban --depth 1 $ cd weapp-douban 打开微信Web开放者工具（注意：必须是0.9.092300版本）必须是0.9.092300版本，之前的版本不能保证正常运行不需要所谓的破解，网上所谓的破解只是针对之前的0.9.092100版本，新的官方版本不需要破...
本文是requireJS的一些知识点的总结，配上多页面应用中的实例分析。 本案例的目录结构如下： requireJS API的三个主要函数：define（创建模块），require（加载模块），config（配置） 1、 HTML文件中加载JS文件 page1.html内容如下： <!DOCTYPE html> <html> <head> <title>Page 1</title> <script data-main="scripts/page1" src="scripts/lib/require.js"></script> </head> <body> <a href="page2.html">Go to Page 2</a> </bo...
废话不多说了，直接给大家贴代码了，具体代码如下所示： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>延时显示提示框</title> <style> #div1 { float: left; width: 60px; height: 60px; background-color: aqua; } #div2 { position: relative; float: left; margin: 0 10px; width: 200px; height: 200px; background-color: #cccccc; display: none; } </style> <script> window.onload = function...
之前文章中也讲了一下拖拽的基本思想，理论是有了，那实践呢，可以运用到什么地方呢？下面就给大家带来一个用拖拽思想写的一个小实例，供大家参考，大致效果看下图：就是这样一个简单的一个拖拽条，你可以把它理解为滚动条，也可以理解为表单中的数量选择控件，也可以理解为进度条，等等，反正你可以改成很多你想要的效果，废话不多说，我们来看看这个是怎么做的吧！ 想了想，感觉原理就不用说了吧，我在拖拽效果中就已经说的很清楚...
经常在网站别人的网站的注册页中看到一个拖拽验证的效果，就是它的验证码刚开始不出来，而是有一个拖拽的条，你必须将这个拖拽条拖到底，验证码才出来，说了感觉跟没说一样，你还是不理解，好吧，我给个图你看看：这个是在万网的注册页中所截的图，大概的效果就是，当拖动那个拖拽框时，如果拖拽框没有拖到最右边，则拖拽框会移动到初始位置，如果拖动到最右边，则拖拽框显示为对勾，中间的文字也变了，但是我试了一下，他的验证码...
本文为大家提供了两个js运动应用实例，分享给大家，具体实现内容如下 应用1，完成如下效果：js代码如下：<script src="move.js"></script> <script> window.onload=function () {var oDiv=document.getElementById(play);var aBtn=oDiv.getElementsByTagName(ol)[0].getElementsByTagName(li);var oUl=oDiv.getElementsByTagName(ul)[0];var now=0;for(var i=0;i<aBtn.length;i++){aBtn[i].index=i;aBtn[i].onclick=function (){no...
pushStack是jQuery内核中一个非常重要的函数，它是如此重要，以至于许多jQuery内部函数中都频繁用到它。平常情况下，虽然很少用到它, 但是掌握这个函数，不仅有利于理解jQuery的运行原理，还方便我们做更加高级的jQuery操作。 顾名思义，pushStack是入栈, 栈作为一种数据结构，是一种只能在一端进行插入和删除操作的特殊线性表。数据入栈时，类似与我们进电梯，后进而先出, 如下图:jQuery中的栈其实并不是真正的栈，而是给jQuery对...