liwenhui的博客

A small calendar using jQuery. It can show the month you gave, show the active dates you set, get the month users selected, get the date users selected.var huicalendar = function(element, options){ this.element = element; this.enabledDay = option

用户注册账号时，我们应该检查格式是否符合要求，字数是否符合要求，网页图片也应该检查是否成功加载，加载失败应该显示默认图片，代码参考如下：// 检查账号格式function checkUsername(name){ var reg = /^[a-zA-Z]+[0-9a-zA-Z]{5,19}$/g; if(reg.test(name)){ return true; } else { return false; }}// 检查是否包含数字function hasNu

网页是否在 PC 端打开，可以帮助我们对页面进行调整，判断系统种类方便我们统计信息，判断浏览器种类版本，方便我们处理兼容问题，参考代码如下：// 页面在pc端打开时，返回true；否则返回falsefunction checkPC(){ var agentstr = navigator.userAgent.toLowerCase(); // var agentstr = req.headers['user-agent'].toLowerCase(); // nodejs var a

用户点击小图一般是要查看小图放大后的大图，或者鼠标移到小图后想要查看详细的信息的大图，这时候要考虑大图的定位问题，以下代码可以参考（需要引入 jq ）： // 小图 大图 定位 $(document).on('mouseover', '.smallimg', function(e){ var src = $(this).attr('src'); $('body').append('<img src="'+src+'" style="display:none;position:abso

统计字符串时，要考虑的是，一个中文字符占两个字符长度，以下是统计的代码参考： // 统计字符串长度，一个汉字2个字节 function countStr(str){ var len = 0; if(str){ for (var i = 0; i < str.length; i++) { if (str.charCodeAt(i) > 128) { len += 2; } else { len += 1; } }; }

在网页显示时，字符串可能会太长，超出我们的预期，一般可以截断加省略号，中文字符一般占用两个字符，用代码控制可以达到更好的效果，以下是参考的代码： // 字符串超出截断加省略号 function cutStr(str, len){ if(str.length*2 <= len) { return str; } var strlen = 0; var newstr = ''; for(var i = 0;i < str.length; i

在发送短信的功能操作时，需要在点击发送后等待一段时间，之后才能再次尝试发送短信功能，参考的代码如下： // 计时器，倒计时 function setTimer(target, contain, time){ $('.'+target).removeClass(target).addClass('timer_running').html(time+'秒后获取'); var timer = setInterval(function(){ time--; if(time < 0)

设置拖动功能可以提高用户的操作体验，如果使用 bootstrap 框架可以参考以下代码： // modal 拖动 $(document).on('mousedown', '.modal-dialog', function(e){ var x = e.pageX; var y = e.pageY; var $modal = $(this); var top = parseInt($modal.css('top')); var left = parseInt($modal.css('

浏览器cookie的处理可以记录用户的操作数据，在用户下次打开时可以使用，从而提高用户体验，以下是参考代码： // 原生cookie function addCookie(name,value,expiresHours){ var cookieString=name+"="+escape(value); if(expiresHours>0){ var date=new Date(); date.setT

获取网址链接的参数，可以方便我们进行调整页面的显示，或者发送数据给后端进行相关处理，以下是获取参数的代码参考：// 获取链接的参数 function getParameter(name) { var reg = new RegExp(name +"=.*",'g'); var str = window.location.href.match(reg); if (str) { str = str[0].split('&');

用户填写表单时，需要我们检查格式是否正确，提高用户体验，以下是常用的验证代码： // 验证手机号 function checkPhone(phone){ var reg = /^1(3[0-9]|4[57]|5[0-35-9]|7[01678]|8[0-9])\d{8}$/; if(reg.test(phone)){ return true; } else { return false; } } // 验证邮箱 function checkM

页面中的信息比较多时，需要让信息滚动起来，有的是向上滚有的是向左滚，以下是参考代码：// 滚动函数 往上滚和往左滚 // opts = {go: 'left', obj: $('.scroll_left'), cons: 5, goTime: 1000, stopTime: 2000, dots: $('.con-dots span')} // go:滚动方向top/left obj:滚动的容器，有超出隐藏的 cons:容器看到的个数 goTime:滚动的时间，毫秒 stopTime:停止的

日期时间转换秒数或者秒数转换日期和时间，在前端页面需要的是日期和时间，而后端保存一般需要秒数，在比较时间前后时，也需要秒数的比较，以下是参考代码： // 把秒数转换为日期和时间 function changeTime(time){ var date = new Date(time*1000); var hour = date.getHours(); var minute = date.getMinutes(); var second = date.getSeconds();

在写简单几个活动页面时可能不想引入其它文件，这时候发送请求消息给后端，可以自己写原生方法，以下是参考代码：// 原生ajax var ajax = function() {}; ajax.prototype = { request: function(method, url, callback, postVars) { var xhr = this.createXhrObject(); xhr.onreadystatec

在显示金额等类似的数据时，需要给千分位加个逗号分割，以下是参考代码和运行结果：// 千分位var regThousands = /(\d)(?=(\d{3})+\.)/g;var num = 1234567.6699;num = num + '';num = num.replace(regThousands, '$1,');// 结果："1,234,567.6699"...

处理买家姓名，需要对姓名去前后空格，需要去掉重复姓名，还要计算重复姓名的次数，把买家姓名保存为数组元素，以下是参考代码：/* * 功能：把字符串转换为数组，字符串用换行隔开，数组元素去掉空的、前后空格的、有重复的 * 参数：str，用换行符隔开的字符串；json，可不传，传入true时返回对象{'arr':[1,2],'same':2} * 示例：strToArr(buyer_str,true); strToArr(buyer_str,1); strToArr(buyer_str); * 备注：

有时候需要写几个简单的活动页面，但是浏览器的默认样式并不是我们想要的，各个浏览器的样式还都不一样；这时候就需要对样式进行重置，写一些公共的样式，来兼容各个浏览器的默认样式了。以下是一些参考：@charset 'utf-8';html{color:#333;background:#eee;font-family:Arial,'Microsoft Yahei';}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,le

原生JS方法的文档标签及属性操作一、节点介绍1、节点的类型和nodeType标签节点的nodeType为1、文本节点的nodeType为3、注释节点的nodeType为8、文档碎片节点的nodeType为11。例子用到的html代码如下：&amp;amp;lt;div class=&amp;quot;test_class test_class1&amp;quot; id=&amp;quot;test_id&amp;quot; value=&amp;q

Math对象和Date对象Math对象是关于数学方面的一系列属性和方法，常见的属性有：圆周率、自然对数的底e……常见的方法有：取整函数、随机数的函数、幂函数、指数函数、对数函数、三角函数、反三角函数……Date对象是关于时间方面的方法，分为两类：获取和设置，每一类都涉及到年月日时分秒……一、Math对象1 常见的函数ceil 它将向上舍入为最接近的整数floor 比较均等 它将向下...

JQ 的 AJAX 方法JQ是一个强大的JS引用类库，在AJAX方面同样是功能强大，处理了兼容，简化了请求方法，有益于快速开发。一、原生的AJAXvar xhr = new XMLHttpRequest();var xhr.open("get", url, "true");var xhr.send();var xhr.onload = function(){ consloe.log(x...

JSON.parse 和 JSON.stringify 解析下面的代码是说明的例子，可以粘贴到浏览器控制台查看结果，第一行是不规范的写法。var a = {a:1, b:2, c: {a:2,b:3,},}var b = JSON.stringify(a, ['b','c'], ' ');var c = JSON.parse(b, function(k,v){if (k=='a') ret...

框架介绍uni-app 的框架是基于 vue 的单文件组件来开发的，自带 ui 框架，可以完成 h5 的开发；使用了 weex 的原生渲染引擎，可以开发安卓和苹果 app ；还可以发布到各类小程序平台，举个栗子：微信小程序、支付宝小程序、百度小程序、头条小程序等等等。其实还有一个跨多平台开发的框架，那就是 taro ，这是基于 react native 来开发的，不过学习成本可能会比较高。项...

JavaScript 代码规范本文翻译了 Mr.doob 提出的 JavaScript 代码规范，他是 Threejs 的作者，在他的开源项目中都是按照这个规范来要求的。按照这个规范书写代码时，要做到能使用空格的就要使用，用空行来分隔代码块的不同部分，整体感觉代码比较松散，缩放之后还能看得清楚。原文地址1、基本要求代码使用 UTF-8 字符集；代码换行使用换行符 \n ；缩进必须用 ...