前端开发学习笔记（二）

天下文章一大抄，本文大部分为网页摘抄哦啊。

一直记不住这两个单词的意思。column:列；row:行

min-height: 最小高度兼容代码：

.minheight500{
    min-height:500px;
    height:auto !important;
    overflow:visible;
}

设置或检索对象的内容块固有的书写方向：

-webkit-writing-mode:horizontal-tb|vertical-rl|vertical-lr.

css选择器优先级:

标签内定义的style > id > class > ..

同胞拥有相同的父元素。

一般情况下，浏览者单击电子邮件超级连接时，系统在默认打开的邮件客户端软件中，只是自动在收件人地址栏处填上内容，而其他设置栏处仍然显示为空白，如果大家还希望自动把主题、抄送、暗送甚至内容都填写上的话，就可以使用形如

“mailto:aaa@21cn.com?cc=bbb@21cn.com&bcc=ccc@21cn.com&subject=mailto应用技巧拾零&body=mailto标签的综合应用举例说明！”

这样的语句，在这个语句中第一个功能以“?”开头，后面的每一个功能以 “&”开头；当用鼠标单击这个邮件地址时，在随后打开的邮件编辑窗口中，我们将看到在收件人地址栏中自动填写上了aaa@21cn.com，在抄送(cc)地址栏中自动填写上了bbb@21cn.com，在暗送(bcc)地址栏中自动填写上了ccc@21cn.com，在主题栏中自动填写上了“mailto应用技巧拾零”，在信件的正文部分将自动出现“mailto标签的综合应用举例说明！”这样的文字。

如果要使用mailto同时实现多个功能的话，第一个功能必须以“?”开头，后面的每一个功能都以 “&”开头；另外，cc后为抄送地址，bcc后为暗送地址，subject后为邮件的主题，body后为邮件的内容。

原始操作符比函数调用快

正则表达式中（i,m,s,x等）的说明：
这些是模式修正符 – 解说正则表达式模式中使用的修正符
i
如果设定此修正符，模式中的字符将同时匹配大小写字母。
m
当设定了此修正符，“行起始”和“行结束”除了匹配整个字符串开头和结束外，还分别匹配其中的换行符的之后和之前。
s
如果设定了此修正符，模式中的圆点元字符（.）匹配所有的字符，包括换行符。没有此设定的话，则不包括换行符。
x
如果设定了此修正符，模式中的空白字符除了被转义的或在字符类中的以外完全被忽略，在未转义的字符类之外的 # 以及下一个换行符之间的所有字符，包括两头，也都被忽略。
e
如果设定了此修正符，preg_replace() 在替换字符串中对逆向引用作正常的替换，

---

Math.floor()//下舍入
Math.ceil()//上舍入
Math.round()//四舍五入
当表单中有图片需要上传时表头需要添加：

enctype="multipart/form-data".

密码输入框的placeholder内容可以填写这样的内容：●●●●●●

表单中name的用途:

用途1: 作为可与服务器交互数据的HTML元素的服务器端的标示，比如input、select、textarea、和button等。我们可以在服务器端根据其Name通过Request.Params取得元素提交的值。

用途2: HTML元素Input type='radio'分组，我们知道radio button控件在同一个分组类，check操作是mutex的，同一时间只能选中一个radio，这个分组就是根据相同的Name属性来实现的。

用途3: 建立页面中的锚点，我们知道<a href="URL">link</a>是获得一个页面超级链接，如果不用href属性，而改用Name，如：<a name="PageBottom"></a>，我们就获得了一个页面锚点。

用途4: 作为对象的Identity，如Applet、Object、Embed等元素。比如在Applet对象实例中，我们将使用其Name来引用该对象。

用途5: 在IMG元素和MAP元素之间关联的时候，如果要定义IMG的热点区域，需要使用其属性usemap，使usemap="#name"(被关联的MAP元素的Name)。

用途6: 某些特定元素的属性，如attribute，meta和param。例如为Object定义参数<PARAM NAME = "appletParameter" VALUE = "value">或Meta中<META NAME = "Author" CONTENT = "Dave Raggett">。

---

当我们想要用css美化表单的时候，有两个控件就会和前端人员作对，一个是是大名鼎鼎的select，另一个就是input type=file

去除掉a标签按下时的虚线框的办法：

Firefox的处理方法比较符合标准，只需要在样式里设置a:focus{outline:none}皆可：

页面对不同访问者的响应叫做事件。

javascript例1：

function appendText()
{
var txt1="<p>Text.</p>";              // Create text with HTML
var txt2=$("<p></p>").text("Text.");  // Create text with jQuery
var txt3=document.createElement("p");
txt3.innerHTML="Text.";               // Create text with DOM
$("body").append(txt1,txt2,txt3);        // Append new elements
}

---

远离人群，无论是思想还是身体.

我出席你的婚礼，该化什么妆才能告诉你：没有你我还是很好……

---

取消事件的默认动作（例：事件冒泡）
语法

event.preventDefault()

说明

该方法将通知 Web 浏览器不要执行与事件关联的默认动作（如果存在这样的动作）。例如，如果 type 属性是 “submit”，在事件传播的任意阶段可以调用任意的事件句柄，通过调用该方法，可以阻止提交表单。注意，如果 Event 对象的 cancelable 属性是 fasle，那么就没有默认动作，或者不能阻止默认动作。无论哪种情况，调用该方法都没有作用。

onkeyup=”this.value=this.value.replace(/[^\d]/g,”) “

//键盘只能输入数字，小数点和功能按键

keypress(function)

if((ev.which<48 || ev.which>57))
        if((ev.which!=46 && ev.which!=0 && ev.which!=8))
        {
            ev.preventDefault();

        }

keyCode知识点：
对于keyup和keydown事件返回被按下的键. 不区分大小写, a和A都返回65.

对于keypress事件请使用which属性, 因为which属性跨浏览时依然可靠.

<!-- style exceptions for IE 6 -->
    <!--[if IE 6]>
    <style type="text/css">
        .fg-menu-ipod .fg-menu li { width: 95%; }
        .fg-menu-ipod .ui-widget-content { border:    0; }
    </style>
    <![endif]-->    

event.keyCode属性为IE所有。

jQuery中元素增加方法使用“$”；

notepad++插件：
HEX-Editer
UniversalIndentGUI

jQuery.validate()插件：用于表单验证

在<a href=“” >中添加“title”属性。title=提示内容即可。

  <li class="previous"><a href="#">&larr; Older</a></li>
  <li class="next"><a href="#">Newer &rarr;</a></li>
</ul>

//回到顶部操作
function() {
  jQuery('html, body').animate({
    scrollTop: 0
  }, 500);
  return false;
}

计时器setInterval()和setTimeout()

setInterval()函数

在执行时,从载入页面后每隔指定的时间执行代码。

语法:

setInterval(代码,交互时间);

参数说明：

1. 代码：要调用的函数或要执行的代码串。

2. 交互时间：周期性执行或调用表达式之间的时间间隔，以毫秒计（1s=1000ms）

setTimeout()函数
要创建一个运行于无穷循环中的计数器，我们需要编写一个函数来调用其自身
例如：

<script type="text/javascript">
  var num=0;
  function startCount() {
    document.getElementById('count').value=num;
    num=num+1;
    setTimeout("startCount()",1000);
  }
  setTimeout("startCount()",1000);
</script>

indexOf()
语法

stringObject.indexOf(searchvalue,fromindex)

参数	描述
searchvalue	必需。规定需检索的字符串值。
fromindex	可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。

如省略该参数（formindex），则将从字符串的首字符开始检索。

提示和注释

注释：indexOf() 方法对大小写敏感！

注释：如果要检索的字符串值没有出现，则该方法返回 -1。
所以：if(str.indexOf(“value”)>-1)为真，表示str中存在子字符串
“value”。

#set ( $recentbalance = $project.projectStats.raisedAmount - $project.projectStats.totalWithdrawal )

    <td>$!Numbers.formatToDecimal($!recentbalance,"#0.00")</td>

• <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0" />不允许缩放

• <meta name="format-detection" content="telephone=no"/>IOS和Android系统默认超过5位的数字为电话号码，会给一个默认链接的样式，只能说丑。去掉拨号链接

• <meta name="apple-mobile-web-app-capable" content="yes" />删除默认的apple工具栏和菜单栏(或网站开启对 web app 程序的支持)

• <meta name="apple-mobile-web-app-status-bar-style" content="black" />改变apple顶部状态条的颜色(或网站开启 web app 程序的支持后顶部状态条的颜色)默认值为 default（白色），可以定为 black（黑色）和 black-translucent（灰色半透明）若值为“black-translucent”将会占据页面px位置，浮在页面上方（会覆盖页面20px高度–iphone4和itouch4的Retina屏幕为40px）。

• <meta content="email=no" name="format-detection" />不识别邮箱

-webkit-margin-collapse 属性
如果一个元素与它相邻元素之间存在间距，那么margin-collapse可以指定垂直间距的表现形式。元素可以保持它们各自的间距，也可以共同使用一个间距。 这个属性值允许模拟表格在一些浏览器的quirks模式下的行间距表现形式。比如垂直相邻表格单元格的边距可以合并入边框。 margin-top-collapse控制该元素与其上方相邻元素之间间距的表现形式，而margin-bottom-collapse正好相反，控制的是该元素与其下方相邻元素之间间距的表现形式。
语法：

-webkit-margin-collapse:<collapse> | <discard> | <separate>

<collapse> 两个相邻元素的垂直间距合并成一个间距。
<discard> 如果该元素与其垂直相邻元素之间存在间距，那么将取消该间距。
<separate> 保持两个垂直相邻元素自身的间距。