单击按钮发送验证码,出现倒计时的简单实例

实例如下:<!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...

AngularJS中$http使用的简单介绍

在AngularJS中主要使用$http服务与远程http服务器交互,其作用类似于jquery中的$.ajax服务: $http是AngularJS的一个核心服务,利用浏览器的xmlhttprequest或者via JSONP对象与...

javascript 动态生成css代码的两种方法

javascript 动态生成css代码的两种方法有时候我们需要利用js来动态生成页面上style标签中的css代码,方法很直接,就是直接创建一个style元素,然后设置style元素里面的css代码,最...

Vue.js实现一个漂亮、灵活、可复用的提示组件示例

这次的教程里,我们要把组件化进行到底!最近半年的几个项目中,都遇到了需要使用Toast或者Notification组件的情况。在目前已有的一些基于Vue.js开发的组件库,都没有找到太合适的,...

使用vue.js编写蓝色拼图小游戏

之前在网上看到《蓝色拼图》这款小游戏,作者是用jquery写的。于是便考虑能不能用vue.js优雅简单的编写出来呢?Later equals never!说干就干。首先理解游戏的规则:第一关为1*1的...

Bootstrap 过渡效果Transition 模态框(Modal)

可以切换模态框(Modal)插件的隐藏内容:1、通过 data 属性:在控制器元素(比如按钮或者链接)上设置属性 data-toggle="modal",同时设置 data-target="#identifier" 或 href="#identif...

Bootstrap表单制作代码

本文实例为大家分享了Bootstrap表单布局的具体代码,供大家参考,具体内容如下
Bootstrap 提供了下列类型的表单布局:
垂直表单(默认)
内联表单
水平表单小妞妞做的表单实例:
<!DOCT...

Angular组件化管理实现方法分析

本文实例分析了Angular组件化管理实现方法。分享给大家供大家参考,具体如下:在做sass产品页面的时候,往往每个页面的header和footer都是一样的,还有最近我做的页面,类似datetimep...

js判断是否是手机页面

话不多说,请看代码:<script>if (/mobile/i.test(navigator.userAgent) || /android/i.test(navigator.userAgent)) document.body.classList.add('mobile');window.addEventLi...

AngularJS路由切换实现方法分析

本文实例讲述了AngularJS路由切换实现方法。分享给大家供大家参考,具体如下:之前有在服务器端接触到angular路由切换,今天想在本地实现路由,捣鼓半天终于成功了,特把步骤整理分享...

vue2.0结合DataTable插件实现表格动态刷新的方法详解

本文实例讲述了vue2.0结合DataTable插件实现表格动态刷新的方法。分享给大家供大家参考,具体如下:产品提出的需求是这样的,很普通的一个统计server端task完成率和状态的表格,要...

jquery 手势密码插件

效果图:代码如下:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <!--<link rel="stylesheet" href="../dist/css/danmuplayer.css" rel="ex...

vue.js开发环境安装教程

一、简介Vue.js 是什么Vue.js(读音 /vju&#720;/, 类似于 view) 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只...

Nodejs基于LRU算法实现的缓存处理操作示例

本文实例讲述了Nodejs基于LRU算法实现的缓存处理操作。分享给大家供大家参考,具体如下:LRU是Least Recently Used的缩写,即最近最少使用页面置换算法,是为虚拟页式存储管理服务...

原生js编写2048小游戏

效果图:代码如下:<!DOCTYPE html><html><head> <title> 2048-game </title> <meta charset="utf-8" /> <style media="screen"> #game { display: none; position: absolute;...

Vue.js开发环境快速搭建教程

Vue.js 现在在后端、前端、微信、移动端Web非常流行,今天简单模拟Vue.js快速安装;
1.安装npm
npm 是node.js 的包管理工具, 安装流程地址:https://docs.npmjs.com/cli/instal...

超简单的Vue.js环境搭建教程

vue这个新的工具,确实能够提高效率,vue入门的精髓:(前提都是在网络连接上的情况下)1.要使用vue来开发前端框架,首先要有环境,这个环境要借助于node,所以要先安装node,借助于node里...

vue.js从安装到搭建过程详解

最初的时候用vue是直接下载相关文件 按照以前的方法来操作的
后来发现安装好以后似乎用起来更便利,然后就开始琢磨着怎么搭起框架来,下面是过程:安装1、 安装nodejs
直接网上...

node操作mysql数据库实例详解

本文实例讲述了node操作mysql数据库的方法。分享给大家供大家参考,具体如下:1、建立数据库连接:createConnection(Object)方法该方法接受一个对象作为参数,该对象有四个常用的属...

基于vue.js轮播组件vue-awesome-swiper实现轮播图

一般做移动端轮播图的时候,最常用的就是Swiper插件了,而vue.js也有一个轮播组件vue-awesome-swiper,用法跟swiper相似。1.安装vie-awesome-swipernam install vue-awesome-swip...

jQuery实现验证码功能

效果图:代码如下:<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> #code{ width:80px; height:30px; font...

js实现旋转木马效果

效果图:代码如下:<html class=" js csstransforms3d" lang="zh"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta na...

nodejs中模块定义实例详解

本文实例讲述了nodejs中模块定义方法。分享给大家供大家参考,具体如下:1.模块定义nodejs所谓的模块就是一个文件!一个.js文件就是一个nodejs的模块,模块与文件是一一对应的,那么...

实例分析nodejs模块xml2js解析xml过程中遇到的坑

本文实例讲述了nodejs模块xml2js解析xml过程中遇到的坑。分享给大家供大家参考,具体如下:在一个项目中,用到nodejs模块xml2js解析xml,xml的数据如下:<xml><MsgId>619790655304185...

jQuery中table数据的值拷贝和拆分

在开发的过程中,经常会遇到弹出框显示前一页table列表的情况,这时候会有好多方法来来解决,有的人可能会说重新查一遍数据显示,有的人会说直接用js将值拷贝过去,然后再修改,不过现...

JSONP基础知识详解

前面的话JSONP是JSON with padding(填充式JSON或参数式JSON)的简写,是应用JSON的一种新方法,常用于务器与客户端跨源通信,在后来的Web服务中非常流行。本文将详细介绍JSONP基础...

用JavaScript和jQuery实现瀑布流

大致介绍在慕课网上学习了用原生js和jQuery实现瀑布流,在这里做个笔记用JavaScript实现基本结构:<div id="main"> <div class="box"> <div class="pic"><img src="images/1.j...

Bootstrap 网格系统布局详解

Bootstrap 提供了一套响应式、移动设备优先的流式网格系统(Grid System),随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列。一、什么是网格(Grid)&#63;在平面设计中,...

用jQuery实现圆点图片轮播效果

图片轮播效果 :在页面的指定位置实现的图片自动的左右轮流切换展示,效果为无缝连接;点击图片左下的标签(或中间的小圆点)切换到对应的图片;点击图片的左右切换标签; 整体思...

JavaScript数据结构之链表的实现

前面楼主分别讨论了数据结构栈与队列的实现,当时所用的数据结构都是用的数组来进行实现,但是数组有的时候并不是最佳的数据结构,比如在数组中新增删除元素的时候需要将其他元素...

$.browser.msie 为空或不是对象问题的多种解决方法

'$.browser.msie' 为空或不是对象,这个是jQuery错误
出现这个错误,是因为升级了jQuery版本,从1.9以前升级到1.9以后,因为$.browser.msie在1.9以后的jQuery中不存在了,所以报错。j...

jQuery中用on绑定事件时需注意的事项

随着jQuery版本的更新,以前版本的Bind(),live(),delegate()事件可以直接被on代替,本次笔记仅以点击事件为例,主要考察了on事件的用法:一、用on监听点击事件前添加的DOM,可以正常触...

浅析bootstrap原理及优缺点

网格系统的实现原理,是通过定义容器大小,平分12份(也有平分成24份或32份,但12份是最常见的),再调整内外边距,最后结合媒体查询,就制作出了强大的响应式网格系统。Bootstrap框架中...

js获取当前周、上一周、下一周日期

效果图:代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html ><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /...

nodejs中向HTTP响应传送进程的输出

废话不多说了,直接给大家贴代码了,具体代码如下所述:var spawn = require('child_process').spawn;require('http').createServer(function(req, res) { var child = spawn('ta...

nodejs中使用HTTP分块响应和定时器示例代码

在本例中,将要创建一个输出纯文本的HTTP服务器,输出的纯文本每隔一秒会新增100个用换行符分隔的时间戳。require('http').createServer(function(req, res) { res.writeHead(...

详解nodejs中的process进程

虽然node对操作系统做了很多抽象的工作,但是你还是可以直接和他交互,比如和系统中已经存在的进程进行交互,创建工作子进程。node是一个用于事件循环的线程,但是你可以在这个事件...

jQuery is not defined 错误原因与解决方法小结

通常出现这种状况有几种解决方法:1:查看是否引入jquery文件就算引入了文件了是不是通过一些整站下载器之类的软件下载的,都会出现问题,建议用迅雷到官方下载即可。2:查询路径...

深入对Vue.js $watch方法的理解

博主最近对着vue.js的官方教程在自学vue.js,博主自幼愚钝,在教程中真的是好多点都不太理解,接下来要说的这个$watch方法就是其中一个不太理解的点了。咱们先来看一下对于$watch...

js中DOM三级列表(代码分享)

效果图:代码如下:<!DOCTYPE HTML><html><head><title>联动菜单</title><meta charset="utf-8" /></head><body> <div id="category"></div> <script> /*使用 HTML DOM 的方式...

windows下vue.js开发环境搭建教程

最近,vue.js越来越火。在这样的大浪潮下,我也开始进入vue的学习行列中,在网上也搜了很多教程,按着教程来做,也总会出现这样那样的问题(坑啊,由于网上那些教程都是Vue.js 1.x版本的,...

基于vue的fullpage.js单页滚动插件

基于vue的fullpage.js使用方法,供大家参考,具体内容如下功能概述
可实现移动端的单页滚动效果,支持横向滚动和纵向滚动兼容性
目前还未进行大规模兼容性测试。有bug请提问至iss...

vue.js中指令Directives详解

想必喜欢前端开发的小伙伴们都或多或少接触过MVVM这个概念,说起MVVM,第一时间想到的便是angularjs,knockoutjs等已经被广泛运用的MVVM框架,之前我也没有在这方面有很多了解,最近...

JS查找英文文章中出现频率最高的单词

下面这个函数是js查找一篇英文文章中出现频率最高的单词(由26个英文字母大小写构成),输出该单词及出现次数,不区分大小写,主要是正则的运用:function counts(article){ article...

微信小程序中子页面向父页面传值实例详解

微信小程序中子页面向父页面传值实例详解上面一张图是编辑款项页面,下面一张图是点击了编辑款项页面中选择好友的图标后打开的子页面。这个时候点选子页面的某个好友时,需要把...

vue.js指令v-model使用方法

vue.js的一大功能便是实现数据的双向绑定,本文就表单处理时运用v-model指令实现双向绑定做一个介绍:v-model这个指令只能用在<input>, <select>,<textarea>这些表单元素上,所谓...

微信小程序 参数传递实例代码

微信小程序 参数传递实例代码1、通过事件传递参数实例代码:<view data-id="103" bindtap="evenName"></view>Page({ evenName: function(e) { //获得点击事件传递的id cons...

基于vue.js实现侧边菜单栏

侧边菜单栏应该是很多项目里必不可少的 自己手写了一个
下面是效果图

下面就说一下实现的过程 还是比较简单的
首先导入一下需要的文件<link rel="stylesheet" type="t...

详解Weex基于Vue2.0开发模板搭建

前言最近有一些人反馈说在面试过程中常常被问到weex相关的知识,也侧面反映的weex的发展还是很可观的,可是目前weex的开发者大多数是中小型公司或者个人,大公司屈指可数,揪其原因...

基于vue2的table分页组件实现方法

本文实例为大家分享了vue2 table分页组件的具体代码,供大家参考,具体内容如下pagination.js:
(function(){ var template = '<div class="page-bar" > \
<div class="inf...

返回顶部
顶部