Happy_999-CSDN博客

转载最全的常用正则表达式（转）

很多不太懂正则的朋友，在遇到需要用正则校验数据时，往往是在网上去找很久，结果找来的还是不很符合要求。所以我最近把开发中常用的一些正则表达式整理了一下，在这里分享一下。给自己留个底，也给朋友们做个参考。校验数字的表达式1 数字：^[0-9]$2 n位的数字：^\d{n}$3 至少n位的数字：^\d{n,}$4 m-n位的数字：^\d{m,n}$5 零和非零开头的数字：^(0|[1-9][0-9])$6 非零开头的最多带两位小数的数字：^([1-9][0-9])+(.[0-9]{1,2})?$7

2020-06-02 15:54:00 254

转载 JS事件委托

先看看解析，事件委托：也称事件代理就是利用冒泡的原理把加事件加到父级上，触发执行效果首先呢，你一定写过这样的程序，有一个列表，当鼠标移入每个li，背景颜色变红，于是我们写出了这样的代码：（我给的代码一般都写的重点代码，html大家可以自行写哈。）window.onload = function(){ var oUl = document.getElementById('ull...

2018-03-12 11:33:32 277

转载 chrome表单自动填充去掉input黄色背景解决方案

chrome表单自动填充后，input文本框的背景会变成偏黄色的，这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性，然后对其赋予以下样式：input:-webkit-autofill {background-color: #FAFFBD;background-image: none;color: #000;}在有些情况下，这个黄色的背

2017-12-26 11:33:13 329

转载 Flex 布局教程：实例篇

作者：阮一峰日期： 2015年7月14日上一篇文章介绍了Flex布局的语法，今天介绍常见布局的Flex写法。你会看到，不管是什么布局，Flex往往都可以几行命令搞定。我只列出代码，详细的语法解释请查阅《Flex布局教程：语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。一、骰子的布局

2016-12-22 15:00:01 520

转载 Flex 布局教程：语法篇

作者：阮一峰日期： 2015年7月10日网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现

2016-12-22 14:58:52 343

转载 js调用可执行exe

注：1、ie设置--降低安全级别如 Intenet选项——安全——自定义级别——对未标记的ActiveX控...————启用2、路径中含空格a：用%20代替空格Html代码 html> head> meta http-equiv="Content-Type" content="text/html; charset=g

2016-11-14 15:56:23 2926

转载 A new micro clearfix hack

/** * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * contenteditable attribute is included anywhere else in the document. * Otherwise it causes space

2015-03-08 16:05:33 698

转载 CSS Hack技术详解，支持IE 6-11、Chrome、FireFox、Safari、Opera

当前网络时代，各种各样的网页向我们展示着丰富多彩的网络世界，而浏览器则是我们欣赏网络世界的窗口。以前，浏览器主要有IE和NetScape两家；到现在，各种各样功能强大的浏览器层出不穷。例如：举世闻名的浏览器有Chrome、FireFox、Safari、Opera，常见的"国产"浏览器有遨游、QQ、360、搜狗、UC、世界之窗。由于不同浏览器所遵循的标准也有所不同，再加上不可避免的程

2015-01-19 14:55:46 5459 1

转载优雅降级和渐进增强的区别

之前在看一些css3效果demo的时候，发现有些写css3属性时，兼容性的写法顺序不太一样，比如transition属性，有些把transition放在前面有些是放在后面，当然这也有可能包含了coder个人的习惯或是强迫性>".transition{ -webkit-transition: all .5s; -moz-transition: all .5s;

2014-10-11 14:40:09 1996 1

转载 js关闭当前页面的几种方式

1. 不带任何提示关闭窗口的js代码关闭2.自定义提示关闭function custom_close(){if (confirm("您确定要关闭本页吗？")){window.opener=null;window.open('','_self');window.close();}else{}}// 这个脚本是 ie6和ie7 通用的脚本

2013-05-29 14:18:29 1214

转载 Textarea 高度自适应根据内容自适应高度

IE支持 onPropertyChange 火狐支持oninputFirefox有个oninput事件效果和onPropertyChange一样，所以同时加上oninput和onPropertyChange问题就解决--> function init() { // 设置textarea自适应高度 var handle

2012-12-29 17:41:07 2905

转载 input高级用法

1.取消按钮按下时的虚线框　　在input里添加属性值 hideFocus 或者 HideFocus=true 2.只读文本框内容在input里添加属性值 readonly 3.防止退后清空的TEXT文档(可把style内容做做为类引用) 　　 4.ENTER键可以让光标移到下一个输入框　　 5.只能为中文(有闪动) 　　6.只能为

2012-10-24 11:15:41 551

转载 JS判断不同分辨率，调用不同CSS的方法

大家可能在做网页设计中会碰到这个特殊需求，要求像FLASH那样，背景会随着不同分辨率自动放大缩小。但光靠CSS是无法实现这个效果的，目前网页中要实现类似效果就是把背景图做到最大，背景不动，分辨率大的看到的就多，分辨率小的看的的就少。那么通过JS判断，可以比较麻烦的解决一个奇怪的需求。（在不同CSS中使用了不同的大小背景图片，都保持全屏完整显示）

2012-06-25 13:47:04 743

转载一个非常简单的简洁的 CSS 清理浮动方式

清理浮动有很多种方式，像使用 br 标签自带的 clear 属，使用元素的 overflow，使用空标签来设置 clear:both 等等。但考虑到兼容问题和语义化的问题，一般我们都会使用如下代码来清理浮动。/* 清理浮动 */.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";

2012-06-15 17:23:57 385

转载利用CSS样式打印

主要的手段是，利用css引用中的media属性，应用特殊的样式。11.4 利用CSS样式打印利用CSS样式打印是经常使用的一种打印方法，利用它可以非常方便的实现打印页面中的指定内容和分页打印，下面将通过具体实例介绍如何利用CSS样式打印。实例302 利用CSS样式打印页面中的指定内容实例说明普通的Web打印，将会打印页面中的全部内容，但在开发实际网站时，通常只需要打印页面中

2012-06-08 16:29:39 737

转载 JS网页打印设置技巧

利用CSS样式打印是经常使用的一种打印方法，利用它可以非常方便的实现打印页面中的指定内容和分页打印，下面将通过具体实例介绍如何利用CSS样式打印。［分析］：1.打印样式区分：打印网页带页面样式，需指明一个media='print'的样式，建议分开，如下创建军一个bankprint.css打印样式文件。media="print" type="text/css" href="/

2012-06-08 16:28:24 3128

转载 CSS分别设置Input样式（按input类型）

当你看到这个html标签的时候，你会想到什么？一个文本框？一个按钮？一个单选框？一个复选框？……对，对，对，它们都对。也许你可能想不到，这个小小的input竟然可以创造出10个不同的东西，下面是个列表，看看，哪些是你没有想到的：文本框密码框提交按钮重置按钮单选框复选框普通按钮文件选择控件隐藏框图片按钮所以你可能会说，

2012-06-06 16:33:37 906

转载 js网页定位，window，body元素的定位属性 .

2010-07-26 08:51 146人阅读评论(0)收藏举报网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.clientHeight网页可见区域宽：document.body.offsetWidth (包括边线的宽)网页可见区域高：document.body.offsetHeight (

2012-05-28 11:21:30 720

转载 JS 屏蔽右键菜单 .

2010-07-28 17:34 9人阅读评论(0)收藏举报在间加入[javascript] view plaincopyprint?"javascript" type="text/javascript" id="clientEventHandlersJS"> function document_oncontextmenu() {

2012-05-28 11:15:14 366

转载 JS 的一些操作

2010-09-16 15:13 23人阅读评论(0)收藏举报[xhtml] view plaincopyprint?input name=Button onClick=document.all.WebBrowser.ExecWB(1,1) type=button value=打开> OBJECT classid=CL

2012-05-28 11:01:01 332

转载 JS 刷新当前页面返回上一页并刷新的方法

reload 方法，该方法强迫浏览器刷新当前页面。语法：location.reload([bForceGet]) 参数： bForceGet，可选

2012-05-28 10:42:21 788

转载 jQuery和YUI的区别

jQuery和YUI到底用哪个好？有很多开发者都在议论这个话题，呵呵，我就先说一下我个人的体会吧。jQuery和YUI各有各的强大之处，它们就像一个产品一样，所针对的用户群不同。从功能上来讲jQuery当然无法和YUI相比啦，但是YUI中的许多逻辑也是借鉴jQuery中的编程思路的。比如说它们两个的selector都非常相似。但是从性能上来讲，YUI绝对是前端框架中的佼佼者！特别是YUI3的问

2012-05-03 15:31:38 1053

原创 CSS中的行为——expression

最近对CSS中的行为比较感兴趣，虽然是不符合标准的也只有ie才能识别，但是他确实给css的功能扩展了不少。下面是摘自互联网上的文字和例子，因为都被转烂了，没法注明出处。 IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和Javascript表达式关联起来，这里的CSS属性可以是元素固有的属性，也可以是自定义属性。就是说CSS属性后面可以是一段Javascript表达式，CSS属性的值等于Javascript表达式计算的结果。在表达式中可以直接引用元素自身的属

2011-01-26 14:10:00 647

原创设为首页加入收藏代码

<a onclick="var strHref=window.location.href;this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.wealthbio.net/');" title="设为首页" href="#">设为首页</a> | <a href="javascript:window.external.AddFavorite('http://www.wealthbio.net/', '加

2011-01-26 11:35:00 645

原创鼠标点击文本框，边框变色

实现方法： <input onblur="this.className=''" onfocus="this.className='in'" /> 代码解说： onblur为鼠标移出事件，当前没有调用 class，故为空 onfocus为鼠标点击事件，调用类名为in的class，在in里设置不同的边框颜色，当鼠标点击时，文本框的边框颜色就会改变。

2011-01-08 13:01:00 6908

转载交友类网站设计

1 引言 交友类网站的出现，给人们扩大自己的交友圈提供了很大的方便。人们通过互联网不仅拥有了自己的朋友圈，而且节省了参加社交活动所花费的时间和精力。现在国内外诸多交友类网站虽然能够满足人们交友的需求，但这些网站大都没有保证用户信息的保密性，比如任何浏览到这些网站的网友都可以对本网站的用户信息进行浏览，对其信息进行评论。这种做法使得这些网站的注册用户的网络安全性降低。如何自动过滤来自非自己好友的评论，如何保证自己信息的隐密性将是众多用户考虑的问题。 本文所论述的交友类网站正是基于用户需求所

2010-12-08 15:05:00 6048 1

原创 flash放在div层下（IE和火狐都兼容）

（兼容IE）

2010-11-29 17:25:00 646

转载使用CSS Expression解决某些浏览器兼容问题

虽然无奈，但是不想一有什么就去写JS，冲突也会是个头痛的问题，所以这个Expression还是挺有用的，在CSS代码后插入expression语句，自定义控制属性，只被IE识别的方法，通常针对IE6及其一下的版本居多，IE7对CSS的支持已经有了很大改进，会用到的情况比较少，IE8已宣布在其标准模式下不再支持这一语句，呵呵，多好啊，以后为不同版本的IE还要多写几份HACK，咱们不怕没工作做了哩~~无奈到想哭。。。 1. min-width/max-width 控制容器最小宽度或图片最大

2010-07-17 10:54:00 12007

转载 HTML的不同标签在SEO优化中的权重分数

一、HTML标签权重分值排列 内部链接文字：10分 标题title：10分 域名：7分 H1，H2字号标题：5分 每段首句：5分 路径或文件名：4分 相似度（关键词堆积）：4分 每句开头：1.5分 加粗或斜体：1分 文本用法（内容）：1分 title属性：1分（注意不是<title>，是title属性，比如a href=… title=”） alt标记：0.5分<br /

2010-07-17 10:29:00 997

转载 SEO之HTML代码优化

一、文档类型（DOCTYPE） XHTML1.0有三种DOCTYPE： 1、过渡型（Transitional） <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2、严格型（Strict

2010-07-17 10:16:00 668

原创网页优化的最基础部分:HTML的优化

网页优化的最基础的部分应该就是HTML的优化，具体来说首先就是标记的清理，清理标记不仅仅能缩减文档的大小，而且能够让文档更易于维护提高搜索引擎的可见度(Clean markup means better accessibility, easier maintenance, and good search engine visibility),但是即便是那些号称高度优化过的网页，如果仔细查看代码，依

2010-03-18 13:09:00 462

原创 CSS 经常用到的

强制换行：li {word-wrap: break-word; word-break:break-all; white-space: normal;} 强制换行不断开：li {word-wrap: break-word; word-break: normal; white-space: nowrap;} 超出部分省略号显示：li{float:left;

2010-02-22 17:19:00 571

原创 CSS控制图片垂直居中

HTML代码： NB-001 CSS代码：.productsbody ul{margin: 0px; width:117px; float:left; height:142px; margin:10px 9px;}.productsbody li.name {width: 117px; line-height

2010-02-22 16:54:00 902

转载好网站设计的共通性

1、首先，整体布局要符合网站布局划分；（PAPS）2、要对用户友好，（有些文字显示的内容可以用图片代替）3、图片的精致，图片好看了，网站就好看！4、整个网站色调要贯通，色彩搭配要有个一致性。5、能够体现专业，公司的专业，网站建设的专业！6、要注重细节，（布局结构可以很简单，一个按钮，一条分割线的精致设计，细节上的质感可以让网站提高档次）7、能够突出主题！8、清晰的给客户

2010-02-01 10:34:00 512

转载 Google百度和谷歌的那些事

很久不在这个blog上写和技术无关的东西了，尤其不想写跟业界有关的东西，觉得太空，太忽悠，对别人没价值。但这次，我想写写这5，6年对google和百度的一些观察心得。这里面，这里面存在大量的个人推论，我并不能担保完全正确，请只当作是一次思想的碰撞。这篇blog主要由我完成，Tinyfool提出了大量修改意见，亦有重要贡献。1 google，不作恶，信息流动众所周知，google的目标是

2010-01-15 13:04:00 553

原创定义文章标题，用 H1,H2 还是 H3

上次在 “SEO for WordPress 完全指南” 中提到文章标题的使用，有点疑惑，在一些 SEO 或者 Web 标准的文章中只说道需要使用 h1,h2 来定义标题，但并没有明确指出它们具体该怎么用。于是便分析了一些具有代表性的 blog，看看他们是怎样定义文章标题的。 Official Google Blog 使用 h3 定义的文章标题，h2 定义的侧边栏目标题和文章时间，没有用到 h1；

2010-01-11 17:06:00 2498

转载 Web开发时碰到的问题以及心得经验

　1、xml文件尽量以utf-8编码，gb2312有些字是存储不了的，如?,就算能存也需要转换，比较麻烦，utf-8也符合国际规范。　　2、CSS中:hover这个伪类，如果放在:visited前面则会失效。　　3、标签如果没有href属性，所有对它的css的伪类如:hover均失效。　　4、js文件中用document.wirte(""形式的引用，其file相对路径均为引用该js的h

2010-01-09 11:11:00 461

转载 CSS控制图片大小比例(适用IE6_IE7_FF)

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">CSS控制图片大小比例img {max-width: 100px;max-height: 100px;} /* for Firefox & IE7 */* html img {width: expression(this.wi

2010-01-07 11:18:00 1477

原创结构，表现，行为分离

CSS革命1998年，在Netscape和IE4无法达成任何协议时，一些先天下之忧而忧的Web开发者组成了Web Standards Project(Web标准工程，简称WaSP)，为解决JavaScript某些荒唐的私有元素，并推动使用CSS来定义网站的外观。她们的重要使命是“追随标准”，不仅针对浏览器厂商，而且号召Web开发者。最初，WaSP及其支持者专注于CSS. 究其原因，CSS是

2009-12-22 14:33:00 4638

原创 CSS技巧：word-wrap同word-break的区别

本文列举了兼容 IE 和 FF 的换行 CSS 推荐样式，详细介绍了word-wrap同word-break的区别。　　兼容 IE 和 FF 的换行 CSS 推荐样式　　最好的方式是以下是引用片段：　　word-wrap:break-word; overflow:hidden; 　　而不是以下是引用片段：　　word-wrap:break-word; word-break:b

2009-12-19 13:14:00 608