12 2013 档案
摘要：浏览器特定的选择当你想改变一个样式在一个浏览器而不是其他这些选择是非常有用的。IE 6及以下 * html {}IE 7及以下 *:first-child+html {} * html {}IE 7只 *:first-child+html {}IE 7和现代浏览器只HTML> BODY {}现代浏览器只（不是IE 7）HTML> / ** / BODY {}最近的歌剧版本9及以下 html:first-child {}Safari浏览器 html[xmlns*=""] body:last-child {}要使用这些选择器，将代码中的风格面前。例如： #conte
阅读全文
摘要：1、IE6支持max-width解决方法IE6支持最大宽度，解决CSS代码：.yangshi{ max-width:1000px; _width:expression((document.documentElement.clientWidth||document.body.clientWidth)1000?"1000px":"");}说明：min-width:1000px; 这个是IE6以上级其它品牌浏览器支持最大范围宽度。而_width:expression((document.documentElement.clientWidth||document
阅读全文
摘要：其实Zoom属性是IE浏览器的专有属性，Firefox等浏览器不支持。它可以设置或检索对象的缩放比例。除此之外，它还有其他一些小作用，比如触发ie的hasLayout属性，清除浮动、清除margin的重叠等。Zoom的使用方法：zoom : normal | numbernormal : 默认值。使用对象的实际尺寸number : 百分数 | 无符号浮点实数。浮点实数值为1.0或百分数为100%时相当于此属性的 normal 值用白话讲解就是zoom:后面的数字即放大的倍数，可以是数值，也可以是百分比。如：zoom:1，zoom:120%。而这个属性只要在IE中才起作用，所以很少用到它的实..
阅读全文
摘要：一、html5 自定义属性介绍我之前翻译的“你必须知道的28个HTML5特征、窍门和技术”一文中对于HTML5中自定义合法属性data-已经做过些介绍，就是在HTML5中我们可以使用data-前缀设置我们需要的自定义属性，来进行一些数据的存放，例如我们要在一个文字按钮上存放相对应的id：测试这里的data-前缀就被称为data属性，其可以通过脚本进行定义，也可以应用CSS属性选择器进行样式设置。数量不受限制，在控制和渲染数据的时候提供了非常强大的控制。二、Dataset基础下面是元素应用data属性的一个例子：¥20.12要想获取某个属性的值，可以像下面这样使用dataset对象：v
阅读全文
摘要：第一步：定义插件$(function() { $.fn.插件名称 = function(options) { var defaults = { Event : "click", //触发响应事件 msg : "Holle word!" //显示内容 }; var options = $.extend(defaults,options); var $this = $(this); //当然响应事件对象 //功能代码部分 //绑定事件 $this.li...
阅读全文
摘要：什么是跨域1、document.domain+iframe的设置2、动态创建script3、利用iframe和location.hash4、window.name实现的跨域数据传输5、使用HTML5 postMessage6、利用flash本文来自网络（http://f2e.me/200904/cross-scripting/，该网址已不能访问），仅作个人读书笔记之用，并稍作修改和补充。什么是跨域JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。这里把涉及到跨域的一些问题简单地整理一下：首先什么是跨域，
阅读全文
摘要：你想创建的标题没有渲染和Photoshop每个标题吗?这里是一个简单的CSS技巧向您展示如何创建渐变文字效果,PNG图像(纯CSS,没有Javascript或Flash)。你所需要的是一个空的标记的标题和应用使用CSS背景图像叠加position:absolute。这种方法已经在大多数浏览器测试:Firefox、Safari、Opera,甚至Internet Explorer 6。继续阅读本文找出。VIEWDemosDOWNLOADDemo ZIP好处这是纯CSS技巧,没有Javascript或闪光。它可以工作在大多数浏览器包括IE6(PNG黑客需要)。它是完美的设计标题。你不必用Photos
阅读全文
摘要：自CSS2早在1998年,推荐表的使用已经慢慢褪色成背景和历史书中。正因为如此,CSS布局从那时起一直编码优雅的代名词。的所有CSS概念设计师所使用,奖项可能需要给负margin的使用是最至少谈论的定位方法。这就像一个在线taboo-everyone的这样做,然而,没有人愿意谈论它。1。设置连续记录我们都使用我们的CSS,但当谈到负margin,我们的关系在某种程度上管理采取一个更糟的方向发展。使用负margin率在网页设计绝对是分歧如此之大,而我们中的一些人喜欢它,还有那些简单地认为这是魔鬼的工作。margin率为负看起来像这样:#content {margin-left:-100px;}负
阅读全文
摘要：demo您可以狠狠地点击这里：js文字选中分享到新浪微博demo方法与代码选中即分享的功能看上去比较高级，其实实现是相当简单的。其中的会让人头大，一般人也不感兴趣的原理这里就直接跳过。这个js文字选中后分享到新浪微博的功能我简单的封装了下，方法名是：$sinaMiniBlogShare，当然，您不喜欢可以换掉，甚至不要，此方法完整代码如下：var $sinaMiniBlogShare = function(eleShare, eleContainer) { var eleTitle = document.getElementsByTagName("title")[0]; e
阅读全文
摘要：javascript:可视区域宽 ：document.documentElement.clientWidth （width + padding）可视区域高 ：document.documentElement.clientHeight （height + padding）可视区域宽： document.body.offsetWidth(包括边线的宽： width + padding + border)可视区域高： document.body.offsetHeight(包括边线的高：height + padding + border)内容高 ： document.body.scrollHeight
阅读全文
摘要：我一直在寻找有关jQuery性能优化方面的小窍门，能让我那臃肿的动态网页应用变得轻便些。找了很多文章后，我决定将最好最常用的一些优化性能的建议列出来。我也做了一个jQuery性能优化的简明样式表，你可以打印出来或者设为桌面背景。一、选择器性能优化建议 1. 总是从#id选择器来继承 这是jQuery选择器的一条黄金法则。jQuery选择一个元素最快的方法就是用ID来选择了。$('#content').hide(); 或者从ID选择器继承来选择多个元素:$('#content p').hide() 2. 在class前面使用tag jQuery中第二快的选择器就是
阅读全文
摘要：1.使用 === 代替 == JavaScript 使用2种不同的等值运算符：===|!== 和 ==|!=，在比较操作中使用前者是最佳实践。“如果两边的操作数具有相同的类型和值，===返回true，!==返回false。”——JavaScript：语言精粹 然而，当使用==和！=时，你可能会遇到类型不同的情况，这种情况下，操作数的类型会被强制转换成一样的再做比较，这可能不是你想要的结果。2.Eval=邪恶 起初不太熟悉时，“eval”让我们能够访问JavaScript的编译器（译注：这看起来很强大）。从本质上讲，我们可以将字符串传递给eval作为参数，而执行它。 这不仅大幅降低脚本的...
阅读全文
摘要：直在做各种项目接各种需求，但你的代码能力得到提高了吗？不停的项目经历虽然能够增加你的代码行数，但不一定能提升你的代码质量，所以除了构建阶段的代码细扣，项目之后的代码总结是至关重要的。微吧中除了模块化、公用和皮肤元素处理外，还有很多可总结的东西，例如：1、字符图标：整站大部分纯色的功能性的图标都是用字符实现的，节省了图片字节，利于修改和换肤。2、feed的改造和扩展：基础feed、图片带打开收起功能、扩展了视频音乐富文本功能、又扩展成带时间轴和PK模式的feed，代码清晰可扩展性强。3、各种margin负值：减少了很多用postion定位的样式，尽量的减少了PHP输出的判断工作。4、图片的拼合和
阅读全文
摘要：思路：利用CSS3的text-shadow属性，对文字的四个边均用阴影。最终效果：单纯的为了实现效果。未作任何美化。实现代码：HTML：文字描边效果CSS：div{ text-shadow: 2px 0px 0px #fff, -2px 0px 0px #fff, 0px 2px 0px #000, 0px -2px 0px #000; }text-shadow属性：语法：text-shadow： none |none | [, ] *或none | [, ]*相关属性： 无取值：：指定颜色。：由浮点数字和单位标识符组成的长度值。可...
阅读全文
摘要：div：division(分开, 分割, 区分,分配, 分界线),标签可以把文档分割为独立的、不同的部分。作为块级元素的代表，因为没有固定的格式表现，目前滥用情况最严重。ul:Unordered List（无序列表）与li元素组合成团体。ol:ordered list（有序列表）与li元素组合成团体。li:list item（列表的项目）"必须"在父级ul或ol容器之内，这个必须是我自己加的。dl:definition list（定义列表）与dt（definition term定义的项目）及dd（definition description定义的描述）组合成一个团体。p:p
阅读全文
摘要：在互联网成熟的今天，大家对网站的要求不仅仅在功能实现上，也开始注重视觉设计，多终端用户体验等等。表单控件是web页面上重要的组成元素，具有非常高的功能性。交互设计师为它设计更加方便的操作方式，视觉设计师也会绞尽脑汁设计出更加夺人眼球的视觉展现。可是由于表单控件自身的局限性，不能很好地自定义外表，所以就诞生了一系列的由聪明的前端同学模拟出来的以假乱真的表单控件。让我们从一个真实的“栗子”开始。视觉设计师提供了一张设计稿：作为前端同学，我在收到稿子的一瞬间，其实内心各种想法交织:这样设计很好看，只是需要模拟控件，看样子还要切图，下拉效果也是要模拟的，最重要的是要考虑兼容性，此外做完还要留下详细文档
阅读全文
摘要：本文由伯乐在线-yanhaijing翻译自Mathew Carella。欢迎加入技术翻译小组。转载请参见文章末尾处的要求。讨论jQuery和javascript性能的文章并不罕见。然而，本文我计划总结一些速度方面的技巧和我本人的一些建议，来提升你的jQuery和javascript代码。好的代码会带来速度的提升。快速渲染和响应意味着更好的用户体验。首先，在脑子里牢牢记住jQuery就是javascript。这意味着我们应该采取相同的编码惯例,风格指南和最佳实践。首先，如果你是一个javascript新手，我建议您阅读 《JavaScript初学者的最佳实践》 ，这是一篇高质量的javascri
阅读全文
摘要：jQuery插件的开发包括两种：一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数，另一种是对象级别的插件开发，即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。1、类级别的插件开发类级别的插件开发最直接的理解就是给jQuery类添加类方法，可以理解为添加静态方法。典型的例子就是$.AJAX()这个函数，将函数定义于jQuery的命名空间中。关于类级别的插件开发可以采用如下几种形式进行扩展：1.1添加一个新的全局函数添加一个全局函数，我们只需如下定义：jQuery.foo=func
阅读全文
