天下文章一大抄,本文大部分为网页摘抄哦啊。
一直记不住这两个单词的意思。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: 建立页面中的锚点,我们知道link是获得一个页面超级链接,如果不用href属性,而改用Name,如:,我们就获得了一个页面锚点。用途4: 作为对象的Identity,如Applet、Object、Embed等元素。比如在Applet对象实例中,我们将使用其Name来引用该对象。用途5: 在IMG元素和MAP元素之间关联的时候,如果要定义IMG的热点区域,需要使用其属性usemap,使usemap="#name"(被关联的MAP元素的Name)。用途6: 某些特定元素的属性,如attribute,meta和param。例如为Object定义参数或Meta中 。
当我们想要用css美化表单的时候,有两个控件就会和前端人员作对,一个是是大名鼎鼎的select,另一个就是input type=file
去除掉a标签按下时的虚线框的办法:
Firefox的处理方法比较符合标准,只需要在样式里设置a:focus{outline:none}皆可:
页面对不同访问者的响应叫做事件。
javascript例1:
function appendText(){ var txt1="Text.
"; // Create text with HTMLvar txt2=$("").text("Text."); // Create text with jQueryvar 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,那么就没有默认动作,或者不能阻止默认动作。无论哪种情况,调用该方法都没有作用。
οnkeyup=”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属性跨浏览时依然可靠.
event.keyCode属性为IE所有。
jQuery中元素增加方法使用“$”;
notepad++插件:
HEX-Editer UniversalIndentGUIjQuery.validate()插件:用于表单验证
在<a href=“” >
中添加“title”属性。title=提示内容即可。
//回到顶部操作function() { jQuery('html, body').animate({ scrollTop: 0 }, 500); return false;}
计时器setInterval()和setTimeout()
setInterval()函数
在执行时,从载入页面后每隔指定的时间执行代码。
语法:
setInterval(代码,交互时间);
参数说明:
代码:要调用的函数或要执行的代码串。
交互时间:周期性执行或调用表达式之间的时间间隔,以毫秒计(1s=1000ms)
setTimeout()函数
要创建一个运行于无穷循环中的计数器,我们需要编写一个函数来调用其自身 例如: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 )
$!Numbers.formatToDecimal($!recentbalance,"#0.00")
<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>
保持两个垂直相邻元素自身的间距。