5 Tips for More Efficient jQuery Selectors

2014-12-26

1. Use an ID if Possible

HTML ID attributes are unique in every page and even older browsers can locate a single element very quickly:

1	$("#myelement");

2. Avoid Selecting by Class Only

The following class selector will run quickly in modern browsers:

1	$(".myclass");

Unfortunately, in older browser such as IE6/7 and Firefox 2, jQuery must examine every element on the page to determine whether “myclass” has been applied.

The selector will be more efficient if we qualify it with a tag name, e.g.

1	$("div.myclass");

jQuery can now restrict the search to DIV elements only.

more >>

展开全文 >>

几种布局方式（两栏布局，三栏布局，等高布局，流式布局）

2014-11-17

最近面试的时候被问到了两栏或者三栏自适应等相关布局问题，现在总结一下

一、左侧固定宽度，右侧自适应

1. float+margin（一侧定宽，一侧自动），代码如下

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="robots" content="noindex">
  <title>1\. float+margin（一侧定宽，一侧自动）</title>
<style id="jsbin-css">
html,body{margin:0; padding: 0;}
.m-box{margin: 5px;}
.m-box .left,.m-box .right { height: 200px; }
.m-box .left{float:left; width:200px; background-color:#ccc; }
.m-box .right{margin-left:210px;  background-color:#666;}
</style>
</head>
<body>
  <div class="m-box">
      <div class="left">左</div>
      <div class="right">右</div>
  </div>
</body>
</html>

预览地址：float+margin（一侧定宽，一侧自动）

more >>

展开全文 >>

wordpress 插件-Easy FancyBox

2014-11-10

今天写文章的时候，发现图片在生成的文章中实在是不忍直视，之前也碰到过这个问题，一直没管，今天实在是忍不了，所以上网查了下，最后选择了一个简单易操作的插件，Easy FancyBox

步骤一、写好文章后，在图片上编辑

步骤二、在图片编辑页面修改图片地址

more >>

展开全文 >>

nodejs资料收集

2014-10-13

从零开始nodejs系列文章

展开全文 >>

nodejs搭建静态文件的Web服务器

2014-10-08

参考网址：Node.JS static file web server，代码在下面，默认打开的是index.html文件

var http = require("http"),
    url = require("url"),
    path = require("path"),
    fs = require("fs")
    port = process.argv[2] || 8888;
http.createServer(function(request, response) {
  var uri = url.parse(request.url).pathname
    , filename = path.join(process.cwd(), uri);
  path.exists(filename, function(exists) {
    if(!exists) {
      response.writeHead(404, {"Content-Type": "text/plain"});
      response.write("404 Not Found\n");
      response.end();
      return;
    }
    if (fs.statSync(filename).isDirectory()) filename += '/index.html';
    fs.readFile(filename, "binary", function(err, file) {
      if(err) {        
        response.writeHead(500, {"Content-Type": "text/plain"});
        response.write(err + "\n");
        response.end();
        return;
      }
      response.writeHead(200);
      response.write(file, "binary");
      response.end();
    });
  });
}).listen(parseInt(port, 10));
console.log("Static file server running at\n  =&gt; http://localhost:" + port + "/\nCTRL + C to shutdown");