JavaScript 身份证号有效验证详解及实例代码

2017年02月06日 46 阅读

最近需要对身份证合法性进行验证，实名验证是不指望了，不过原来的验证规则太过简单，只是简单的验证了身份证长度，现在业务需要加强下身份证验证规则，网上找到了不少资料，不过都不合偶的心意，无奈只好直接写一个，代码还是用自己的舒服哈JavaScript验证身份证号<%@ page language="java" contentType="text/html; charset=GB18030"pageEncoding="GB18030"%><！DO...

Bootstrap图片轮播组件Carousel使用方法详解

2017年02月06日 45 阅读

Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。图片轮播组件是一个在网页中...

AngularJS 与百度地图的结合实例

2017年02月06日 41 阅读

我现在做的一个项目是angular,但是我用直接引用百度地图的方法引进js,写html,js代码，发现，我去，报错了，我一开始还以为是百度地图跟angular有冲突，然后我就去搜索啊，发现angular也有一个百度地图插件，无奈我用了报错了，网上说要用angular2版本才能兼容，但是我又不会下载2版本，所以我就放弃了，然后呢，我又去解决我一开始的那个错误了，发现，玛德我傻逼了，首先来说一下百度地图怎么用吧，很简单，上代码首先引入js<script ...

JS动态给对象添加属性和值的实现方法

2017年02月06日 39 阅读

如下所示：var obj={};for（var i=0;i<10;i++）{eval（"obj.p"+i+"="+i）;}以上就是小编为大家带来的JS动态给对象添加属性和值的实现方法全部内容了，希望大家多多支持脚本之家~...

浅谈javascript中的三种弹窗

2017年02月06日 39 阅读

js中三种弹窗1）alert 弹出警告 无返回值－－－－－－－－－alert（"第一行 第二行"）;2）confirm（）选择确定或取消，返回t或f－－－－var result = confirm（"是否删除！"）;3）prompt（）弹出输入框，返回输入内容－－－－var value = prompt（"输入你的名字：", "请在这里输入名字"）;当然也可以自定义好看的样式。下面代码有问题明天再改。<script>//window.confi...

js制作支付倒计时页面

2017年02月06日 46 阅读

本文实例为大家分享了js支付倒计时页面制作代码，供大家参考，具体内容如下（图一） （图二） （图三） （图四）实现目标一、页面在图一时开始进行倒计时（可以点击取消订单按钮，支付页面消失）。二、倒计时完毕，出现删除订单。三、单击删除订单，弹出弹框，询问是否要真正删除订单。四、单击确定，即可删除订单。如上图所示效果展示，这里给出所有的源代码（如需运行，只需要修改EJS文件中引入的CSS路径和JS路径即可）.这个页面其实是自己业余时间，写的东西。 但是里面涉及到...

seajs模块之间依赖的加载以及模块的执行

2017年02月06日 48 阅读

本文介绍的是seajs模块之间依赖的加载以及模块的执行，下面话不多说直接来看详细的介绍。入口方法每个程序都有个入口方法，类似于c的main函数，seajs也不例外。系列一的demo在首页使用了seajs.use（） ，这便是入口方法。入口方法可以接受2个参数，第一个参数为模块名称，第二个为回调函数。入口方法定义了一个新的模块，这个新定义的模块依赖入参提供的模块。然后设置新模块的回调函数，用以在loaded状态之后调用。该回调函数主要是执行所有依赖模块的工厂...

connection reset by peer问题总结及解决方案

2017年02月06日 45 阅读

找遍了中英文网站，翻遍了能找的角落，发现了出现故障的原因和原理，及改如何处理，这里记录下，希望能帮助到有需要的小伙伴，少走点弯路，以上就整理内容：connection reset by peer问题总结及解决方案1.服务器的并发连接数超过了其承载量，服务器会将其中一些连接关闭如果知道实际连接服务器的并发客户端数并没有超过服务器的承载量，则有可能是中了病毒或者木马，引起网络流量异常。解决方法：可以使用netstat -an命令查看网络连接情况。2.客户端关掉...

全屏滚动插件fullPage.js使用实例解析

2017年02月06日 47 阅读

如今我们经常能看见到全屏网站，尤其是国外玩站。这些网站用几幅很大的图片或色块做背景，再添加一些简单的内容，显得格外的高端大气上档次。而JQuery的一款插件fullpage.js，可以实现全屏滚动，非常流行的效果，兼容性IE8+兼容性不错，能够兼容多种浏览器。主要功能有：支持鼠标滚动支持前进后退和键盘控制多个会调函数支持手机、平板触摸事件支持CSS3动画支持窗口缩放窗口缩放时自动调整可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等准备工...

基于angularJS的表单验证指令介绍

2017年02月06日 40 阅读

做开发这么久一直被表单验证这个看似简单又不简单的东西搞得非常烦躁，于是写了个表单验证的框架，再也不用担心这个心烦的验证了。这里使用AngularJS的指令进行处理代码及其简洁明了下面是指令JS代码app.directive（"ccForm",["$parse",function （$parse） {return {restrict:"A",link:function （scope,element,attrs） {var first=true;var err...

JavaScript高仿支付宝倒计时页面及代码实现

2017年02月06日 43 阅读

实现目标一，页面在图一时开始进行倒计时（可以点击取消订单按钮，支付页面消失）。二，倒计时完毕，出现删除订单。三，单击删除订单，弹出弹框，询问是否要真正删除订单。四，单击确定，即可删除订单。如上图所示效果展示，这里给出所有的源代码（如需运行，只需要修改EJS文件中引入的CSS路径和JS路径即可）.这个页面其实是自己业余时间，写的东西。 但是里面涉及到，倒计时，弹框，以及字体图（可以参照“如何制作字体图”章节）的相关知识。这里分享出来，希望大家能从中学到自己想...

浅谈Angularjs link和compile的使用区别

2017年02月06日 38 阅读

compile想在dom渲染前对它进行变形，并且不需要scope参数想在所有相同directive里共享某些方法，这时应该定义在compile里，性能会比较好返回值就是link的function，这时就是共同使用的时候link对特定的元素注册事件需要用到scope参数来实现dom元素的一些行为以上就是小编为大家带来的浅谈Angularjs link和compile的使用区别全部内容了，希望大家多多支持脚本之家~...

浅谈angularjs module返回对象的坑（推荐）

2017年02月06日 43 阅读

通过将module中不同的部件拆分到不同的js文件中，在组装的时候发现module存在一个奇怪的问题，不知道是不是AngularJS的bug。至今没有找到解释。问题是这样的，按照理解，angular.module（"app.main", []）;这样一句话相当于从app.main命名空间返回出一个app对象。那么，不论在任何js文件中，我通过该方法获得的app变量所储存的指针都应该指向唯一的一个堆内存，而这个内存中存储的就是这个app对象。这种操作在mod...

BootStrap轻松实现微信页面开发代码分享

2017年02月06日 44 阅读

1. 行长度：<div class="col-md-12"> </div> 2.modal<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"><div class="modal-dialog"> <div class="moda...

基于angular中的重要指令详解（$eval,$parse和$compile）

2017年02月06日 40 阅读

在angular的服务中，有一些服务你不得不去了解，因为他可以说是ng的核心，而今天，我要介绍的就是ng的两个核心服务，$parse和$compile。其实这两个服务讲的人已经很多了，但是100个读者就有100个哈姆雷特，我在这里讲讲自己对于他们两个服务的理解。大家可能会疑问，$eval呢，其实他并不是一个服务，他是scope里面的一个方法，并不能算服务，而且它也基于parse的，所以只能算是$parse的另一种写法而已，我们看一下ng源码中$eval的定...

javascript简易画板开发

2017年02月06日 47 阅读

本文实例为大家分享了制作javascript简易画板的方法，供大家参考，具体内容如下html：<body id="bodys"><span id="eraser">清除所有</span><span id="colorbtn">笔画颜色</span><input type="range" name="ram" id="ram" min="1" max="20" step="1" value="...

使用BootStrap和Metroui设计的metro风格微网站或手机app界面

2017年02月06日 41 阅读

今天使用bootstrap和metroui设计了一个metro风格的移动app或者微信微网站的界面程序的源代码可以从此处获得：https://github.com/mz121star/weixin-metro有喜欢的朋友可以拿去修改一下。<！DOCTYPE html><！--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"> <！[endif]-->&...

javascript轮播图算法

2017年02月06日 43 阅读

轮播图，是网站首页中常见的一种图片切换特效，作为前端开发者，我相信很多开发者都直接调用了Jquery中的封装好的方法实现图片轮播，省事简单。所以我想介绍一下javascript纯代码实现的图片轮播。HTML<div id="content_img1"><ul id="img1"><li><img src="img/5.jpg"/></li><li><img src="img/1....

js运动事件函数详解

2017年02月06日 44 阅读

本文实例为大家分享了js运动事件函数，供大家参考，具体内容如下HTML<div id="breedsdog"><h2 class="title">The Dog</h2><p class="describe">Split between cat,belong to the cat family,cat,cat,is the world"s more widely<br>in the family ...

网页瀑布流布局jQuery实现代码

2017年02月06日 44 阅读

什么是瀑布流网页布局？瀑布流，又称瀑布流式布局。是比较流行的一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。下面来看代码，用纯CSS3来做看效果怎样！HTML<div id="all"><div class="box"><div class="pic"><img src="cars/1.jpg"/></div></div&g...