摘要: 最近在为项目写登录注册系列页面, 表单验证无疑是不可缺少的部分, 在这个jQ插件满天飞的web年代, 表单验证倒也不是难事. 但再好的插件, 也并不能做到十全十美, 比如这次用到的我先前介绍过的Vanadium表单验证插件, 因为是E文中不存在占2个字符的字, 所以, 区分中英文字符就得自己扩展. 本文就将介绍两种区分中英文字符的方法: 利用正则和charCodeAt方法区分中英文字符.点此查看D... 阅读全文
posted @ 2010-10-26 16:53 Mr.Think 阅读(1380) 评论(0) 推荐(0) 编辑
摘要: 前端开发中两个很不错的小技巧, CSS三角形与圆角背景. 的确, 它们都可以通过图片来实现, 但, 抛开用代码实现可以减小图片加载量不说, 当你遇到三角形或圆角背景下还有一层非纯色背景时, 你又不得不考虑IE6 png兼容问题, 嗯, IE6,万恶之源. 此时, CSS三角形及圆角背景将是上佳选择.查看演示: 点此查看DEMOCSS圆角背景通过改变层叠元素的margin值实现圆角效果.当然,有人会... 阅读全文
posted @ 2010-10-22 01:49 Mr.Think 阅读(8037) 评论(9) 推荐(3) 编辑
摘要: 为新项目写的一份规范文档, 分享给大家. 我想前端开发过程中, 无论是团队开发, 还是单兵做站, 有一份开发文档做规范, 对开发工作都是很有益的. 本文档由本人编写, 部分意见来源于网络, 以此感谢, 片面及有误的地方, 希望大家指正. 另, 本文档部分规范是为我所在项目组所写, 使用时请根据实际项目需求修改.以下为[WEB前端开发规范文档]正文点此查看WEB版本规范目的为提高团队协作效率,便于后... 阅读全文
posted @ 2010-10-12 14:39 Mr.Think 阅读(14756) 评论(41) 推荐(32) 编辑
摘要: 一个随机排列元素的方法, 其实之前是在摄影页面写的一个小效果.查看演示: 点此查看DEMO实现方法利用Math.random()产生随机数, 再通过sort()进行随机排列.核心代码function randomFun(){ var h5=document.getElementsByTagName('h5')[0] var spanItem=document.getElementsByTagNam... 阅读全文
posted @ 2010-09-27 08:25 Mr.Think 阅读(1289) 评论(6) 推荐(0) 编辑
摘要: PR值, 全称为PageRank(网页级别), 取自Google的创始人Larry Page. 它是Google排名运算法则(排名公式)的一部分, 是Google用于标识网页的等级/重要性的一种方法. 一直以来, 它是Google用来衡量一个网站好坏的唯一标准.然, 自09年10月中旬Google员工Susan Moskwa在Google网站管理员帮助论坛中确认了pr值取消这一消息起, PR是否真... 阅读全文
posted @ 2010-09-19 17:39 Mr.Think 阅读(247) 评论(0) 推荐(0) 编辑
摘要: 近几天折腾了个摄影页面, 记录平时拍的一些影像碎片, 修改Wordpress的Filkr相册插件嫌麻烦,于是所有图片的地址都是以静态形式写进去. 觉着很麻烦,特别是添加图片时.怎么办?我想到了强大的xml. 何不将所有的图片路径数据集中放在一个xml文档中,然后用JavaScript加载该文档,再把数据一条条插进去,这样就不用每次到页面中写html代码了(JSON可以更简洁的解析,但本文是讲xml... 阅读全文
posted @ 2010-09-13 11:07 Mr.Think 阅读(1560) 评论(0) 推荐(0) 编辑
摘要: 比较常用的限制字符输入数功能(比如热火超天的微博输入框),用jQuery和原生JavaScript分别写了一个.原生JavaScript注释中有区分中英文字符的函数, 但个人并不建议这么做.已知BUG:Ubuntu系统下, onkeyup事件失效,详见: Ubuntu系统下onkeyup/onkeydown对中文输入失效bug.查看演示: 点此查看DEMO核心代码://原生JavaScript版... 阅读全文
posted @ 2010-09-10 09:45 Mr.Think 阅读(3092) 评论(11) 推荐(1) 编辑
摘要: 在写一个限制字符输入数的功能时, 发现的一个bug, 在Ubuntu系统中, 原生JavaScript的onkeyup/onkeydown和基于jQuery的keyup/keydown事件对中文输入均无效(非中文字符及数字输入均正常),onchange事件是正常的.暂未找到合适的解决方案, 已向官方提交bug.系统环境: Ubuntu 10.4浏览器: FireFox 3.6 / Chromeiu... 阅读全文
posted @ 2010-09-10 09:44 Mr.Think 阅读(332) 评论(0) 推荐(0) 编辑
摘要: 日常开始中常用到的一些原生JavaScript函数,比较实用, 今天特地整理一下,分享给大家,希望对大家有用,会常更新,同时也欢迎大家补充.css及html方面的技巧总结,点此前往: 前端开发中一些常用技巧总结, 你还可以前往兰芝博客, 查看由淘宝UED整理的前端tips: http://www.12sui.cn/category/css/.1. document.getElementById的简... 阅读全文
posted @ 2010-09-06 13:54 Mr.Think 阅读(3088) 评论(6) 推荐(4) 编辑
摘要: 相信使用过jQuery的朋友都知道index()方法, 她可以很方便的帮你找到当前元素在元素集合中索引位置. 那么, 原生JavaScript中如何获取呢? 这是我在写结构/表现/行为完全分离的选项卡(jQ版和原生JS版)一文时发现的问题. 今天一个朋友也问到我这个问题, 这个函数的确很实用. 和大家分享一下我的实现方法.代码:function index(current, obj){ for (... 阅读全文
posted @ 2010-08-30 17:44 Mr.Think 阅读(1430) 评论(0) 推荐(0) 编辑