摩帆士

摘要： chrome浏览器下的input和textarea在聚焦的时候都有一个黄色的边框，而且textarea还可以任意拖动放大，这是不能容忍的，影响美观不说，有时候拖动textarea还会使页面布局错乱，所以决定重置这些样式。看代码：取消chrome下input和textarea的聚焦边框：input,button,select,textarea{outline:none}取消chrome下textarea可拖动放大：textarea{resize:none}最后，写在一起，重置input和textarea的默认样式：input,button,select,textarea{outline:none 阅读全文

摘要： 41. 暗灰色的圆形按钮.graybtn { -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #d1d1d1) ); background... 阅读全文

摘要： 21. 字符美化.amp { font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif; font-style: italic; font-weight: normal;}Code Source这个css类用在页面内容中围绕文字的span元素.它会将一些典型的serif 字体用斜体形式显示.测试下看看是不是你喜欢的风格吧.22. 段落首字母p:first-letter{ display: block; margin: 5px 0 0 5px; float: lef.. 阅读全文

摘要： 1. CSS 重置html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, t 阅读全文

摘要： 一、原型继承 JavaScript使用了一种独特的对象创建和继承的方式，称为原型继承（prototypal inheritance）。这一方法背后的前提（相对大多数程序员所熟悉的传统的类/对象方案而言）是,一个对象的构造器能够从另一个对象中继承方法，建立起一个原型对象，所有的新的对象都将从这个原型创建。 这整个过程由prototype属性（存在于每一个函数中，因为任何函数都可以是一个构造器）促成。 使得这种形式的继承特别难以掌握的是，原型并不从其它的原型或者其它的构造器继承属性，而是从实际的对象中继承。代码://创建Person对象的构造器function Person( name ) ... 阅读全文

摘要： 我是一个由衷的面向对象的程序员，并且JavaScript支持基于继承的原型（prototype）。不幸的是这会导致冗长的类定义：functionAnimal(name){};Animal.prototype.eat=function(){};Animal.prototype.say=function(message){我希望能有一个良好的关于JavaScript OO的基础类：我希望能简单的创建类而没有MyClass.prototype 的冗余代码。我希望有能够直接访问被重载函数的函数重载 (就像 Java的super)我希望在原型构造阶段能够避免调用类的构造方法。我希望能简单的添加静态的（类 阅读全文

摘要： 1.filter:.filter( selector ).filter( function(index) ).filter( element ).filter( jQuery object )和find区别:基本是find是对它的子集的操作，而filter是对自身集合元素（平级元素）的操作·find 函数是在当前对象集合的子元素中进行查询;·filter 函数是对当前对象集合进行过滤, 利用过滤条件缩小范围;·find 函数的参数是 jQuery 选择器表达式;·filter 的参数也是选择器表达式, 但可以有多个条件, 用逗号分隔(逻辑或关系);
阅读全文

摘要： jQuery源码中的extend扩展:123jQuery.extend = jQuery.fn.extend = function() {...};我们可以用$.extend去扩展自定义的对象，实现方式：1，通过$.extend扩展 /** * 扩展对象,override参数的作用是是否覆盖第一个对象中的已有属性,true时覆盖，false时不覆盖. * @param {Object} * @param {Boolean} * @return {Object} */ $.extend = function (destination, source, o... 阅读全文

摘要： 仿jquery写的一个东东~以下是jQuery 1.6.1 代码片段123456789101112131415varjQuery = function( selector, context ) {// The jQuery object is actually just the init constructor 'enhanced'returnnewjQuery.fn.init( selector, context, rootjQuery );},...jQuery.fn = jQuery.prototype = {constructor: jQuery,init: funct 阅读全文

摘要： IE6/78中，弹出字符串的长度是4，即忽略了空格。IE9/Firefox/Safari/Chrome/Opera中，弹出则是7，即没有忽略空格。这时候拿.html()的返回值作为代码分支的条件明显在非IE浏览器中会出错。如果非要使用元素的html内容作为判断条件，解决办法很简单:1，写html时去掉空格2，调用html()方法后再调用trim()，如var str = $('#main').html().trim(); 阅读全文