前端开发

摘要： 1.丢弃小数部分,保留整数部分parseInt(5/2)2.向上取整,有小数就整数部分加1Math.ceil(5/2)3,四舍五入.Math.round(5/2)4,向下取整Math.floor(5/2)Math 对象的方法FF: Firefox, N: Netscape, IE: Internet Explorer方法 描述 FF N IEabs(x) 返回数的绝对值 1 2 3acos(x) 返回数的反余弦值 1 2 3asin(x) 返回数的反正弦值 1 2 3atan(x) 以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值 1 2 3atan2(y,x) 返回从 阅读全文

摘要： 最近同事推荐了一一款前端开发工具webstorm，使用了一下，便深深被吸引住了，抛弃以前一直使用的editplus，改用webstorm。花费一下午时间简单翻译了下官方文档上的特性说明。HTML/HTML5/CSS1.支持标签，自动闭合标签，数据源提示（如下图），id检测2.支持html5标签3.代码检测功能4.代码优化提示功能5.zen编码风格例如输入div.feature>h4+p再按tab建就会自动生成下面代码<divclass=”feature”><h4></h4><p></p></div>6.显示当前元素的 阅读全文

摘要： var clientW = document.documentElement.clientWidth || document.body.clientWidth;var clientH = document.documentElement.clientHeight || document.body.clientHeight;var offsetW = document.documentElement.scrollWidth || document.body.scrollWidth;var offsetH = document.documentElement.scrollHeight || doc 阅读全文

摘要： Windows下gvim配置原作地:http://hi.baidu.com/leemoncc/blog/item/a6be15cf40d7ab31b600c806.html0.准备软件及插件。(a)gvim72.exe地址ftp://ftp.vim.org/pub/vim/pc/gvim72.exe。(b)vimcdoc-1.7.0-setup.exe地http://prdownloads.sourceforge.net/vimcdoc/vimcdoc-1.7.0-setup.exe?download(c)ec57w32.zip 地址http://prdownloads.sourceforge 阅读全文

摘要： 以下是IE新开页面屏幕计算默认值：FF与IE都支持(计算有差异)网页可见区域宽【document.body.clientWidth】：1239FF与IE都支持(计算有差异)网页可见区域高【document.body.clientHeight】：0FF与IE都支持(计算有差异)网页可见区域宽【document.body.offsetWidth】：1239FF与IE都支持(计算有差异)网页可见区域高【document.body.offsetHeight】：0FF与IE都支持(计算有差异)网页正文全文宽【document.body.scrollWidth】：1239FF与IE都支持(计算有差异)网页 阅读全文

摘要： 这里是javascript中制作滚动代码的常用属性页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;网页可见区域宽： document.body.offsetWidth (包括边线的宽);网页可见区域高： document.body.offsetHeight (包括边线的宽);网页正文全文宽： document.body.scrollWidth;网页正文全文高： document.body.scrollHeight;网页被卷去的高： document.body.scrollTop;网页被卷去的左： doc 阅读全文

摘要： 曾几何时，display:inline-block 已经深入「大街小巷」，随处可见 「display:inline-block; *display:inline; *zoom:1; 」这样的代码。如今现代浏览器已经全面支持这个属性值了，上面的代码只是为了兼容 IE6、7 而已。那么你真的了解 inline-block 了吗？本文将带你深入剖析该属性值的前世今生，让你更好的理解和运用 inline-block。（本文约定 display:inline-block 简写为 inline-block） 开篇我们来看几个问题： IE6、7 真的不支持 display:inline-block 吗... 阅读全文

摘要： 手机号验证的正则为： var reg =/^0{0,1}(13[0-9]|15[7-9]|153|156|18[7-9])[0-9]{8}$/; var reg =/^0{0,1}(13[0-9]|15[0-9])[0-9]{8}$/; 移动手机号的验证正则为： var reg =/^0{0,1}(13[4-9]|15[7-9]|15[0-2]|18[7-8])[0-9]{8}$/; 2009.11.23 新增加移动151，152号段，但是没有在源码演示中放出，下面代码已经更新 这可是包括15x话段的哈。嗯。。 手机号的那个，各位大爷可以用第一个，也可以用第二个，您随意吧，我不知道手机号... 阅读全文

摘要： 在IE中，可以通过event或window.event获得全局event；而在其他浏览器中，则通过 arguments[arguments.length-1]可获得event实例。但是如果是嵌套调用，如：用户触发事件调用functionA，而 functionA又调用functionB，再由functionB调用functionC，此时如果functionB或functionC中需要获 得event实例，IE仍可通过event或window.event获得，而其他浏览器通过arguments[arguments.length- 1]就无法获得了，通常习惯的做法是把event作为参数传递到fun 阅读全文

摘要： 事件对象还提供一个.stopPropagation()方法，可以完全阻止事件冒泡。与.target类似，这个方法也是一种纯JS特性，但是在跨浏览 器环境中则无法安全的使用(即在IE中停止冒泡应该使用事件对象的cancelBubble属性设置为false)，不过通过jQuery来注册所有的事 件处理程序，就可以放心地使用这个方法。 三、关于事件的起泡的概念 IE中事件的起泡：IE中事件可以沿着包容层次一点点起泡到上层，也就是说，下层的DOM节点定义的事件处理函数，到了上层的节点如果还有和下层相同事件 类型的事件处理函数，那么上层的事件处理函数也会执行。例如，<div>标签包含了< 阅读全文

摘要： 1.javascript的数组API 01//定义数组02var pageIds = new Array();03pageIds.push(´A´);0405数组长度06pageIds.length;0708//shift：删除原数组第一项，并返回删除元素的值；如果数组为空则返回undefined09var a = [1,2,3,4,5];10var b = a.shift(); //a：[2,3,4,5] b：1 1112//unshift：将参数添加到原数组开头，并返回数组的长度13var a = [1,2,3,4,5];14var b = a.unshift(-2,- 阅读全文

摘要： 老的问题了，如今再次碰到，记录下来，给后来者方便！ 众所周知，在Firefox下input type=”button”的文字是不好居中的，原因在于Firefox自己比较二，弄了个私有属性，导致以下问题的出现： 按钮左右本身有2px的间距（FF私有属性写了padding:0 2px所致）；按钮文字居中是不行的（此时设置padding-bottom是没用的） ；等等… 解决办法： input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type= 阅读全文

摘要： 修改内联CSS： 不得不说，jQ的CSS方法真的很棒，集getter与setter于一身，呵呵。 jQuery既可以解释连字符版的CSS表示法（如background-color），也可以解释驼峰大小写形式的 DOM表示法（如backgroundColor）。在设置样式属性时，.css()方法能够接受的参数有两种，一种是为它传递一个单独的样式属性和值， 另一种是为它传递一个由属性——值对构成的映射。 .css(‘property’,'value’) .css({‘property1′:’value1′,’property2′:’value2′}) 一般来说，数字值不需要加引号，而字符串 阅读全文

摘要： DOM操作方法的简单归纳： 要在每个匹配的元素中插入新元素，使用： .append().appendTo().prepend().prependTo() 要在每个匹配的元素相信的位置上插入新元素，使用： .after().insertAfter().before().insertBefore() 要在每个匹配的元素外部插入新元素，使用： .wrap() 要用新元素或文本替换每个匹配的元素，使用： .html().text() 要移除每个匹配的元素中的元素，使用： .empty() 要从文档中移除每个匹配的元素及其后代元素，但不实际删除它们，使用： .remove() 阅读全文

摘要： 吐槽Javascript 初次接触Javascript，这门语言的确会让很多正规军感到诸多的不适，这种不适来自于Javascript的语法的简练和不严谨，这种不适也 来自Javascript这个悲催的名称，我在想网景公司的Javascript设计者在给他起名称那天一定是脑壳进水了,让Javascript这么多 年来受了这么多不白之冤，人们都认为他是Java的附属物，一个WEB玩具语言。因此才会有些人会对Javascript不屑，认为Javascript 不是一门真正的语言，但是这此他们真的错了。Javascript不仅是一门语言，是一门真真正正的语言，而且他还是一门里程碑式的语言，他独创多种新 阅读全文

摘要： Javascript编程风格 作者： 阮一峰 日期： 2012年4月27日 ... 阅读全文

摘要： concat() – 将两个或多个字符的文本组合起来，返回一个新的字符串。indexOf() – 返回字符串中一个子串第一处出现的索引。如果没有匹配项，返回 -1 。charAt() – 返回指定位置的字符。lastIndexOf() – 返回字符串中一个子串最后一处出现的索引，如果没有匹配项，返回 -1 。match() – 检查一个字符串是否匹配一个正则表达式。substring() – 返回字符串的一个子串。传入参数是起始位置和结束位置。replace() – 用来查找匹配一个正则表达式的字符串，然后使用新字符串代替匹配的字符串。search() – 执行一个正则表达式匹配查找... 阅读全文

摘要： 一、什么是匿名函数？ 在Javascript定义一个函数一般有如下三种方式： 函数关键字(function)语句： function fnMethodName(x){alert(x);} 函数字面量(Function Literals)： var fnMethodName = function(x){alert(x);} Function()构造函数： var fnMethodName = new Function('x','alert(x);') 上面三种方法定义了同一个方法函数fnMethodName，第1种就是最常用的方法，后两种都是把一个函数复制给变量f 阅读全文

摘要： 一、主体结构 header 页面头部，不同与<head></head> aside 边栏 nav 外部链接集合 section 章节或段落 article 类似文章、摘要或留言POST等形式的记录（一般搭配内嵌头部、尾部、底部结构使用） hggroup 类似子标题，标题信息、可选标题、TAG标签这样的数据，还是英文更好理解一些，heading of a section address 联系信息，一般用在article或body锚元素周围 footer 页脚 二、HTML 5元素标记汇总表 文档类型宣告 <!DOCTYPE html> 根元素元素... 阅读全文

摘要： scrollHeight: 获取对象的滚动高度，对象的实际高度；scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对由父坐标 offsetParent 属性指定的父坐标的高度offsetLeft:获取当前对象到其上级层左边的距离.offsetTop:获取当前对象到其上级层顶部的距离.event.clientX 相对文档的水平座标event.clientY 相对文档的垂直座标event.offsetX 相对容 阅读全文

摘要： DOM Core常用部分:DOM方法创建节点:createElement(),createTextNode()复制节点:cloneNode()插入节点:appendChild(),insertBefore删除节点:removeChild()替换节点:replaceChild()查找节点:getAttribute(),getElementById(),getElementsByTagName,hasChildNodes设置节点属性:setAttribute()DOM属性节点的属性:nodeName,nodeType,nodeValue遍历节点树:childNodes,firstChild,las 阅读全文

摘要： var obj = $(".tip2-bx"),other = $(".enter"),timefunction effect(){ var _this = this; this.other = other; this.obj = obj; other.hover( function(){ _this.show($(this)) }, function(){ _this.hide($(this)) } ) obj.hover( function(){ clearTimeout(time) }, function(){ obj.css({"vis 阅读全文

摘要： 做手机Web开发做浏览器兼容用到了，所以在网上找了些汇总下。 alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin alert($(window).width()); //浏览器当前窗口可视区域宽度... 阅读全文

摘要： 因为最近技术长进缓慢，也没高手带，只能靠自己了，所以想仿个WEBQQ来锻炼下自己。做之前最好先把必要的东西准备好。jquery其实本身的事件机制就很完善了，包括了单击，双击，鼠标移入，鼠标移出等。但是却少了一个做事件。就是鼠标右击事件。当然大家也是直接用侦听鼠标按下事件，然后通过if来判断执行相应的函数。造成鼠标右击事件的效果。 但是这不是我想要的，我想要的似乎这个事件可以跟其它事件比如单击事件一样。可以被方便的使用，而不需要每次都去判断。这里通过编写jquery插件的形式扩展，让这个方法可以直接使用$().rightClick();来使用。 jQuery的插件主要分3种类型 1.封装对象.. 阅读全文

摘要： functionMarquee(){this.ID=document.getElementById(arguments[0]);if(!this.ID){alert("您要设置的\""+arguments[0]+"\"初始化错误\r\n请检查标签ID设置是否正确!");this.ID=-1;return;}this.Direction=this.Width=this.Height=this.DelayTime=this.WaitTime=this.CTL=this.StartID=this.Stop=this.MouseOver=0; 阅读全文

摘要： 1<!DOCTYPEHTML>2<html>3<head>4<metacharset="gbk">5<title>切换</title>6</head>7<style>8body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0}9body{font:12px/22pxTahoma,"宋体"; 阅读全文

摘要： body{margin:0;border:0;height:100%;overflow-y:auto;}#test{display:block;bottom:3px;right:3px;width:130px;position:fixed;}/*以下是写给IE6的*/*html#test{position:absolute;right:18px}*html{overflow-x:auto;overflow-y:hidden;} 阅读全文

摘要： 如果需要某一区域保持原色调（例如LOGO区域），则需要定义一个单独的样式，然后在需要的地方引用该样式即可.nogray{filter:gray(enabled=false);}方法2：局部通配符：form,div,table,span,img,ul,ol,li{filter:gray;}方法3：手册上讲：使用 BasicImage滤镜可以更有效率的建立效果，不过用软件检测，页面载入速度并没有明显的提高，大家也可以考虑使用这种方法来实现，优点是，在处理透明图片上，效果更好一点（无毛边）：html { filter: progid: DXImageTransform.Microsoft.Basic 阅读全文

摘要： 去D2后发现 Hedger 的js编辑器是webStorm，便下载来试试，结果发现：虽然WebStorm的js的提示远远不如aptana那么强悍(输入字母d不提示document)，但是做为 IntelliJ IDEA 的js缩水版，其它功能也是比较期待的。具体的有：1. 文件不用保存，敲完直接看演示(ff也有类似的一款插件，罗浮宫abcd曾推荐过)。2. 自带有svn，如果不用服务器版的svn的话，本地自身带一个版本管理的。非常方便。3. 编辑右侧有各浏览器浏览快捷方式，更是快中快。说不好的一点，就是吃内存。今天使用js提示比较迟缓。发现在设置-> Code Completion -& 阅读全文

摘要： event 和 window.eventJavascript2008-06-30 13:05:57阅读14评论0字号：大中小订阅在IE/Opera中，是window.event，而在Firefox中，是event而事件的对象，在IE中是window.event.srcElement，在Firefox中是event.target，而在Opera中则两者都支持。我们还是用例子来说明。//***********************************<HTML><HEAD><TITLE>event的跨浏览器测试</TITLE><SCRIP 阅读全文

摘要： JavaScript 实例实例生成文本如何在页面中写文本生成普通文本和标签如何使用JavaScript在页面中写入普通文本和标签。head部分包含函数的脚本位于文档的head部分。这样我们就可以确保在函数被调用前，脚本已经被载入了。body部分执行位于body部分的脚本。外部脚本如何访问外部脚本。变量变量用来存储信息。这个例子向你展示如何做点这一点。If 声明如何编写一个If声明。If...els... 阅读全文

摘要： 盒子标签和属性对照 CSS语法（不区分大小写） JavaScript语法（区分大小写） border border border-bottom borderBottom border-bottom-color borderBottomColor border-bottom-style borderBottomStyle border-bottom-width borderBottomW... 阅读全文

摘要： .dialog{position:absolute;padding:5px;background:rgba(0,0,0,0.1);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#220... 阅读全文

摘要： [代码] 阅读全文

摘要： 我们这里说说四种浏览器对 document.body 的 clientHeight、offsetHeight 和 scrollHeight 的解释，这里说的是 document.body，如果是 HTML 控件，则又有不同，点击这里查看。这四种浏览器分别为IE（Internet Explorer）、NS（Netscape）、Opera、FF（FireFox）。clientHeight大家对 cli... 阅读全文

摘要： 最近在看javascript高级程序设计，其中对对象的创建做了具体的阐述，综合起来，总结了下（je知识库javascript专栏由这方面的教程，有兴趣的可以去知识库看看）第一种模式：工厂方式Js代码varlev=function(){return"啊打";};functionParent(){varChild=newObject();Child.name="李小龙";Child.age="30";... 阅读全文

摘要： http://blog.csdn.net/chinmo/archive/2008/02/15/2097693.aspx<html> <head> <style type="text/css"> body {padding: 0; margin: 0; height:100%;} body,html{height: 100%;} .big { width:40... 阅读全文

摘要： 一、配置SSI功能（Apache） 修改Apache配置文件httpd.conf 1. 确认加载include.so模块，将注释去掉： LoadModule include_module libexec/apache2/mod_include.so 2. AddType部分去掉这两段注释： AddType text/html .shtml AddOutputFilter INCLUDES .s... 阅读全文

摘要： tablestyle="TABLE-LAYOUT:fixed;word-wrap:break-word"width="87%"border="0"cellspacing="0"cellpadding="0"><tr><tdclass="gray14"> 强制TR换行:style="word-break:break-all" 以前看过不少css的用法，但对于一些不叫少用... 阅读全文

摘要： 今天，趁着想完善公司的内部样式框架，把HasLayout.net的IE CSS Bug过了一遍。整理中收获了不少东西，一些官方的不足，也根据自己的知识升级了一下。当然，也顺利地升级了框架的一些内容，感觉甚爽。随后，便将一些值 得去看的Bug整理成一个列表，基于Alipay前端伟大的分享精神，分享出来以供团队工友们和大家参考。 同时，由于整理仓促，有些理解和表达不当和其他纰漏在所难免，还请大家帮... 阅读全文