JQuery - 文章分类 - 布颜书

优秀前端组件推荐

摘要：http://gallery.kissyui.com/coms （这里推荐很多优秀的前端组件）http://gallery.kissyui.com/uploader/1.4/guide/index.html#demo 汇总同时淘宝自己也开源了： kissyui 脚本库： http://docs.ki... 阅读全文

posted @ 2014-11-05 12:20 布颜书阅读(337) 评论(0) 推荐(0)

关于WEB应用离线存储

摘要：为了提升Web应用的用户体验，想必很多开发者都会项目中引入离线数据存储机制。可是面对各种各样的离线数据技术，哪一种才是最能满足项目需求的呢？本文将帮助各位找到最合适的那一个。引言随着HTML5的到来，各种Web离线数据技术进入了开发人员的视野。诸如AppCache、localStorage、 sessionStorage和IndexedDB等等，每一种技术都有它们各自适用的范畴。比如AppCache就比较适合用于离线起动应用，或者在离线状态下使应用的一部分功能照常运行。接下来我将会为大家作详细介绍，并且用一些代码片段来展示如何使用这些技术。AppCache如果你的Web应用中有一部分功能（或阅读全文

posted @ 2014-03-26 12:32 布颜书阅读(289) 评论(0) 推荐(0)

20 款免费的 JavaScript 游戏引擎

摘要：使用 HTML5，CSS3 和 Javascript 可以帮助面向对象开发者开发拥有各种特性的游戏，比如：3D 动画效果，Canvas，数学，颜色，声音，WebGL 等等。最明显的优势在于使用 HTML5 开发的游戏能在任何现代化流行的设备上运行。某些游戏引擎仅仅是一个抽象的层次，就简单处理一些或者更多的繁杂游戏开发任务；其他只是注重 asset 加载，输入，物理效果，音频，sprite 地图和动画，而且相当多样化。还有一些引擎架构极其简单，只包括一个2D 水平的编辑器和调试工具。大部分的游戏引擎都能提高游戏开发的效率，即使是创建全功能型的游戏。但是，也有一些开发者为了能更好的理解游戏的每个组阅读全文

posted @ 2014-02-27 17:40 布颜书阅读(907) 评论(0) 推荐(0)

JavaScript 跨域总结与解决办法

摘要：什么是跨域JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。这里把涉及到跨域的一些问题简单地整理一下：首先什么是跨域，简单地理解就是因为JavaScript同源策略的限制，a.com 域名下的js无法操作b.com或是c.a.com域名下的对象。更详细的说明可以看下表：URL说明是否允许通信http://www.a.com/a.jshttp://www.a.com/b.js同一域名下允许http://www.a.com/lab/a.jshttp://www.a.com/script/b.js同一域名下不阅读全文

posted @ 2013-12-17 12:57 布颜书阅读(183) 评论(0) 推荐(0)

以后一些正则语句都收录与此

摘要：string pattern = "Tom";var input = "Tom is not tom.";// I wanna to replace 'Tom' to 'Tomas'var output = Regex.Replace(input, pattern, "$0as");Console.WriteLine(output);在替换字符串参数中，使用了“$0”，意思就是将匹配到的字符串作为替换字符串的一部分，上例中，匹配到”Tom”，然后就会被替换为“Tomas”。另外，替换对于“$1”，又是什阅读全文

posted @ 2013-11-29 11:49 布颜书阅读(170) 评论(0) 推荐(0)

javascript和web 调试技术

摘要：在前端开发中，调试技术是必不可少的技能，本文将介绍五种前端开发必备的调试技术。Weinre移动调试DOM 断点debugger断点native方法hook远程映射本地调试Weinre在移动上面开发调试是很复杂的，所以就有了weinre。安装weinre可以实现pc来调试手机页面，所以对于移动开发调试是很重要的哦~http://people.apache.org/~pmuellr/weinre/docs/latest/images/weinre-demo.jpg安装weinreweinre可以通过npm来安装：1npm install -g weinre安装完之后，可执行下面的命令来启动：1we 阅读全文

posted @ 2013-11-27 12:22 布颜书阅读(390) 评论(0) 推荐(0)

JAVASCRIPT的几种异步编码方式

摘要：Javascript语言的执行环境是"单线程"（single thread）。所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推。这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（假死），往往就是因为某一段Javascript代码长时间运行（比如死循环），导致整个页面卡在这个地方，其他任务无法执行。为了解决这个问题，Javascript语言将任务的执行模式分成两种：同步（Synchrono 阅读全文

posted @ 2013-11-16 12:10 布颜书阅读(306) 评论(0) 推荐(0)

移动应用的另几款类JQUERY插件

摘要：随着智能手机的普及，越来越多的用户喜欢通过手机中浏览网页。今天这篇文章为大家推荐最佳6款用于移动应用的jQuery图片滑块插件，这些插件很好的处理了触屏事件，效果平滑，帮助你构建用户体验良好的移动网站。PhotoSwipePhotoSwipe 是一款免费的jQuery图片库插件，支持iPhone, iPad, Android, Blackberry 等各种移动设备。 yixieshi.comMobile Photo AlbumMobile Photo Album 是一款非常易用的相册插件，帮助你在移动网站中构建优秀的相册功能。Unoslider特别推荐 unoslider这款幻灯片插件，基于. 阅读全文

posted @ 2013-10-11 17:50 布颜书阅读(201) 评论(0) 推荐(0)

常用的Javascript设计模式

摘要：《Practical Common Lisp》的作者 Peter Seibel曾说，如果你需要一种模式，那一定是哪里出了问题。他所说的问题是指因为语言的天生缺陷，不得不去寻求和总结一种通用的解决方案。不管是弱类型或强类型，静态或动态语言，命令式或说明式语言、每种语言都有天生的优缺点。一个牙买加运动员，在短跑甚至拳击方面有一些优势，在练瑜伽上就欠缺一些。术士和暗影牧师很容易成为一个出色的辅助，而一个背着梅肯满地图飞的敌法就会略显尴尬。换到程序中, 静态语言里可能需要花很多功夫来实现装饰者，而js由于能随时往对象上面扔方法，以至于装饰者模式在js里成了鸡肋。讲 Javascript 设计模式的阅读全文

posted @ 2013-08-29 13:01 布颜书阅读(153) 评论(0) 推荐(0)

用 chrome 来调式javascript的性能

摘要：你的网站正常运转。现在我们来让它运转的更快。网站的性能由页面载入速度和代码执行效率决定。一些服务可以让你的网站载入更快，比如压缩JS和CDN，但是让代码执行的更快你要做的事情。代码中很小的改动都可能对性能造成巨大的影响。快速灵活的网站和可怕的“无响应脚本”对话框可能只有几行代码的差别。这篇文章告诉你如何通过用Chrome开发者工具（Chrome Developer Tools）找到这几行关键的代码。设置一个基线我们来看一个简单的“颜色排序器”应用，这个应用展示了一个由各种颜色构成的网格，你可以拖拽这些颜色进行混合。每一个点都是一个div标签加上一些让它看起来是圆的的CSS。生成这些颜色是需要技阅读全文

posted @ 2013-08-29 12:52 布颜书阅读(257) 评论(0) 推荐(0)

2012年度最佳Web前端开发工具和框架总结

摘要：技术的快速发展让很多人学习起来无所适从，幸运的是，很多优秀的 Web 开发人员和设计人员在努力寻找各种有特色的解决方案。因此，我们有了很多优秀的小工具和库，每一个都是用来解决特定的问题或维护一组特定的项目。这篇文章收集了2012年度新发布的最具有代表性 Web 前端开发工具和框架，这是一个非常值得收藏的工具列表，从功能全面的 IDE 到美观、充满异国情调的小框架，小工具等等。它们能够帮助你降低 Web 开发过程中的复杂度，节省时间和精力。01. Foundation 3响应式设计（Responsive Design）似乎瞬间就发展起来了，各个网页设计的论坛或者社区都会讨论这个话题，大家都想知道阅读全文

posted @ 2013-01-30 01:57 布颜书阅读(254) 评论(0) 推荐(0)

图片、内容延迟加载模式

摘要：前几天在优化网站首页的过程中，有这样一个问题，就是图片加载时间过长，后来在网上查询，看了图片延迟加载技术，现在有很多大型门户类网站首页都在用，最具代表性的就是淘宝网，在页面上图片比较多的时候，打开一张页面必然引起与服务器大数据量的交互。尤其是对于高清晰的图片，占的几M的空间。 ImageLazyLoad技术就是，当前可是界面的图片是加载进来的，而不可见页面（通过滚动条下拉可见）中的图片是不加载的，这样势必会引起速度上质的提升。眼下比较常用的图片延迟加载技术有四种：kissy(淘宝的JS框架),Jquery 图片延迟插件，Prototype，YUI2。一、使用JQuery插件，插件名: 阅读全文

posted @ 2012-12-29 12:05 布颜书阅读(2947) 评论(0) 推荐(0)

今天发布遇到的一些问题记录总结

摘要：1：静态文件无法执行httpHandlers模拟的页面地址，比如 http://book.ks.91.com/Static/Index.html去请求执行 $.ajax({ type: "post", url: "~/PCLogin.aspx", data: args,如果用上面的方式，是无法执行到的必须改成 $.ajax({ type: "post", url: "/PCLogin.aspx", data: args,不带前 ~ 的方式阅读全文

posted @ 2012-10-24 15:20 布颜书阅读(144) 评论(0) 推荐(0)

跨域问题解决

摘要：采用JavaScript来控制iframe元素的高度是iframe高度自适应的关键，同时由于JavaScript对不同域名下权限的控制，引发出同域、跨域两种情况。由于客户端js使用浏览器的同源安全策略，跨域情况下，被嵌套页面如果想要获取和修改父页面的DOM属性会出现权限不足的情况，提示错误：Permission denied to access property 'document'。这是因为除了包含脚本的文档载入的主机外，同源策略禁止客户端脚本链接到其他任何主机或者访问其他任何主机的数据。这意味着访问一个web服务的javascript代码通常只有在它也驻留在Web服务本身阅读全文

posted @ 2012-08-02 15:00 布颜书阅读(1060) 评论(0) 推荐(0)

网易邮箱前端Javascript编码规范：类规范

摘要：上一篇文章介绍了网易邮箱前端Javascript编码规范的第一部分，关于变量和函数的编码规范，本篇文章将继续介绍网易邮箱制定的javascript类编码规范。网易邮箱页面在window只允许定义三种变量——1：全局变量；2：常量；3：类。任何业务逻辑都需要通过类方法或者示例方法实现。前两种变量在之前文章中已经介绍，在此不再累述，接下来详细介绍类定义和使用的规范。定义类是通过一个闭包完成的： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051(functio 阅读全文

posted @ 2012-05-11 13:09 布颜书阅读(184) 评论(0) 推荐(0)

javaScript面向对象15分钟教程

摘要：本指南可以很快让你学会写优美的面向对象JavaScript代码，我保证！学会写简洁的JavaScript代码对一个开发者的发展很重要，随着像Node.js这类技术的出现，你现在可以在服务器端写JavaScript代码了，你甚至可以用JavaScript来查询像MongoDB这样的持久性数据存储。现在开始写面向对象的JS（OO JS），如果你有什么问题或我遗漏了什么，在下面评论出告诉我。 Literal Notation Literal Notation只是在JavaScript中创建对象的一种方法，是的，方法不止这一种。当你打算创建一个对象实例的时候Literal Notation是首选阅读全文

posted @ 2012-05-08 13:18 布颜书阅读(158) 评论(0) 推荐(0)

24个JQUERY幻灯片插件

摘要：本文收集了24个最受欢迎的jQuery画廊和幻灯片插件。由 Smashinghub 博主整理。 1.jquery image gallery TN3 Gallery 是一个完全成熟的、可定制的 jQuery 图片画廊工具，兼容所有现代桌面浏览器和手机浏览器。下载 & 文档 → 查看示例 → 2. jPhotoGrid 下载 & 文档 → 查看示例 → 3. Galleria 下载 & 文档 → 查看示例 → 4. YoxView 下载 & 文档 → 查看示例 → 5.Micro Image Gallery 下载 & 文档 → 查看示例 → 6.AD 阅读全文

posted @ 2012-04-06 21:12 布颜书阅读(319) 评论(0) 推荐(0)

10个Javascript超级有用的工具

摘要：JavaScript 越来越受到重视，早已不单单只是写写网页特效的脚本语言了，如今广泛用于网站的前端交互。值得一提的是，当下 Web 开发者们追捧的 Node.js 使得 JavaScript 能够在更多环境下运行，甚至是服务器端，使得这门语言再次受到大家的关注。今天，本文向JavaScript 开发者推荐十款超级有用的工具。 YepNope YepNope 是一个异步的条件加载框架，速度超快，只为用户加载需要的脚本。使用非常简单，非常有用！点击访问：http://yepnopejs.com/ Modernizr Modernizr 是一个开源的JavaScript库，它使得那些基于访... 阅读全文

posted @ 2011-12-07 13:43 布颜书阅读(376) 评论(0) 推荐(0)

这个JQUERY代码写的太漂亮了

摘要：这个JQUERY代码写的太漂亮了，连我自己都欣赏自己了functionresSecurity(){$(".pandatag").each(function(index){pandaTagID+=$(this).attr("id")+",";});$.ajax({type:"post",url:"../Service/AsynResSecurity.aspx/GetZineBuyStatusList",data:"{'ids':'"+pandaTagID 阅读全文

posted @ 2011-09-19 17:29 布颜书阅读(201) 评论(0) 推荐(0)

关于IPHONE上面滑动特效的制作过程

摘要：首先IPHONE上面的移动事件，跟我们平时网页开发过程应用的MOVEEVENT是不一样的他有自己一套游戏规则，他的触发事件有4种TOUCHSTARTTOUCHMOVETOUCHENDTOUCHCANCEL具体可查看此文章：http://developer.apple.com/library/safari/#documentation/appleapplications/reference/safariwebcontent/handlingevents/handlingevents.html下面记录一下我的滚屏滑动效果代码//2011-11-23策划说把我这个好东西再拿出来献丑一下//于是我又改阅读全文

posted @ 2011-07-01 14:35 布颜书阅读(1884) 评论(0) 推荐(0)

文章分类 - JQuery