rockyxia
5年前 (2019-02-26) 8219浏览
Vue-SuperSlide
Vue-SuperSlide(Github) 是 SuperSlide 的 Vue 封装版本,API 配置及使用方法与 SuperSlide 几乎一致,让你能够便捷的在 Vue 工程中使用 SuperSlide。
简介
关于 SuperSlide 的详细介绍可以到 SuperSlide 官方网站 – 大话主席 进行查看。
大话主席的 SuperSlide 是多年以前...
rockyxia
6年前 (2017-06-01) 7839浏览
摘要
收集整理了15个常用的javaScript正则表达式,其中包括用户名、密码强度、整数、数字、电子邮件地址(Email)、手机号码、身份证号、URL地址、 IPv4地址、 十六进制颜色、 日期、 QQ号码、 微信号、车牌号、中文正则。表单验证处理必备,赶紧收藏吧!
1 用户名正则
//用户名正则,4到16位(字母,数字,下划线,减号)
var uPattern = /^[a-zA-Z0-9_-]{...
rockyxia
7年前 (2016-09-12) 6104浏览
判断手机是否是ios和Android客户端
通过判断浏览器的userAgent,用正则来判断手机是否是ios和Android客户端。网上搜索来的,比较简单:
var u = navigator.userAgent;
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
var isiOS = !...
rockyxia
8年前 (2016-04-20) 24249浏览
概要
现在手机端页面上的上拉刷新、下拉加载更多页面的效果可以说屡见不鲜了,app开发里面都是有集成的控件的,很容易就实现这样的效果。今天给大家分享一个js实现的,能适用与所有web页面的。
相关说明
关于上拉刷新、下拉加载更多的效果从百度上一搜也是玲琅满目,各种的插件、js也是一堆,我所分享的这个也是从网上参考来的,属于非常简洁好用的,可以很好的运用到项目中去。
一个DEMO给大家瞅一瞅,点我!手机可以直...
rockyxia
8年前 (2016-01-21) 8082浏览
写在前面
querySelector 和 querySelectorAll 方法是 W3C Selectors API 规范中定义的。他们的作用是根据 CSS 选择器规范,便捷定位文档中指定元素。
目前几乎主流浏览器均支持了他们。包括 IE8(含) 以上版本、 Firefox、 Chrome、Safari、Opera。
IE6、IE7怎么办
querySelector 和 querySelectorAll ...
rockyxia
9年前 (2014-08-31) 7699浏览
正文直接开始
现在经常会遇到让输入身份证号码的需求,那么我们应该如何验证身份证号码的合法性呢?今天我们来分享一个js验证的方法。
function checkIdcard(num){
num = num.toUpperCase();
//身份证号码为15位或者18位,15位时全为数字,18位前17位为数字,最后一位是校验位,可能为数字或字符X。
if (!(/(^\d{15...
rockyxia
9年前 (2014-07-30) 8570浏览
正文直接开始
http meta方式
<meta http-equiv=refresh content=3;url='/search/billsearch.jsp'>
<a href="javascript:countDown"><span id="tiao">3</span>秒后自动跳转……</a>
<!--脚本开始-->...
rockyxia
9年前 (2014-07-29) 8480浏览
正文直接开始
在网页中放图片的时候我们经常会遇到图片变形的问题,今天给大家分享一个等比例压缩图片的js,可以设置最大宽高,然后等比例自动压缩。
<script type="text/javascript">
function AutoResizeImage(maxWidth,maxHeight,objImg){
var img = new Image();
...
rockyxia
10年前 (2013-10-04) 10685浏览
写在前面
最近一个网站项目用上响应式布局,这也是我的第一次尝试,其实做起来也一样并没有遇到太大的问题,开始的时候可能需要大量的百度和谷歌你才能入门,当你真正去做的时候会发现很便捷。
正文开始
由于响应式布局主要是针对移动手持设备的,占有很大市场份额的不支持flash的ios要求我们在网站上播放视频时必须要使用html5的播放器,这个大家应该都能想到,使用了html5时我们必须要考虑到目前国内的大量的ie6-...
rockyxia
11年前 (2012-10-22) 7286浏览
JSON
介绍
我们知道AJAX技术能够使得每一次请求更加迅捷,对于每一次请求返回的不是整个页面,也仅仅是所需要返回的数据。通常AJAX通过返回XML格式的数据,然后再通过客户端复杂的JavaScript脚本解析和渲染这些XML格式的数据。
JSON(读Jason)是为了能够使得数据格式成为一种标准,更简单的被JavaScript解析。
优点
1、轻量级的数据交换格式
2、人们读写更加容易
3、易于机器的解...
rockyxia
11年前 (2012-10-22) 6718浏览
JavaScript实现多维数组、对象数组排序,其实用的就是原生的sort()方法,用于对数组的元素进行排序。
sort() 方法用于对数组的元素进行排序。语法如下:
arrayObject.sort(sortby);
返回值为对数组的引用。请注意,数组在原数组上进行排序,不生成副本。
如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实...
rockyxia
11年前 (2012-09-18) 10090浏览
写在前面
在我们做前端页面表单提交时经常会遇到手机号码和邮箱的验证,方法多种多样,此文记录偶平时使用的一个函数!
此文已转发此百度经验,详情请移步百度经验!点此进入
验证函数:
<script language="javascript">
function check(form)
{
if (form.phone.value == '...
rockyxia
11年前 (2012-07-04) 7923浏览
上来就是结果
var ie = !-[1,];
这句代码在IE9之前曾被称为世界上最短的IE判定代码。代码虽短但确包含了不少javascript基础知识在里面。在这个例子中代码执行时会先调用数组的toString()方法 ,执行[1,].toString()在IE6,7,8中将会得到”1,”。然后表达式就变为!-“1,”。再尝试把”1,”...
rockyxia
12年前 (2012-04-22) 10925浏览
现在的微博那叫一个火啊,以至于偶们公司的老总都亲自要求我们搞程序搞研发高前端这块的人都必须要上微博啊,还必须得是新浪微博,腾讯微博那是小学生玩的!(//rockyxia:老总是这么说,但是没有贬低腾讯微博的意思) 废话的了一大坨,开始进入正题,今天要搞的是微博那话题和@两个功能,我想大家对这两个功能应该对不陌生了,想一想也知道肯定是通过正则整出来的,今天我给大...
rockyxia
12年前 (2012-04-08) 14493浏览
正文直接开始
我们经常在网上看到那些商城里有限时抢购和秒杀一类的倒计时,今天我来分享一个用js获取服务器时然后做倒计时的程序,至于为什么要获取服务器时间我想大家都懂的!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtm...
rockyxia
12年前 (2012-01-06) 12059浏览
Javascript 返回上一页
Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2);
history.back()
window.history.forward()返回下一页
window.history.go(返回第几页,也可以使用访问过的URL)
例:
<a href="javascript:history.go(-1);"&...
rockyxia
12年前 (2011-12-13) 32576浏览
正文直接开始
有时我们需要我们的input只能输入整数,把中文,英文以及所有字符全部屏蔽掉,我找到了一个非常简便的方法,分享给大家,如果大家有更好的也请一起分享哈!
只需要在input中加入以下代码即可:
style="ime-mode:disabled" onkeypress="return event.keyCode>=48&&event.keyCod...
rockyxia
12年前 (2011-10-13) 9482浏览
用select做下拉式友情链接
javascript代码:
<script language="JavaScript" type="text/JavaScript">
function MM_jumpMenu(targ,selObj,restore){ //v3.0
//本窗口打开
//eval(targ+...
rockyxia
12年前 (2011-09-22) 9591浏览
使用javascript方法控制多个div的高度一致,达到最高的那个div的高度,这个我相信大家应该都遇到过,因为并排的div内容是自由的,所有高度也是不能固定死的,所以往往并排的div高度不一致有时候会很难看,这里我介绍的是javascript的方法,大家也可以使用jquery去做也是可以的,这里使用纯的javascript也不是很复杂,所以我就没有用jquery去做了!首先给大家看代码吧:
html代...
rockyxia
12年前 (2011-09-22) 6676浏览
这是我一直在使用的禁止右键和托选复制代码
oncontextmenu="return false" onselectstart="return false" ondragstart="return false" onbeforecopy="return false" oncopy="document.sel...