例如： #1234ff 输出 #1234ff #123 输出 #123 #12345g 输出 #12345g 代码如下:function RGB(rgb) { reg=/^#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})$/; if ( reg.test(rgb) ) rgb=rgb(+parseInt(RegExp.$1,16)+","+parseInt(RegExp.$2,16)+","+parseInt(RegExp.$3,16)+); return rgb; } 演示代码: alert(RGB("#ff0000")) function RGB(rgb) { reg=/^#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})$/; if ( r...
一. 原型与构造函数 Js所有的函数都有一个prototype属性，这个属性引用了一个对象，即原型对象，也简称原型。这个函数包括构造函数和普通函数，我们讲的更多是构造函数的原型，但是也不能否定普通函数也有原型。譬如普通函数： 代码如下:function F(){ alert(F.prototype instanceof Object) //true; } 构造函数，也即构造对象。首先了解下通过构造函数实例化对象的过程。 代码如下:function A(x){ this.x=x; }...
在前端开发必须知道的JS之原型和继承一文中说过下面写篇闭包，加之最近越来越发现需要加强我的闭包应用能力，所以此文不能再拖了。本文讲的是函数闭包，不涉及对象闭包（如用with实现）。如果你觉得我说的有偏差，欢迎拍砖，欢迎指教。一. 闭包的理论 首先必须了解以下几个概念： 执行环境 每调用一个函数时（执行函数时），系统会为该函数创建一个封闭的局部的运行环境，即该函数的执行环境。函数总是在自己的执行环境...
前言： 密码强度是一个很普遍的功能，比较简单，主要是怎么制定这个强度规则。现在需要升级密码强度的验证，以前的验证比较简单，现在已经不能满足需求了，现在需要可灵活变化并有多级别可配置选择的一个密码强度验证，所以就设计了下面这个东东。在设计前也参考了下比较成熟的强度规则，大同小异，不外乎都采取了打分的机制来控制密码强度规则，这样可配置性高，灵活。本来想直接拿来用的，但是发现都比较旧，有些不太适宜公司开发...
项目背景：.Net 3.5+MySQL+jQuery+WebService 在公司做这个项目已经6个多月了，总结一些问题，也算是抛砖引玉吧，希望园子里更多的朋友一起分享一些技巧。 1、 WebService方法返回值不能为void。 当WebService方法返回值为void时，FF和Chrome会持续等待，认为这个请求没有结束，而在IE中一切是正常的。 2、当input的type="button"时或者使用button时，点击后会触发form的submit。 当时查找页面刷新的问题找了很久，最后才发现是but...
作为一个标准的绝顶的懒人,我想做一个测试工具,可以同时把所有浏览器的测试结果都显示在一个浏览器窗口里,并且列成清晰的表格,便于比较. 这一定会是一个可爱的工具,节省时间不说,而且可以清晰的记录和比较数据.下面说一下我的思路.(之后我将使用这个工具测试一个js的兼容性问题,敬请关注) 本工具已经制作完成,但是不具通用性,需要和后台配合使用,需要和数据库交互,而且后台交互的性能不太好,普通的电脑无法承受(我的3GHZ的cpu,2G内...
第7个PPT的代码是用 JS 去设置 CSS，这与“不同浏览器解析DOM不同”没有任何关系，是CSS的兼容性！而且用JS去直接设样式是技术理念上的一个错误！ 第9个PPT的代码是用DOM脚本编程，而不是用兼容性更好的表单 name 去取表单中的对象。好像没有 DOM 脚本编程就无法活了，不要什么都 XXX.getElementByXXX 方法。 第10个PPT的代码是用: if(document.all){}else{} 而代码明明是addEventListener()方法，那为什么不这么写： if(XXX.addEv...
手机号代码如下: /^1((3[\d])|(4[5,6,9])|(5[0-3,5-9])|(6[5-7])|(7[0-8])|(8[1-3,5-8])|(9[1,8,9]))\d{8}$/大写字母代码如下: /^[A-Z]+$/日期,如: 2000-01-01代码如下: /^\d{4}(-)\d{1,2}\1\d{1,2}$/email地址代码如下: /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/国内座机电话,如: 0341-86091234代码如下: /\d{3}-\d{8}|\d{4}-\d{7}/身份证号(15位、18位数字)，最后一位是校验位，可能为数字或字符X代码如下: /(^\d{15}$)|...
在表单验证中，使用正则表达式来验证正确与否是一个很频繁的操作，本文收集整理了15个常用的JavaScript正则表达式，其中包括用户名、密码强度、整数、数字、电子邮件地址（Email）、手机号码、身份证号、URL地址、 IPv4地址、 十六进制颜色、 日期、 QQ号码、 微信号、车牌号、中文正则。 1 用户名正则 //用户名正则，4到16位（字母，数字，下划线，减号） var uPattern = /^[a-zA-Z0-9_-]{4,16}$/; //输出 true console.log(uPatt...
回复内容： 一个一个来前端：css:关于怎么组织好css结构这个坑很大。不过已经有一些规范了，最出名的oocss Home stubbornella/oocss Wiki GitHub关于复用css主要靠组件化，把常用的东西组件化，比如Button，Dropdown，以后用就加一下class。Bootstrap结构挺好，学一下LESS（很简单的，一天看完），看一下源码，自己照着定制一下UI库。（主要就是Grid system， Button，Dropdown，Form，Modal，Collapse，其他的用到的时候加）js：...
我是一条即将毕业的大四狗，目前在一家网络公司做前端开发的实习生，每天也算充实。可是想到毕业设计就头痛。我选的题目是“基于Android平台的选课系统的设计与实现”，看上去很简单的一个题目，但显然不是我所擅长的，兴趣不在此。不过看到利用HTML5等前端知识也可以开发Android应用，甚是欢喜。眼瞅着毕业临近，时间紧迫啊。想问一下各位，在短时间内如果想利用前端开发的方式去做这样一个不是很复杂的Android应用，应该还需要看...
回复内容： 把这两本书看完，是不是就淹不死了。再做三个项目，应该能面个实习了。前端这种事情很特殊，不像后端程序那么简单！比如C/C++，语法稍微不规范就没办法编译通过，写坏了有事儿没事儿就出个core什么的，写的人不敢不好好写。限制这样多的好处就是在程序正式运行前就把大部分bug干掉了，并且所有的实现几乎都是确定并且正确的办法。前端的代码就不同了，html/css/javascript 都是可以容错的，于是写代码的人可以用各种规范...
英文原文：Web Styleguide - Style guide to harmonize HTML, Javascript and CSS / SASS coding styleJavaScript 规范全局命名空间污染与 IIFE总是将代码包裹成一个 IIFE(Immediately-Invoked Function Expression)，用以创建独立隔绝的定义域。这一举措可防止全局命名空间被污染。IIFE 还可确保你的代码不会轻易被其它全局命名空间里的代码所修改（i.e. 第三方库，window 引用，被覆盖的未定义的关键字等等）。不推荐var x = 10,...
本篇文章给大家带来的内容是关于前端常用的JavaScript操作（代码实例），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。1.删除字符串中指定的一段字符例：删除"10km"中的kmvar str = "10km"//方法一： var res = str.replace(km, )//方法二： var res = str.split(km).join() //join方法不传参默认使用逗号作为分隔符2.数组去重var arr = [1, 2, 3, 1, 2]//方法一： var res = [...new Set(arr)]//方法二： var ...
无意发现自己文件夹里面有这么一个文件，具体从哪里来的不记得了，仔细看下，发现总结的挺好的，贴出来分享一下。无论是从技术角度还是开发视角，对于web前端开发规范文档都有一定规范，本文就css3和html5的发展前景总结了一系列的web开发文档，仅供大家参考。规范目的： 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台...