摘要： 最近开始物色新公司，群里来了个招人的，说2.5万招高手。在众人的怂恿下，发了简历。 但结果是不如意的，经过他们一小时的评测，他们认为我的水平不过8k-10k，税前。我吐血了，还远低于我原来的呢，更何况那公司是北京的，我是在深圳， 就算只在原来工资上乘以物价指数比也不这样算吧。事后静下心来想想，问题出在哪里。毕竟我也招人招了差不多一年时间。我也体谅招人的难处。从招聘的角度来看，小公司很少会求助招聘网站。天真的老板以为在官网放个5K以上的工资，就有大量简历涌来了。当然人事肯定不会这样认为，但人事部 长与老板通常关系非常亲密，不是亲戚情人与通过拍马屁上来的，很少有正常的。人事部长基本上不会告诉老板真 阅读全文

摘要： 转载自：http://topic.csdn.net/u/20100705/09/40918be9-bb47-4477-abf0-a45801f9df34.html?93428【分享】说说标准——CSS的错误解析规则【分享】说说标准——CSS标准中的值【分享】说说标准——关于样式的特殊性【分享】说说标准——层叠顺序（Cascading order），看看到底哪个样式在起作用【分享】说说标准——你真的了解盒子模型(box model)吗？【分享】说说标准——揭开外边距折叠(Collapsing margins)的面纱 【分享】说说标准——CSS中非常重要的可视化格式模型(visual format 阅读全文

摘要： <canvas>是html5当中的一个标签，通过Javascript来画图。<canvas id=”canvas” width=”150″ height=”150″></canvas><script>var canvas = document.getElementById(”canvas”);var ctx = canvas.getContext(”2d”);ctx.fillStyle = “rgb(0,0,200)”;ctx.fillRect(10, 10, 50, 50);</script>画图形 这是canvas的网格，刚才的图 阅读全文

摘要： 本来这是个老生常谈的问题，上周自成又分享了一些性能优化的建议，我这里再做一个全面的Tips整理，谨作为查阅型的文档，不妥之处，还请指正； 如果你已经对yahoo这些优化建议烂熟于心，果断点这里一、 Yahoo的军规条例：谨记：80%-90%的终端响应时间是花费在下载页面中的图片，样式表，脚本，flash等； 详细的解释来这里查：http://developer.yahoo.com/performance/rules.html 也可以直接firebug上一项项比对，如下图：简单翻译解释下：1、尽量减少HTTP请求个数——须权衡合并图片（如css sprites，内置图片使用数据）、合并CSS、J 阅读全文

摘要： Nicholas C. Zakas最近发布了CSS Lint，旨在检测CSS代码中存在的各种问题，从而写出更高效的CSS。CSS Lint现有的一些规则：修复解析错误（Parsing errors should be fixed）避免使用多类选择符（Don't use adjoining classes）IE6以及更古老的浏览器对类似.foo.bar的多类选择符解析不正确，参考IE6下的多类选择符一文。移除空的css规则（Remove empty rules）这个规则不包含任何属性，类似：.foo { }空规则的产生原因一般来说是为了预留样式。去除这些空规则无疑能减少css文档体积。正 阅读全文

摘要： 作者： 阮一峰日期： 2011年3月26日Firebug是网页开发的利器，能够极大地提升工作效率。但是，它不太容易上手。我曾经翻译过一篇《Firebug入门指南》，介绍了一些基本用法。今天，继续介绍它的高级用法。===================================Firebug控制台详解作者：阮一峰 控制台（Console）是Firebug的第一个面板，也是最重要的面板，主要作用是显示网页加载过程中产生各类信息。一、显示信息的命令Firebug内置一个console对象，提供5种方法，用来显示信息。最简单的方法是console.log()，可以用来取代alert()或docu 阅读全文

摘要： 字符串转日期两种方法：第一种： function strToDate(str) { var arys= new Array(); arys=str.split('-'); //1月份是用0来表示的，所以2002年10月12日，应表示为2002-9-12var newDate=new Date(arys[0],arys[1]-1,arys[2]); return newDate; } 第二种（存在兼容性问题，具体查看这里）：function strToDate(str){ var val=Date.parse(str); var newDate=new Date(val)... 阅读全文

摘要： 原文链接：http://hszy00232.blog.163.com/blog/static/430227532011119105237357/【背景】如果你是刚进入WEB前端研发领域，想试试这潭水有多深，看这篇文章吧；如果你是做了两三年WEB产品前端研发，迷茫找不着提高之路，看这篇文章吧；如果你是四五年的前端开发高手，没有难题能难得住你的寂寞高手，来看这篇文章吧；WEB 前端研发工程师，在国内是一个朝阳职业，自07-08年正式有这个职业以来，也不过三四年的时间。这个领域没有学校的正规教育，没有行内成体系的理论指 引，几乎所有从事这个职业的人都是靠自己自学成才。自学成才，一条艰辛的坎坷路，我也 阅读全文

摘要： 先看DEMO，在chrome、safari、firefox下，页面显现正常的绿色背景，而在IE下，页面背景为白色。经过分析引起的原因是：1、HTML页面编码与CSS编码不同（DEMO中HTML为gbk，CSS为utf-8）2、CSS文件中未指定@charset头声明，导致IE默认使用页面编码来解码CSS文件（DEMO中IE浏览器使用gbk来解码一个utf-8的CSS文件）3、中文注释中的汉字为奇数个数时，会与结尾的“*/”组合成新的合法字符，导致注释未能正确关闭，造成紧跟其后的样式被自动注释，从而引起样式失效。例如，该DEMO中CSS代码为/*叶落花*/ body{background-col 阅读全文

摘要： 如何为数组取最大值与最小值。最笨的方法估计是这样：代码Array.prototype.max=function(){varmax=this[0];varlen=this.length;for(vari=1;i<len;i++){if(this[i]>max){max=this[i];}}returnmax;}Array.prototype.min=function(){varmin=this[0];varlen=this.length;for(vari=1;i<len;i++){if(this[i]<min){min=this[i];}}returnmin;}如果你是引 阅读全文

摘要： jQuery的开发速度很快，几乎每半年一个大版本，每两个月一个小版本。每个版本都会引入一些新功能。今天我想介绍的，就是从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。这个功能很重要，未来将成为jQuery的核心方法，它彻底改变了如何在jQuery中使用ajax。为了实现它，jQuery的全部ajax代码都被改写了。但是，它比较抽象，初学者很难掌握，网上的教程也不多。所以，我把自己的学习笔记整理出来了，希望对大家有用。本文不是初级教程，针对的读者是那些已经具备jQuery使用经验的开发者。如果你想了解jQuery的基本用法，请阅读我编写的《jQuery设计思想》和 阅读全文

摘要： 原文链接：http://www.baiduux.com/blog/2010/07/15/the_sizzle_in_jquery/这是一篇关于介绍jQuery Sizzle选择器的文章，由我和obility共同完成。在文中，我们试图用自己的语言配以适量的代码向读者展现出Sizzle在处理选择符时的流程原理，以及末了以少许文字给你展示出如何借用Sizzle之手实现自定义选择器（也许更标准的叫法叫做过滤符）和它与YUI 选择器的大致比较。前序 jQuery相比1.2的版本，在内部代码的构造上已经出现了巨大的变化，其之一便是模块的分发.我记得09年在jquery 9月开的一次大会上 john放出的一 阅读全文

摘要： 原文：The Difference Between jQuery’s .bind(), .live(), and .delegate()作者：Steve Schwartz时间：2011-02-01出处：http://www.alfajango.com/blog/the-difference-between-jquerys-bind-live-and-delegate/ .bind()、.live()和.delegate()之间的区别并非总是那么明显的，然而，如果我们对所有的不同之处都有清晰的理解的话，那么这将会有助于我们编写出更加简洁的代码，以及防止在交互应用中弹出错误。 基本要素DOM树首. 阅读全文

摘要： 上周，我整理了《jQuery设计思想》。那篇文章是一篇入门教程，从设计思想的角度，讲解"怎么使用jQuery"。今天的文章则是更进一步，讲解"如何用好jQuery"。我主要参考了Addy Osmani的PPT《提高jQuery性能的诀窍》（jQuery Proven Performance Tips And Tricks）。他是jQuery开发团队的成员，具有一定的权威性，提出的结论都有测试数据支持，非常有价值。==============================================jQuery最佳实践阮一峰 整理1. 使用最新版本的 阅读全文

摘要： jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。对于网页开发者来说，学会jQuery是必要的。因为它让你了解业界最通用的技术，为将来学习更高级的库打下基础，并且确实可以很轻松地做出许多复杂的效果。虽然jQuery上手简单，比其他库容易学会，但是要全面掌握，却不轻松。因为它涉及到网页开发的方方面面，提供的各种方法和内部变化有上千种之多。初学者常常感到，入门很方便，提高很困难。目前，互联网上最好的jQuery入门教材，是Rebecca Murphey写的《jQuery 阅读全文

摘要： 有了CSS3，网站开发及网站设计都发展到一个更高的层次。在本文中，作者收集了一些惊人的使用CSS3技术的例子，如果多数浏览器能兼容CSS3，那么这些技术很可能会被广泛接受。 1. Color animate any shape with CSS3 and a PNG 第一个展示的是一个仅仅使用了CSS3技术的有趣的成果：一个可以变换背景的PNG图像。背景使用了CSS3转变。不是那种可以直接放在网站上的效果，而是展示CSS3功能的有趣的演示。 2. Create adaptable layout using CSS3 media queries CSS3媒体调查可以使你的网站构架兼容于浏览器。也 阅读全文

摘要： Web页面运行在各种各样的浏览器当中，浏览器载入、渲染页面的速度直接影响着用户体验简单地说，页面渲染就是浏览器将html代码根据CSS定义的规则显示在浏览器窗口中的这个过程。先来大致了解一下浏览器都是怎么干活的： 1. 用户输入网址（假设是个html页面，并且是第一次访问），浏览器向服务器发出请求，服务器返回html文件； 2. 浏览器开始载入html代码，发现<head>标签内有一个<link>标签引用外部CSS文件； 3. 浏览器又发出CSS文件的请求，服务器返回这个CSS文件； 4. 浏览器继续载入html中<body>部分的代码，并且CSS文件已经拿 阅读全文

摘要： 这些在平时的项目中挺实用的，所以抽空封装了一个文本框根据输入内容自适应高度的插件-autoTextarea：(function($){$.fn.autoTextarea = function(options) {var defaults={maxHeight:null,//文本框是否自动撑高，默认：null，不自动撑高；如果自动撑高必须输入数值，该值作为文本框自动撑高的最大高度minHeight:$(this).height() //默认最小高度，也就是文本框最初的高度，当内容高度小于这个高度的时候，文本以这个高度显示};var opts = $.extend({},defaults,opti 阅读全文

摘要： CSS 3 + HTML 5 是未来的 Web，它们都还没有正式到来，虽然不少浏览器已经开始对它们提供部分支持。本教程分5节介绍了 5 个 CSS3 技巧，可以帮你实现未来的 Web，不过，这些技术不应该用在正式的客户项目，它们更适合你的个人博客站点，Web 设计社区，或者不会有客户向你投诉的场合。 块阴影与文字阴影 阴影效果曾让 Web 设计师既爱又恨，现在，有了 CSS3，你不再需要 Photoshop，已经有网站在使用这个功能了，如 24 Ways website.1. -webkit-box-shadow: 10px 10px 25px #ccc; 2. -moz-box-shadow 阅读全文

摘要： 引子：很好的一个流水帐，很好的一个实习生案例，很好的一个职场现身说法，很好的用数据说话的实战例子，很好的鲶鱼！请仔细阅读，尤其是你们中刚刚踏入职场没几年的年轻人，看看一个大三的北邮学生是怎么震了赶集网的销售、数据挖掘、竞情分析、产品、团购、运营和电话销售。引用赶集网YJ先生对这位大三实习生的褒奖邮件中几句结论，共勉：2.以结果为导向 任何工作活动，都要有结果，要清晰的知道目标和目 的，得有实现结果的"势利眼"。为实现目标，谁都可以随时站到全局看问题，技术人员可以站在商务角度考虑问题，产品也可以了解一定的技术思路，这些方式、 技术、工具、能力，都只是手段，甚至都不是最重要的， 阅读全文