![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
WEB前端
shenlm203
这个作者很懒,什么都没留下…
展开
-
js中call和apply的用法
说白了这两个方法可以像调用其他对象的方法一样调用函数。先说call的用方法:[code="javascript"]var obj = { arg1: 1, arg2: 2}function f(a,b){ return this.arg1 + this.arg2 + a + b;}var r = f.call(obj,3,...原创 2012-04-06 16:57:11 · 88 阅读 · 0 评论 -
firebug 的console调试对象API
Console API当打开 firebug (也包括 Chrome 等浏览器的自带调试工具),window 下面会注册一个叫做 console 的对象,它提供多种方法向控制台输出信息,供开发人员调试使用。下面是这些方法的一个简单介绍,适时地运用它们,对于提高开发效率很有帮助。console.log(object[, object, ...])使用频率最高的一条语句:向控制台输出一条消...原创 2012-01-19 10:13:15 · 89 阅读 · 0 评论 -
js判断页面是否在iframe或者frame里的一种偏锋写法
整体思路: 判断页面最顶层的location地址,最后一个'/',看是否跟iframe的源地址匹配,如果不匹配,则必然页面被嵌进了window.top 的location中,[code="javascript"]var l = window.top.location.toString(),la = l.split('/') ,act = la[la.length -1];...原创 2011-12-30 19:03:22 · 307 阅读 · 0 评论 -
使用jquery判断鼠标滚动到页面底部
$(function(){ $(window).scroll(function(){ if(arrviedAtBottom()) { //...已到达最底部 } }); var arrivedAtBottom = function () { return $(document).scr...原创 2011-12-26 12:56:07 · 350 阅读 · 0 评论 -
html5 新功能总结
HTML5是Web基础语言的下一个版本。参见http://shenlm203.iteye.com/blog/1136262如果说XHTML已经开始寻求取代HTML,那么HTML5的实用性在于,它将两种语法整合在一起,采用同样有效的方式来表达HTML的抽象DOM表示。HTML5规范结合了HTML4,XHTML1以及DOM级别2HTML,并进行了相应的更新。HTML5取代XHT...原创 2011-07-30 14:03:56 · 153 阅读 · 0 评论 -
w3c Html5 与 Html4的不同
w3 公布的html5与html4不同最新版:[url]http://dev.w3.org/cvsweb/~checkout~/html5/html4-differences/Overview.src.html?rev=1.136;content-type=text%2Fhtml[/url]HTML5 differences from HTML4[LONGSTATU...原创 2011-07-30 11:34:10 · 497 阅读 · 0 评论 -
css命名书写规范举例
[b]欲详细了解前端规范,请参看我准备得点点技术博客:[url]http://rule-fe.diandian.com[/url][/b]CSS命名及书写规范 CSS命名规范 一.文件命名规范 全局样式:global.css; 框架布局:layout.css; 字体样式:font.css; 链接样式:link.css; 打印样式:print.css; 二...原创 2010-12-11 09:49:47 · 109 阅读 · 0 评论 -
【转】JavaScript就这么回事 (JS基础知识整理)
1 创建脚本块引用内容程序代码JavaScript 代码写在这里面2 隐藏脚本代码引用内容程序代码在不支持JavaScript的浏览器中将不执行相关代码3 浏览器不支持的时候显示引用内容程序代码Hello to the non-JavaScript browser.4 链接外部脚本文件引用内容程序代码5...原创 2010-12-07 17:56:49 · 58 阅读 · 0 评论 -
ie8 报参数无效错
最近是用网上一个iepng.js插件实现ie下png透明效果时,ie8报“ 参数无效” 错,解决方案是点击ie8的兼容模式,就可以了。完整的建议写个判断,如果是ie8,则弹出窗口,提示运行兼容模式。 var taskBar = { height:40, background:#fff }补充:加载网页中某些JS程序时,会出...原创 2010-11-26 19:31:29 · 1170 阅读 · 0 评论 -
jquery ajax多次请求数据时 不刷新问题解决
jquery的ajax在频繁请求数据,或者重复请求数据的时候出现了一个情况,那就是非ie浏览器正常,ie浏览器会设置缓存,导致第二次请求的时候不会刷新,系统报304 not modify,解决方案: jquery的ajax方法提供配置参数:cache,(只需将属性设置为false即可) 详细: ...原创 2012-01-19 11:33:30 · 438 阅读 · 0 评论 -
CSS英文、中文换行与不换行
[b]结构:[/b]1.Transshipment Booking System is launched只对英文起作用,以字母作为换行依据2.Transshipment Booking System is launched只对英文起作用,以单词作为换行依据3.Transshipment Booking System is launched只对中文起作用,强制换行4....原创 2012-01-19 12:22:36 · 147 阅读 · 0 评论 -
传说中的前端工程师技术图
传说中的前端工程师技术图,真的很苦逼原创 2012-05-17 19:11:39 · 175 阅读 · 0 评论 -
javascript中this的用法
this的用法分几种情况1)如果调用this的function是对象的方法时(任何用作方法的函数都有效地传递了一个隐式的参数this,this指向调用函数的对象。如: [code="javascript"] var a = { arg1: 1, arg2: 2, m : fu...2012-04-06 16:30:49 · 100 阅读 · 0 评论 -
jquery 中无法为window添加click事件的解决方法
近期使用jquery编写插件的时候老遇到为window添加click事件在IE8-浏览器下无效的情况,如:[code="javascript"]$(window).click(function(){});[/code]我的解决方法是在ie下使用document绑定我们所谓的click事件,如:[code="javascript"]var win = ($.browser.msie)...原创 2012-04-03 19:43:05 · 296 阅读 · 0 评论 -
jquery 中无法为window添加click事件的解决方法
近期写一个插件没注意又遇到使用$(widnow).click 在IE8-的浏览器下无效的情况,暂时的解决方法是,var win = ($.browser.msie) ? document : window,如果ie,将要添加的click事件绑定到document,效果跟非IE下的window一样后面就直接使用: $(win).click();暂时还没...原创 2012-04-03 19:39:31 · 145 阅读 · 0 评论 -
css3 控制文本超出后自动隐藏 属性
首页,元素必须是定宽的,然后加入如下css代码:word-break:keep-all;/* 不换行 */white-space:nowrap;/* 不换行 */overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */text-overflow:ellipsis;...原创 2012-03-31 16:54:32 · 384 阅读 · 0 评论 -
sublime text 2使用心得汇总
sublime介绍 突然之间,团队中更换了一个新的代码编辑工具。她来得很突然,但是我们在开始接触到她,就深深地被她吸引住了,因为她的确能够让一个编程人员(尤其是前端开发人员欣喜发狂),用其他人的形容就是她太性感了! 正如其官方网站所说的:“sublime text2 是一个精致的用于编码,标记和写作的文本编辑器(SublimeText is a sophisticated...原创 2012-10-31 00:52:19 · 248 阅读 · 0 评论 -
jQuery 脸部辨识
[b]jQuery 脸部辨识[/b]jQuery的插件在照片上标识脸部并给出他们的坐标和大小。这个插件是由六六(音译:Liuliu)结合HTML5 canvas开发的,所以只能在支持HTML5的客户端跑。有兴趣的话可以参见这个[url]http://facedetection.jaysalvat.com/[/url](见下图,不过要翻——墙),整套算法代码可以在 git hub[url]h...原创 2012-02-29 14:00:57 · 146 阅读 · 0 评论 -
个人总结前端开发规范
通用约定文件与目录命名一律小写, 必须是英文单词或产品名称的拼音, 多个单词用连字符(-)连接. 只能出现英文字母、数字和连字符, 严禁出现中文.该命名规范适用于 html, css, js, swf, php, xml, png, gif, jpg, ico 等前端维护的所有文件类型和相关目录.js 和 css 压缩文件, 统一以 -min 结尾, 比如源码文件为 kis...原创 2012-06-21 17:00:59 · 444 阅读 · 0 评论 -
【转】script标签中 text/javascript 和 application/javascript的区别
js文件的mime类型为text/javascript,有时用text/javascript的,也有使用application/javascript的还有使用appliation /x-javascript的,所有就不太知道这三个mime 类型有什么区别,在google上一搜:The traditional MIME type for JavaScript programs is"te...原创 2012-02-03 11:56:24 · 1003 阅读 · 0 评论 -
遨游 报缺少标识符、字符串或数字错误
缺少标识符、字符串或数字问题的解决: IE和Firefox不兼容的地方.属性之间是要用","分隔的,但最后一个属性的后面在IE中是不能有的,firefox可有可无. 至于最后的";"是另外一回事了.这是Javascript的语法问题.如果后面没有其它js语句时";"可以省略. 如:可被遨游接受 var taskBar = { height:40, ...原创 2010-11-26 19:26:36 · 121 阅读 · 0 评论 -
javascript 关闭iframe外层的div容器
一个例子: 在iframe中点击一个按钮,关闭包裹它的外层div。原创 2010-11-22 11:03:26 · 515 阅读 · 0 评论 -
div半透明 css属性
[b]filter:alpha(opacity=30); opacity:0.3;[/b]原创 2010-11-11 10:51:37 · 116 阅读 · 0 评论 -
javascript获取对象所有的属性名称
js获取对象的所有属性值,以便进行进一步操作:for(attrubute in deskTop){ alert(attrubute);}原创 2010-10-28 14:43:49 · 1120 阅读 · 0 评论 -
分辨各种浏览器的hack
/* Opera */html:first-child #opera{display: block;}/* IE 7 */html > body #ie7{*display: block;}/* IE 6 */body #ie6{_display: block;}/* Firefox 1 - 2 */body:empty #firef...原创 2011-08-17 15:58:48 · 74 阅读 · 0 评论 -
css3阴影属性box-shadow
css3阴影属性box-shadow的一些注意点:box-shadow:阴影水平偏移值(可取正负值); 阴影垂直偏移值(可取正负值);阴影模糊值;阴影颜色;Firefox支持Box Shadow(阴影):-moz-box-shadow:2px 2px 5px #333333;webkit内核的Safari和Chrome支持Box Shadow(阴影):-webkit-box-shado...原创 2011-08-17 15:56:26 · 110 阅读 · 0 评论 -
关于line-height应用的深入剖析
一篇很不错的东东,介绍line-height的用法,可谓深入剖析![url]http://isd.tencent.com/?p=1503&cpage=1#comment-9036[/url]原创 2011-08-17 14:06:52 · 58 阅读 · 0 评论 -
常用CSS Hack
[size=medium]代码如下: @import url(”website.css”)注意这句,只对ie5版本以上和现代浏览器才有效,ie4,不会认识的..—————————————————-@import url(”oncss.css”) screen;ie系列全不识别. ..因为ie对指定设备类型的选项都不支持..firefox 可以识别;—————————...原创 2011-05-05 12:42:35 · 57 阅读 · 0 评论 -
javascript 实现立体翻转效果
这里介绍jquery的一种插件,用来实现div或者图片的立体翻转效果(不是平移),详细配置如下: [color=darkred]jquery-1.3.2.js jquery-ui-1.7.2.custom.min.js jquery.flip.js[/color] (见附件)[size=medium][b]flip插件所有参数说明如下:[/b][/size]content...原创 2011-05-03 16:46:57 · 784 阅读 · 0 评论 -
HTML5的测试网站demo
多拉A梦HTML5测试[url]http://www1.pconline.com.cn/pcedu/specialtopic/css3-doraemon/[/url]Google Gravity[url]http://mrdoob.com/projects/chromeexperiments/google_gravity[/url]Ball Pool [url]http://m...原创 2011-04-21 18:26:40 · 765 阅读 · 0 评论 -
【转】深入分析:Flash VS HTML5到底谁统江山
Steve Jobs 在"Thoughts on Flash"一文中,谈及网络影音时,多次提到HTML5与H.264两项标准。但是,到底HTML5是什么?Flash和H.264又是什么回事?所以,本文旨在解释它们之间的关系,让大家可以初步了解。 首先,引用Steve Jobs的一段话: Adobe一再反复宣称Apple的移动设备不能提供"完整的网络体验",因为网络上75%的影片...原创 2011-04-17 12:59:43 · 183 阅读 · 0 评论 -
判断ie浏览器版本,加载、导入相应css文件
[b][size=x-large]1. 除IE外都可识别 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. [/size][/b]原创 2010-10-28 14:59:03 · 176 阅读 · 0 评论 -
jquery 鼠标右键事件、左键单击事件判定
[size=medium]$(function(){$('a').mousedown(function(e){alert(e.which) // 1 = 鼠标左键 left; 2 = 鼠标中键; 3 = 鼠标右键return false;//阻止链接跳转})})如$('#downwps2010').mousedown(function(e){ ...原创 2010-10-28 15:06:37 · 1000 阅读 · 0 评论 -
Prototype和Jquery共用冲突解决方案
项目需要,用到了两个框架,冲突解决如下: 注意:首先加载jquery:然后解决$冲突 JQ = $; //rename $ function,个人比较喜欢用“$j” $='hi';//将$赋无意义值最后加载prototype: 之后使用JQ代替平时用的$就可以了...原创 2010-10-28 15:07:51 · 151 阅读 · 0 评论 -
ie6及ie系列 png透明 黑边终极解决方案
在网上终于找到了ie6 png的透明方法,参考网址:[url]http://www.shatoujiao.com/read.php?631[/url]以下为转述:在网上找了很多解决ie6下png图片透明的办法,经过整理总结以下几种方案,第一种:通用脚本法(未使用滤镜,推荐)在页面head标签内导入附件里的脚本即可:第二种:通用滤镜法在页面head标签内导入附...原创 2010-11-09 19:51:23 · 165 阅读 · 0 评论 -
css hack 解决ie6 position:fixed不支持问题
最近的一个项目要求做一个侧边栏,固定于窗口的左右侧,但是遇到ie6就熄火了,下面给出一种解决方案(ie6 expression hack):主要思路是ie6以上浏览器用position:fixed,此外添加ie6hack,为渲染元素给出_position:absolute,最关键的部分,采用_top:expression(eval(document.documentElement.scro...2011-06-27 14:22:10 · 87 阅读 · 0 评论 -
Validator.js 表单验证插件
var Validator = { isEmail : function(s) { return this.test(s, '^[-!#$%&\'*+\\./0-9=?A-Z^_`a-z{|}~]+@[-!#$%&\'*+\\/0-9=?A-Z^_`a-z{|}~]+\.[-!#$%&\'*+\\./0-9=?A-Z^_`a-z{|}~]+$'); }, isAbsUrl :...原创 2011-03-03 17:54:21 · 311 阅读 · 0 评论 -
jquery 与prototype 冲突结局方案
一种代码示例: 思想是采用闭包,先将jquery使用的$释放,然后在用闭包引入$这样,两个框架都可以使用$了。[code="java"] jQuery.noConflict(); // Put all your code in your document ready area jQuery(document)...原创 2011-06-20 11:41:22 · 76 阅读 · 0 评论 -
css 16种默认颜色,预定义颜色
CSS拥有16种合法的预定义颜色名字。它们是:aqua(水绿)、 black(黑)、blue(蓝)、 fuchsia(紫红)、 gray(灰)、 green(绿)、lime(浅绿)、 maroon(褐)、navy(深蓝)、 olive(橄榄)、purple(紫)、 red(红)、silver(银)、 teal(深青)、white(白)和 yellow(黄)。透明transparent也是一个...原创 2011-06-04 15:04:10 · 1364 阅读 · 0 评论 -
jquery1.6 + API
以下是jquery 1.6.1的开发版本和api,要的话见附件!2011-05-31 15:19:50 · 110 阅读 · 1 评论