| //USE CASE | |
| $('#q').selectRange(0, 10); | |
| $('#q').selectRange(searchVal.indexOf('{'), (searchVal.indexOf('}')+1)); | |
| //Source here : http://plugins.jquery.com/project/selectRange | |
| $.fn.selectRange = function(start, end) { | |
| var e = document.getElementById($(this).attr('id')); // I don't know why... but $(this) don't want to work today :-/ | |
| if (!e) return; |
Handlebars是JavaScript一个语义模板库，通过对view和data的分离来快速构建Web模板。它采用"Logic-less template"（无逻辑模版）的思路，在加载时被预编译，而不是到了客户端执行到代码时再去编译， 这样可以保证模板加载和运行的速度。Handlebars兼容Mustache，你可以在Handlebars中导入Mustache模板。
Handlebars的安装非常简单，你只需要从Github下载最新版本，你也可访问下面网址获取最新信息：http://handlebarsjs.com。 目前handlebars.js已经被许多项目广泛使用了，handlebars是一个纯JS库，因此你可以像使用其他JS脚本一样用script标签来包含handlebars.js
| function previewImage(file) { | |
| var porImg = $('#biuuu'), //首先获取大图片jquery对象 | |
| viewImg = $('#view'); //小图片jquery对象 | |
| //判断该浏览器是否为w3c标准，既非IE浏览器 | |
| if (file["files"] && file["files"][0]) { | |
| //使用JavaScript的FileReader对象来读取本地数据，并且将数据结果赋值给image的src，具体该对象如何实现的还未深入研究 | |
| var reader = newFileReader(); | |
| reader.onload = function(evt) { | |
| porImg.attr({ | |
| src: evt.target.result |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>WebWorker image preloading</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" /> | |
| </head> | |
| <body> | |
| <div id="output"></div> | |
| <script id="imgloader" type="javascript/worker"> | |
| // Not race proof or robust. Proof of concept. |
| // 检测浏览器的 User Agent 应该是非常简单的事情 | |
| // 微信在 Android 下的 User Agent | |
| mozilla/5.0 (linux; u; android 4.1.2; zh-cn; mi-one plus build/jzo54k) applewebkit/534.30 (khtml, like gecko) version/4.0 mobile safari/534.30 micromessenger/5.0.1.352 | |
| // 微信在 iPhone 下的 User Agent | |
| mozilla/5.0 (iphone; cpu iphone os 5_1_1 like mac os x) applewebkit/534.46 (khtml, like gecko) mobile/9b206 micromessenger/5.0 | |
| // 通过javascript判断 | |
| // 很容易看出来，微信的 User Agent 都有‘micromessenger’字符串标示，我们判断是否含有这些字符串就OK了 | |
| function isWeixinBrowser(){ |