04 2014 档案
摘要:JavaScript目前变得越来越流行,已经变成了Web开发必备的语言,加之其跨平台的特性,使得在一切皆为JavaScript的移动互联网时代大有作为。 同时,我们看到,在过去的这一年的软件开发中,JavaScript也是独领风骚。 可以说,现在就是学习JavaScript开发的最佳时机。本文...
阅读全文
摘要:今天JS练手的时候,想封装一个发送AJAX请求的对象,当然,是想要兼容全浏览器的。代码如下:var Ajax = { xhr: null, callback: null, XMLHttp: function() { var xmlhttp; //标准浏览器 if(window.XMLHttpRequ...
阅读全文
摘要:25 +免费开源的电子商务解决方案,提供了建立一个在线购物所有主要功能,并能够连接到一个支付处理系统1。 Magento Magento是一套专业开源的PHP电子商务系统。Magento设计得非常灵活,具有模块化架构体系和丰富的功能。易于与第三方应用系统无缝集成。 多店面管理--在同一个网...
阅读全文
摘要:Philip Walton 在AppFolio担任前端工程师,他在Santa Barbara on Rails的聚会上提出了CSS架构和一些最佳实践,并且在工作中一直沿用。 擅长CSS的Web开发人员不仅可以从视觉上复制实物原型,还可以用代码进行完美的呈现。无需使用表格、尽可能少的使用图片。如果...
阅读全文
摘要:Jumble Text Effect Plugins Demo||Download Vticker – Vertical News Ticker With JQuery Plugin Demo||Download JQuery TE – Text Editor With JQuery Plugi...
阅读全文
摘要:如今,大多数网站设计要靠网格系统和布局,这能够提供给设计人员一个方便的途径来组织网页上的内容。网格的设计最常见于报纸和杂志的版面,由文字和图像构成的列组成。 这篇文章给大家分享精心挑选的15款最佳的 jQuery 网格布局插件(jQuery Grid Plugins),它可以帮助你在创建网格布...
阅读全文
摘要:对于前端开发工程师来说,确保代码在各种主流浏览器的各个版本中都能正常工作是件很费时的事情,幸运的是,有很多优秀的工具可以帮助测试浏览器的兼容性,让我们一起看看这些很棒的工具。Spoon Browser Sandbox点击你需要测试的浏览器环境,安装插件就可以进行测试了。帮助你测试网页在Safari...
阅读全文
摘要:1) Best Cross Platform IDE -Brackets Brackets是一个在前端Web开发和设计人员中最流行的开放源码IDE/代码编辑器之一。它拥有一些实用工具能够将HTML 和CSS推送至浏览,而不需要保存或重新加载页面。这是一个强大的工具,你将会爱上在Bracket中编...
阅读全文
摘要:1、数组的创建var arrayObj = new Array(); //创建一个数组var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度var arrayObj = new Array([element0[, element1[, ....
阅读全文
摘要:现如今,网站开发设计的需求会要求自动适应所有移动设备,即响应式网站: 在开发网站时必须考虑对平板设备融合 fluid(流)和自适应性特点。 大多数网站设计要靠margins, guides, rows and columns等网格系统和布局来在网页上组织内容。网格设计常见于报纸和杂志中的文字图...
阅读全文
摘要:我们在Bizzabo使用Backbone.js已经有两年的时间了。我们从一个小的网页应用为开始,这些小应用是由Backbone驱动的,而且他们看上去非常友好。 Backbone天生就不固执己见。你从文档上获取的一个最基本观点是:使用backbone.js提供的工具,做任何你想做的事。 这点非...
阅读全文
摘要:1.jQuery – Javascript框架jQuery 是最流行的 JavaScript 框架,它简化了HTML 文档遍历、事件处理、动画和Ajax交互。jQuery插件非常之多。2.Dojo Javascript框架Dojo是一个强大的面向对象JavaScript框架。主要由三大模块组成:Co...
阅读全文
摘要:jQuery 绝对是一个伟大的开源javascript类库,是帮助我们快速和高效开发前端应用的利器。可能大家在日常的开发过程中常常会处理表单相关的 javascript,在今天这篇代码片段分享文章中,gbin1收集了10个超棒超实用的jQuery表单处理代码,希望能够在大家的开发过程中帮助大 家更好...
阅读全文
摘要:对设计和开发一个网站来说,web开发者不能低估了网站滚动效果的重要性。如今,设计者们都视为一大挑战了,在网站中设计出吸引眼球的高效视觉滚动效果。幸运的是有各种各样的jquery 滚动插件可供他们使用,有了这些插件,他们可以根据页面滚动的位置做出很多吸引眼球的效果,像背景变换、动画等等。 本文中...
阅读全文
摘要:通过 jQuery 滚动条插件,你可以换掉千篇一律的默认浏览器滚动条,让你的网站或 web 项目更具特色,更有吸引力。本文收集了 11 款非常漂亮、实用的 jQuery 滚动条插件,你可以轻松将它们应用在自己的网站中。 1.Windows:全屏窗口滚动插件 该插件可以很好地实现全屏滚动,每滚动...
阅读全文
摘要:相信许多人都会用过搜索栏自动匹配关键词的功能,无论是像google的专业搜索引擎,还是普通的网站,现在许多都用上了这种关键词匹配技术,本文介绍的用jQuery实现的关键词匹配技术,当然要整合到自己的系统中还需要链接后台的代码。 在现在的Web设计中,提高用户体验是企业最为注重的内容之一。在搜索...
阅读全文
摘要:几年前,很难找到一个合适的颜色选择器。正好看到很多不错的JavaScript颜色选择器插件,故而把这些编译汇总。在本文,Web设计师和开发人员 Kevin Liew 选取了11个相应插件,有些会比较复杂,其他比较简单,相信应该会有适合你的。 1.ExColor ExColor是一个类似Pho...
阅读全文
摘要:Web 开发很简单,Web 应用的 UI 开发却很复杂,如果能够利用一些成熟的 UI 框架可以大大的减少开发的复杂度。本文向你介绍 5 款界面效果很不错的 JS 框架。1.ExtJSExtJS 主要用来开发RIA富客户端的AJAX应用,主要用于创建前端用户界面,与后台技术无关的前端ajax框架。因此...
阅读全文
摘要:从理论上讲,JavaScript并没有类。在实践中,下面的代码片段被广泛认为是JavaScript“类”的一个例子:12345678910111213141516function Account () {this._currentBalance = 0;}Account.prototype.bal...
阅读全文
摘要:01024041上一页4243444546474849下一页50
阅读全文
摘要:一个插件的基本功能是执行一个含有元素集合的函数数组。每个方法和jQuery核心组成一个插件,如.fadeOut()或.addClass()。一个jQuery插件是一个基本的可以扩充jQuery 原型对象的方法。当原型对象被扩充后,jQuery所有的对象都可以继承每一个扩充的方法。 jQuery有...
阅读全文
摘要:键盘事件是 Web 开发中最常用的事件之一,通过对键盘事件的捕获和处理可以提高网站的易用性和交互体验。下面,我们向大家介绍收集的20款优秀的 JavaScript 键盘事件处理库,帮助开发人员轻松处理各种键盘事件,赶紧收藏吧! Keypress Keypress 是个有着许多特别功能的输入捕...
阅读全文
摘要:在这篇文章中,我为大家收集了12个基于jQuery 框架的 Ajax 分页插件,这些插件都提供了详细的使用教程和演示。Ajax 技术的出现使得 Web 项目的用户体验有了极大的提高,如今借助优秀的 jQuery 框架很容易实现各种基于 Ajax 技术实现的功能。我们一起来看看下面这些优秀的分页插...
阅读全文
摘要:JQuery获取和设置Select选项方法汇总如下:获取select先看看下面代码:$("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发varcheckText=$("#select_id").find("op...
阅读全文
摘要:在本文中,我们给出 9 个有用的 HTML、CSS 和 JavaScript 的技巧和提示,可能在做 Web 开发中经常会需要用到的,其中有几个是关于 HTML5 和 CSS3 的,如果你是一个前端开发者,那么或许对你有些用处。1. 使用 html5 的 placeholder 属性以前我们经常要写...
阅读全文
摘要:jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯。废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQu...
阅读全文
摘要:在开发过很多 jQuery 插件以后,我慢慢的摸索出了一套开发jQuery插件比较标准的结构和模式。这样我就可以 copy & paste 大部分的代码结构,只要专注最主要的逻辑代码就行了。使用相同的设计模式和架构也让修复bug或者二次开发更容易。一套经过验证的架构可以保证我的插件不出大的问题,不论...
阅读全文
摘要:以下是一些非常有用的jQuery提示和所有jQuery的开发技巧。我分享这些,因为我认为他们将是非常有用的给你。声明:我没有写下面的代码,但已经从Internet收集各种来源。1。优化性能复杂的选择查询DOM中的一个子集,使用复杂的选择时,大幅提高了性能:var subset = $("");$("input[value^='']", subset);2。设置上下文和提高性能jQuery核心功能上,指定上下文参数。指定context参数,允许从DOM中更深的分支,而不是从DOM根,jQuery来启动。鉴于一个足够大的DOM,指定上下文参数
阅读全文
摘要:作为 Web 前端开发者,应该对 jQuery 比较熟悉,对免费开源的 jQuery 也用的非常多。但是随着 CSS3 标准的诞生和发展,很多 jQuery 插件也都纷纷应用了 CSS3 新标准,也因此让插件有更好的展示效果和用户体验。下面收集了几款灵巧实用的 jQuery 和 CSS3 插件工具,尤其是第一个滚动条你很可能会用到。1、jQuery 自定义滚动条你还在用浏览器自带的滚动条吗?如果你想给你的用户不一样的感觉,可以试试这款插件来自定义滚动条。在线演示/源码下载2、jQuery / CSS3 图片翻转效果这是一款利用 jQuery 和 CSS3 实现的图片翻转效果。在线演示/源码下载
阅读全文
摘要:jQuery 是一个非常棒的类库,但是为了保证代码的干净以及代码的精简,它只提供最核心的功能。所以就有了很多其他的工具来丰富jQuery的功能。我在使用这些工具的时候发现我常常重复的编写一些代码,所以我就开始把它们整理到一个类库中。我把这些代码都包装成了jQuery的代码,但这并不是必须的,你也可以在其他JS类库中使用他们,或者单独使用。你可以在这里下载这个类库。jQuery.postJSON()我不明白为何 jQuery 没有把这个方法加进去,虽然他们有 $.getJSON 方法。1$.postJSON(2"/put/path/here",3{val1:"Che
阅读全文
摘要:介绍Droptiles是一套Metro风格的类似Win8的Web2.0控制面板。它采用图块(tiles)建立用户体验。图块(tiles)是一些可以从外部资源中获取数据的迷你应用。点击图块(tile)就能够启动全部应用。应用可以是任意已存在的网站,抑或专门为面板式体验而设计的自定义网站。Droptiles几乎全部是用HTML, Javascript 和CSS创建的,因此它具有很高的平台可移植性。示例工程采用ASP.NET创建,展示了一些服务端功能:如注册、登录以及从服务器获取动态数据。你也可以很容易地把它转变到PHP, Ruby, JSP或者其它平台。Droptiles是我之前编写的Dropth
阅读全文
摘要:在开发过很多 jQuery 插件以后,我慢慢的摸索出了一套开发jQuery插件比较标准的结构和模式。这样我就可以 copy & paste 大部分的代码结构,只要专注最主要的逻辑代码就行了。使用相同的设计模式和架构也让修复bug或者二次开发更容易。一套经过验证的架构可以保证我的插件不出大的问题,不论插件简单还是复杂。我在这里分享10条我总结的经验。1. 把你的代码全部放在闭包里面这是我用的最多的一条。但是有时候在闭包外面的方法会不能调用。不过你的插件的代码只为你自己的插件服务,所以不存在这个问题,你可以把所有的代码都放在闭包里面。而方法可能应该放在Prototype方法内部,我们后面会
阅读全文
摘要:1. 尽量使用最新版本的jQuery类库jQuery项目中使用了大量的创新。最好的方法来提高性能就是使用最新版本的jQuery。每一个新的版本都包含了优化的bug修复。对我们来说唯一要干的就是修改tag,何乐而不为呢?我们也可以使用免费的CDN服务,例如, Google来存放jQuery类库。2. 使用简单的选择器直到最近,返回DOM元素的方式都是解析选择器字符串,javascript循环和内建的javascript API例如,getElementbyId(),getElementsByTagName(),getElementsByClassName()三种方式的整合使用。但是现代浏览器都开
阅读全文
摘要:由于其拥有庞大,实用的插件库,使得jQuery变得越来越流行。今天将介绍一些最好的jQuery树形视图插件,具有扩展和可折叠的树视图。这些都是轻量级的,灵活的jQuery插件,它将一个无序列表转换为可展开和折叠的树。Treeview – Expandable and Collapsible Tree jQuery PluginjQuery Treeview是一个轻巧和灵活的jQuery插件。它将一个无序列表转换成一个可扩展和可折叠的树,非常适合导航增强。示例jsTree – jQuery Tree PluginjsTree 是一个基于Javascript,支持多浏览器的Tree view jQ
阅读全文
摘要:2006年1月,jQuery的第一个版本面世,至今已经有6年多了(注:这个时间点是截止至出书时间)。虽然过了这么久,但它依然以其简洁、灵活的编程风格让人一见倾心。在本篇文章中,我们将讲述jQuery的发展历史,让读者对jQuery有更多的了解。2005年8月,John Resig提议改进Prototype的“Behaviour”库,于是他在blog上发表了自己的想法,并用了3个例子做说明。第一个例子是为元素注册一个事件:Behaviour.register({'#example li': function(e){e.onclick = function(){this.paren
阅读全文
摘要:jQuery已经成为任何web项目的重要组成部分。它为网站提供了交互性的通过移动HTML元素,创建自定义动画,处理事件,选择DOM元素,检索整个document,让最终用户有一个更好的体验。在这篇文章中我已经收集了20 +个可重复使用的jQuery代码片段,你可以很容易地复制并直接粘贴到你的项目中。图片的延迟加载1jQuery(document).ready(function() {2jQuery("img.lazy").lazy({3delay: 20004});5});Source预先载入图像01(function($) {02varcache = [];03// Ar
阅读全文
摘要:本文整理了 10 款非常好用的 jQuery 切换效果插件,包括平滑切换和重叠动画等,这些插件可以实现不同元素之间的动态切换。1. InnerFade这是一个基于 jQuery 的小插件,可以实现页面内的元素淡入淡出效果。源码/演示2. HighlightFade该插件可以实现高亮、缩放等效果。源码/演示3. Dynamic Page / Replacing Content使用按钮实现网页内容的动态切换。源码/演示4. jqFancyTransitions这是一个易于使用的插件,有多种切换效果来显示图片。源码/演示5. jQuery Cycle Plugin——浏览器效果该插件应用于缩略图,是
阅读全文
摘要:先看下面的代码: var $ = KISSY.all; $(‘a’).on(‘click’,function(e){ doSomeThing();//这个方法貌似很有名 e.halt(); }); 上面的代码看起来像是很好的完成了我们交给它的工作,浏览器不会再将我们重定向到href中的链接,但这么做到底有什么不对呢? 在解释有什么不对前,我们来看看浏览器中事件中的几个概念 浏览器默认行为 当我们点击某一个链接的时候,浏览器会直接跳转,在表单中按回车,表单会自动提交,这些都是浏览器的默认行为。 Javascript事件传播的机制 什么是事件冒泡? 比如点击了一个按钮,这...
阅读全文
摘要:现在浏览器种类也越来越多,诸如IE、Firefox、Chrome、Safari等等,因此现在要实现一个js复制内容到剪贴板的小功能就不是一件那么容易的事了。在FLASH9时代,有一个通杀所有浏览器的js复制内容到剪贴板的方案:这个方案是一个最流行的方法:著名的ClipboardCopy解决方案利用一个clipboard.swf作为桥梁,复制内容到剪贴板。原理是:创建一个隐藏的flash文件,同时给给flash的变量FlashVars赋值“clipboard=..”,通过这个赋值flash就会把复制的内容放到剪贴板。这个方法兼容IE、Firefox、Opera、chrome、Safari,真可谓
阅读全文
摘要:在定义函数时,我们一般使用下面这两种方法:使用函数声明定义:123function sum (a, b) {return a + b;}使用函数表达式定义:123var sum = function (a, b) {return a + b;}调用方法都是一样的:如求“1+1”等于几:1alert(sum(1, 1));但这两种方法还是有区别的。解析器在向执行环境中加载数据时,对函数声明和函数表达式并非一视同仁。解析器会率先读取函数声明,并使其在执行任何代码之前可用;而函数表达式,则必须等到解析器执行到它所在的代码行,才会真正被解释执行。示例:1234alert(sum(1, 1));func
阅读全文
摘要:提到MySQL高可用性,很多人会想到MySQL Cluster,亦或者Heartbeat+DRBD,不过这些方案的复杂性常常让人望而却步,与之相对,利用MySQL复制实现高可用性则显得容易很多,目前大致有MMM,PRM,MHA等方案可供选择:MMM是最常见的方案,可惜它问题太多(What’s wrong with MMM,Problems with MMM for MySQL);至于PRM,它还是个新项目,暂时不推荐用于产品环境,不过作为Percona的作品,它值得期待;如此看来目前只能选MHA了,好在经过DeNA大规模的实践应用证明它是个靠谱的工具。安装:作为前提条件,应先配置MySQL复制
阅读全文
摘要:EXTJS是一个兼容AJAX的前台WEB UI的框架,在普通的HTML文件的 BODY 元素中无须写任何HTML代码,就能产生相应的表格等元素。首先是为每一个页面定义一个类,再以EXTJS的规范格式增加所需的元素,可以使用所见所得的工具:extbuilder来操作,这个类将以XXXXX.js的文件名保存,最后在相应的HTML页面中引入相关的JS和CSS文件:1234并在BODY中加入下面这段JAVA SCRIPT:01其中XXXXX就是之前新加的JS类,则EXT引擎就会以一定的非常漂亮的样式渲染出页面来,并且以后的页面风格要改变,只须更换CSS即可,无须改动页面。附完整的代码: PagingG
阅读全文
摘要:讨论jQuery和javascript性能的文章并不罕见。然而,本文我计划总结一些速度方面的技巧和我本人的一些建议,来提升你的jQuery和javascript代码。好的代码会带来速度的提升。快速渲染和响应意味着更好的用户体验。首先,在脑子里牢牢记住jQuery就是javascript。这意味着我们应该采取相同的编码惯例,风格指南和最佳实践。首先,如果你是一个javascript新手,我建议您阅读 《JavaScript初学者的最佳实践》 ,这是一篇高质量的javascript教程,接触jQuery之前最好先阅读。当你准备使用jQuery,我强烈建议你遵循下面这些指南:缓存变量DOM遍历是昂贵
阅读全文