摘要： 以前在做图片滚动时，在双击左右箭头，快速切换图片滚动时，会选择附近区域的文字，感觉不是很好，今天在同事在分享时，讲到了这个问题， 试了一下，不错，解决了问题IE及Chrome下的方法一样，对相应的元素添加onselectstart=”return false;”但是，这个在火狐下不起作用，但是火狐下可以用css样式来达到这个效果，即添加-moz-user-select:none;就可以兼容ie，google，firefox了，即代码如下所示：屏蔽双击选中文字的区域这样这个区域的文字都不能选中了，就也不会出现在双击左右箭头快速切换图片滚动时会选择附近区域文字的情况了如果把和body{-moz-u 阅读全文

摘要： 图片在响应式布局中需要做到适应不同宽度的媒介给出最佳显示方案，如水一样会随着宽度的改变而改变。在HTML内的图片，比如文章里插入的图片我们可以通过CSS样式max-width来进行控制图片的最大宽度，如：#content img { max-width:100%; height:auto;}如此设置后ID为content内的图片会根据content的宽度改变以达到等宽扩充。 height 为 auto 的设置是为了保证图片原始的高宽比例，以至于图片不会失真。在WEB显示出来的图片除了 标签的图片外，还有 CSS 设置的背景图片。比如 logo 为背景图片：wondercss#... 阅读全文

摘要： 讲到响应式布局，相信大家都有一定的了解，响应式布局是今年很流行的一个设计理念，随着移动互联网的盛行，为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果，设计师提出了响应式布局的设计方案。今天就和大家来讲讲响应式布局这件小事，包含什么是响应式布局、响应式布局的优点和缺点以及响应式布局该怎么设计（通过CSS3 Media Query实现响应布局）。一、什么是响应式布局?响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。响应式布局可以为不同终端的用户提供 阅读全文

摘要： 来源：http://www.oschina.net/translate/best-practices-for-a-pragmatic-restful-api数据模型已经稳定，接下来你可能需要为web（网站）应用创建一个公开的API（应用程序编程接口）。需要认识到这样一个问题：一旦API发布后，就很难对它做很大的改动并且保持像先前一样的正确性。现在，网络上有很多关于API设计的思路。但是在全部案例中没有一种被广泛采纳的标准，有很多的选择：你接受什么样的格式？如何认证？API应该被版本化吗？在为SupportFu（一个轻量级的Zendesk替换实现）设计API时，对于这些问题我尽量得出一些务实的答 阅读全文

摘要： 什么是backbonebackbone不是脊椎骨，而是帮助开发重量级的javascript应用的框架。主要提供了3个东西：1、models(模型) 2、collections(集合) 3、views(视图)backbone.js文件本身很小，压缩后只有5.3KB，作为一个框架级别的核心JS文件，这个数字很可怕。除此之外，这个JS还必须依赖于另一个JS文件：underscore.js(包含许多工具方法，集合操作，js模板等等)。简介用Backbone.Model表示应用中所有数据，models中的数据可以创建、校验、销毁和保存到服务端。当models中值被改变时自动触发一个"chang 阅读全文

摘要： 命名空间 JavaScript本身中没有提供命名空间机制，所以为了避免不同函数、对象以及变量名对全局空间的污染，通常的做法是为你的应用程序或者库创建一个唯一的全局对象，然后将所有方法与属性添加到这个对象上。复制代码代码如下:/* BEFORE: 5 globals */// constructorsfunction Parent() {}function Child() {}// a variablevar some_var = 1;// some objectsvar module1 = {};module1.data = {a: 1, b: 2};var module2 = {};/* . 阅读全文

摘要： zhuanzi：http://qingbob.com/blog/%E8%B0%88javascript%E5%8F%98%E9%87%8F%E5%A3%B0%E6%98%8E之前的面试中遇到过一道面试题var a =10;(function(){ console.log(a);var a =20;})()短短5行代码log的结果是什么？如果把var a = 20;和console.log(a)语句顺序对调呢？这道题目的答案是undefined。不是10。关键在于javascript的变量声明有一个hoisting机制，变量声明永远都会被提升至作用域的最顶端（注意测试还只是声明，还没有赋值）。其 阅读全文

摘要： 一般JSON字符串转换为JS对象，都使用var jsonStr="{a:1}";var jsonObj = eval("("+jsonStr+")");今天学习JQuery源码看到一下方法，原来还可以这样解析JSON字符串： parseJSON: function( data ) { if ( typeof data!== "string" ||!data ) { return null; } // Make sure leading/trailing whitespace is removed (IE can&# 阅读全文

摘要： 来源：https://github.com/spmjs/spm/wiki/Hello-spm%EF%BC%9A%E4%BD%BF%E7%94%A8-spm-%E5%92%8C-SeaJS-%E5%BC%80%E5%8F%91%E4%B8%80%E4%B8%AA%E4%B8%AD%E5%9E%8B%E9%A1%B9%E7%9B%AE现在我们要正儿八经开始开发一个叫 hello-spm 的项目了，别笑，虽然只是个为了让你更好的了解 SPM 而杜撰出来的项目，但也五脏俱全。我们提供了在线演示：http://fool2fish.github.com/hello-spm 。 毫不犹豫的猛击空格键，就会有 阅读全文

摘要： 原文链接：http://rmurphey.com/blog/2012/04/12/a-baseline-for-front-end-developers/前几天我为一个项目写README文档，我希望其他开发者能够看到这个项目，并从中学到一些东西。突然我意识到，若放在几年前，我写作的过程中随口提到的Node，pnm，Homebrew，git，测试还有产品构建，会把我魂都吓没了。曾经有段时间，一个前端开工程师基本的工作流程是：编辑文件，本地测试下（尽我们可能做到最好），然后通过FTP上传到服务器。我们评价一个前端工 程师的水平，是通过他是否能够兼容IE6，或者取得跨浏览器的像素级的一致。很多社区的 阅读全文

摘要： 来源：http://www.cnblogs.com/chyingp/archive/2012/10/17/2726898.html一、关于LABjs的简单介绍作者：Kyle Simpson作用：动态并行加载脚本文件 以及 管理加载脚本文件的执行顺序官网：http://www.labjs.com/二、关于LABjs的使用以下实例原文链接：http://www.au92.com/archives/labjs.html更全更详细说明：http://labjs.com/documentation.php实例1：$LAB.script("script1.js") .script(&q 阅读全文

摘要： 随着网页越做越复杂，页面上要用到的 JavaScript 也越来越多，一次性把所有可能会用到的 js 全包含在页面中显然不是一个好主意，于是各种各样动态按需加载 js 的方法逐渐流行起来，LABjs就是这样一个有趣的项目，目前，包括 twitter 在内的很多网站都是 LABjs 的用户。下面将对 LABjs 1.0.4 版的实现原理做一些分析。限于篇幅，关于 LABjs 的使用说明这儿就不写了，需要的话请看它的官方文档。所谓动态加载 js ，指的是在页面上的某一些 js 执行时，由这些 js 动态加载外部的 js （有时候也包含执行页面上已经定义的一些模块函数）。粗略整理，加载外部 js 的 阅读全文

摘要： 传统上，加载Javascript文件都是使用<script>标签。就像下面这样： <script type="text/javascript" src="example.js"></script><script>标签很方便，只要加入网页，浏览器就会读取并运行。但是，它存在一些严重的缺陷。 （1）严格的读取顺序。由于浏览器按照<script>在网页中出现的顺序，读取Javascript文件，然后立即运行，导致在多个文件互相依赖的情况下，依赖性最小的文件必须放在最前面，依赖性最大的文件必须放在最后面 阅读全文

摘要： 1、基本语法： 首先，fullcalendar和JQUERY一样，以面向对象的方式来组织代码。当然，这里的面向对象仅仅是指可以把整个fullcalendar理解 为一个类，这个类里包括有很多的属性、方法、委托(函数回调)作为成员变量。通过为这些成员变量赋值，即可实例化出一个符合自己需求的 fullcalendar实例出来，即最终在浏览器里渲染出的日历。换句话说，我们所做的绝大多数工作就是按照fullcalendar的语法约定去配置 出一个符合我们需求的fullcalendar实例。除非对于极少的特殊需求，fullcalendar向我们提供的接口不足以满足，才会去修改 fullcalendar本 阅读全文

摘要： jsDoc 说白了就是帮助你生成JS的文档，但有个前提，就是你编写的JS代码中，需要按一定的格式写注释后，这个工具软件才能帮你正确的生成文档！一、配置使用环境。此软件是 JAVA写的，所以我们要在windows 系统中配置java的环境变量二、下载 jsdoc_toolkit，并解压三、这里我们需要通过命令行进行创建javascript文档。java -jar jsrun.jar app/run.js -a -e=GB18030 -t=templates/jsdoc test/*.js【说明：1.test/*.js 可以更换目录。2.-e=GB18030 可以直接删除，即java -jar j 阅读全文

摘要： 一、安装ant到官方主页http://ant.apache.org下载新版（目前为Ant1.8.1）的ant，得到的是一个apache-ant-1.8.1-bin.zip的压缩包。将其解压到你的硬盘上，例如：C:\apache-ant-1.8.1。二、配置环境变量window中设置ant环境变量：ANT_HOME C:/ apache-ant-1.8.1path C:/ apache-ant-1.8.1/binclasspath C:/apache-ant-1.8.1/lib注意：【 配置环境变量：我的电脑----属性-----高级----环境变量如：ANT_HOME：C:\apache-.. 阅读全文

摘要： jQuery 从 1.9 版开始，移除了 $.browser 和 $.browser.version ， 取而代之的是 $.support 。 在更新的 2.0 版本中，将不再支持 IE 6/7/8。 以后，如果用户需要支持 IE 6/7/8，只能使用 jQuery 1.9。 如果要全面支持 IE，并混合使用 jQuery 1.9 和 2.0， 官方的解决方案是：<!--[if lt IE 9]> <script src='jquery-1.9.0.js'></script><![endif]--><!--[if gte I 阅读全文

摘要： 1.与google日历连接，别忘记加入<script type='text/javascript' src='js/gcal.js'/>events: $.fullCalendar.gcalFeed("http://www.google.com/calendar/feeds/xuqi86@gmail.com/private-660ae86cc26345cff3430480e8eea4bb/basic", { className:'gcal-event', editable:true,currentTimezone: 阅读全文

摘要： 1、基本语法： 首先，fullcalendar和JQUERY一样，以面向对象的方式来组织代码。当然，这里的面向对象仅仅是指可以把整个fullcalendar理解 为一个类，这个类里包括有很多的属性、方法、委托(函数回调)作为成员变量。通过为这些成员变量赋值，即可实例化出一个符合自己需求的 fullcalendar实例出来，即最终在浏览器里渲染出的日历。换句话说，我们所做的绝大多数工作就是按照fullcalendar的语法约定去配置 出一个符合我们需求的fullcalendar实例。除非对于极少的特殊需求，fullcalendar向我们提供的接口不足以满足，才会去修改 fullcalendar本 阅读全文

摘要： add:一、fullcalendar设置正常，却不显示内容。在手上做的项目中用到了fullCalendar 根据网上查找到的资料，对样式等进行了加工，总体来的是实现了应有的效果，但在放在服务器上时，却发现渲染有问题，通过firebug验证数据源，发现数 据源获取正常，参数语句写的也很完整，本地测试也没有问题，但在服务器上却显示出来了。研究了好长时间，在网上询问了一部分人一直没有结果，不过可以确定是数据源有问题，在用法上没问题，结果却没出来，于是将本地，与服务器的数据全部 拷贝出来，一一对比，终于发现了问题所在，原来是日期的格式不正确：在本地从数据库中提取出来的日期格式是”2012/08/05″ 阅读全文

摘要： JQuery的extend扩展方法： Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。 一、Jquery的扩展方法原型是: extend(dest,src1,src2,src3...); 它的含义是将src1,src2,src3...合并到dest中,返回值为合并后的dest,由此可以看出该方法合并后，是修改了dest的结构的。如果想要得到合并的结果却又不想修改dest的结构，可以如下使用： var newSrc=$.extend({},src1,src2,src3...)//也就是将"{}"作为dest参 阅读全文

摘要： 在JavaScript中,想要判断某个对象值属于哪种内置类型,最靠谱的做法就是通过Object.prototype.toString方法.var arr = [];console.log(Object.prototype.toString.call(arr)) //"[object Array]"本文要讲的就是,toString方法是如何做到这一点的,原理是什么.ECMAScript 3在ES3中,Object.prototype.toString方法的规范如下:15.2.4.2 Object.prototype.toString()在toString方法被调用时,会执行下 阅读全文

摘要： jsonp详解json相信大家都用的多，jsonp我就一直没有机会用到，但也经常看到，只知道是“用来跨域的”，一直不知道具体是个什么东西。今天总算搞明白了。下面一步步来搞清楚jsonp是个什么玩意。同源策略首先基于安全的原因，浏览器是存在同源策略这个机制的，同源策略阻止从一个源加载的文档或脚本获取或设置另一个源加载的文档的属性。看起来不知道什么意思，实践一下就知道了。1.随便建两个网页一个端口是2698，一个2701，按照定义它们是不同源的。2.用jQuery发起不同源的请求在2698端口的网页上添加一个按钮，Click事件随便发起两个向端口为2701域的请求。$("#getOthe 阅读全文

摘要： 你所有不曾料想过的问题，都会随着时间的推移而与你不期而遇；你所有曾经潇洒的随遇而安，同样也会随时间流逝而让你承担那些似乎命中已经注定的代价。在这 个世界上，“唯一不可阻挡的是时间，它像一把利刃，无声地切开了坚硬和柔软的一切，恒定地向前推进着，没有任何东西能够使它的行进产生丝毫颠簸，它却改变 着一切。”我始终相信一句话：出来混，迟早要还的。虽然你我皆是凡人，只是这芸芸众生中的普通一员，但我依然希望每个人的生命都能够迎着太阳开花结果。不 管以你现在的阅历是否能够理解这段话的涵义，请先记下来。我相信总有一天，你会明白。因为，时间能解释一切，时间能证明一切，时间能解决一切。——题记在最近的一年的职业规 阅读全文

摘要： 分类： 正则基础 2009-06-28 14:26 4146人阅读 评论(19) 收藏 举报为什么要了解引擎匹配原理正则表达式引擎预备知识字符串组成占有字符和零宽度控制权和传动正则表达式简单匹本过程基础匹配过程含有匹配优先量词的匹配过程匹配成功一含有匹配优先量词的匹配过程匹配成功二含有匹配优先量词的匹配过程匹配失败含有忽略优先量词的匹配过程匹配成功零宽度匹配过程NFA引擎匹配原理1 为什么要了解引擎匹配原理一个个音符杂乱无章的组合在一起，弹奏出的或许就是噪音，同样的音符经过作曲家的手，就可以谱出非常动听的乐曲，一个演奏者同样可以照着乐谱奏出动听的乐曲，但他/她或许不知道该如何去改变音符的组合， 阅读全文

摘要： 关于技术与工作 我觉得，技术与工作最理想的结合状态是，自己能学习到新的技术，这些技术也能应用到工作中；工作的内容又不那么枯燥，都那么具有挑战性。 程序员的工作首先应该是富有挑战性的 有这么一句名言： 工作，它之所以成为工作，是因为你只需要工作而不需要思考。 你也许会对这句话有异议，但是大部分人和大部分工作确实是这样的。工厂员工在流水线上机械地组装，服务员每天重复着招待客人，厨师日复一日地烹制菜肴，等等。工作，就是人和机器之间的中间层，等到某一天机器人有这种功能了，人自然就不用工作了。 但是我觉得，如果你在工作中比别人多那么一点思考，也许你就会出类拔萃，程序员这份工作就... 阅读全文

摘要： 浏览器缓存机制，其实主要就是HTTP协议定义的缓存机制（如： Expires； Cache-control等）。但是也有非HTTP协议定义的缓存机制，如使用HTML Meta 标签，Web开发者可以在HTML页面的<head>节点中加入<meta>标签，代码如下： html code <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> 上述代码的作用是告诉浏览器当... 阅读全文

摘要： 1 概述 贪婪与非贪婪模式影响的是被量词修饰的子表达式的匹配行为，贪婪模式在整个表达式匹配成功的前提下，尽可能多的匹配，而非贪婪模式在整个表达式匹配成功的前提下，尽可能少的匹配。非贪婪模式只被部分NFA引擎所支持。 属于贪婪模式的量词，也叫做匹配优先量词，包括： “{m,n}”、“{m,}”、“?”、“*”和“+”。 在一些使用NFA引擎的语言中，在匹配优先量词后加上“?”，即变成属于非贪婪模式的量词，也叫做忽略优先量词，包括： “{m,n}?”、“{m,}?”、“??”、“*?”和“+?”。 从正则语法的角度来讲，被匹配优先量词修饰的子表达式使用的就是贪婪模式，如“(Expression)+ 阅读全文

该文被密码保护。 阅读全文

摘要： 判断原理： JavaScript是前端开发的主要语言，我们可以通过 编写JavaScript程序来判断浏览器的类型及版本。JavaScript判断浏览器类型一般有两种办法，一种是根据各种浏览器独有的属性来分辨，另 一种是通过分析浏览器的userAgent属性来判断的。在许多情况下，值判断出浏览器类型之后，还需判断浏览器版本才能处理兼容性问题，而判断浏览器的 版本一般只能通过分析浏览器的userAgent才能知道。 浏览器类型 ⑴浏览器特有属性 ⑵根据userAgent 浏览器版本 ⑴根据userAgent 对于手机浏览器判断 1.如何判断是否为移动终端 利用正则mat... 阅读全文