JavaScript & jQuery & AJAX
文章平均质量分 81
jsrookie
这个作者很懒,什么都没留下…
展开
-
用JavaScript玩转游戏物理(一)运动学模拟与粒子系统
系列简介也许,三百年前的艾萨克·牛顿爵士(Sir Issac Newton, 1643-1727)并没幻想过,物理学广泛地应用在今天许多游戏、动画中。为什么在这些应用中要使用物理学?笔者认为,自我们出生以来,一直感受着物理世界的规律,意识到物体在这世界是如何"正常移动",例如射球时球为抛物线(自旋的球可能会做成弧线球) 、石子系在一根线的末端会以固定频率摆动等等。要让游戏或动画中的物体有真实...原创 2017-09-16 22:28:29 · 858 阅读 · 0 评论 -
HTML5 Boilerplate - 让页面有个好的开始
一:HTML5 Boilerplate是什么?解决了什么问题?对于第一次听说这个人,肯定都有这个疑问把!在网上看了看,发现很多人都认为这个是和Bootstrap一样的东西,这真是大错特错了。实际上,HTML5 Boilerplate只是一个单纯的HTML模版。什么?HTML模版?干嘛用?这里不得不提所有前端开发都会遇到的问题,每次要重新弄一个页面的时候,你们都是怎么做的呢?那个d...原创 2016-04-20 19:08:50 · 126 阅读 · 0 评论 -
Modernizr.js入门指南
Modernizr.js入门指南 HTML5 和 CSS3 的快速发展,给我们带来了极大的便利,比如从此再也不用花费大量的时间只是为了设计一个圆角的效果。但是!我们不能像控制机器一样来控制所有的人都一夜之间升级到现代浏览器,因为那些 不够现代的浏览器 诞生之时,HTML5和CSS3尚未被正式推出。于是,我们的问题来了:针对那些不支持新特性的浏览器而言,我们是直接放弃这些用户群呢,...原创 2015-05-26 17:52:57 · 329 阅读 · 0 评论 -
智能机浏览器版本信息
/* * 智能机浏览器版本信息: * */ var browser = { versions : function() { var u = navigator.userAgent, app = navigator.appVe...原创 2015-05-12 01:06:28 · 99 阅读 · 0 评论 -
jQuery data
但这不是jQuery想要的jQuery要解决的是对应元素的缓存数据。例如,我们用document.getElementById获得了一个元素element,然后有一个对应的参数value的属性名是key,那么我们想保存到缓存里,那么我们需要告诉缓存element、key、value才能保存数据,而想要获得这个值,则要告诉缓存element和key,才能得到value。所以jQuery...原创 2015-02-10 16:35:23 · 84 阅读 · 0 评论 -
jQuery.event 事件机制 全解析
jQuery 的事件机制由以下几部分组成:1、利用 jQuery.Event(event | type[, props]) 构造函数创建可读写的 jQuery事件对象 $event, 该对象即可以是原生事件对象 event 的增强版,也可以是用户自定义事件,第二个参数 props 可以是一个对象, $event 会复制这个对象的属性来增强自己;2、依赖 jQuery.event.fix(...原创 2015-02-10 14:20:13 · 1706 阅读 · 0 评论 -
如何用QUnit来测试JavaScript代码
QUnit是一套由jQuery团队开发的,非常强大的用于对JavaScript进行单元测试的框架。本文将介绍什么是QUnit,以及为何要关心代码测试。什么是QUnitQunit是一款强大的用于帮助调试代码的,JavaScript单元测试框架。QUnit由jQuery团队成员编写,是jQuery的官方测试套件,不仅如此,QUnit还可以测试任何常规JavaScript代码,甚至可以通过一些...原创 2015-01-30 18:48:55 · 91 阅读 · 0 评论 -
HTML5 CSS3 专题 :诱人的实例 3D展示商品信息
http://blog.csdn.net/lmj623565791/article/details/32974051强化下perspective和transform:translateZ的用法。传统的商品展示或许并不能很好的吸引用户的注意力,但是如果在展示中添加适当的3D元素,~说不定效果不错哈~效果图:说明一下:这个创意不是我想的,哈~模仿别人的,创意应该是w3cplus上的...原创 2015-01-18 00:14:51 · 129 阅读 · 0 评论 -
用HTML5开发打包本地桌面应用
原文:http://www.phonegap100.com/article-213-1.html HTML5让Web开发人员用纯HTML技术开发富客户端互联网应用或者甚至本地桌面应用成为了可能。HTML5可以将任何普通网站转变成Web应用。HTML5 web 应用不仅具有在桌面浏览器应用中的优势,同时在智能手机和平板中也是开发利器。在手机端,有一个非常棒的工具叫做PhoneGa...原创 2014-06-03 13:32:02 · 655 阅读 · 0 评论 -
javascript 判断adobe reader版本
项目中要判断用户是否有安装pdf阅读器以便于打印 或者是否可以打开pdf文档 这个好像没找到什么方法可以判断用户是否可以打开pdf文档 在网上找了下有判断adobe的 ,不知道有没有直接判断用户是否可以打开pdf文件的方法?var adobeReaderInfo = { installed : false, version : "0.0", ...原创 2013-02-27 00:02:52 · 188 阅读 · 0 评论 -
Windows下Github使用方法
Windows下Github使用方法 下载安装桌面端git下载msysgit:http://code.google.com/p/msysgit安装的时候最好还是允许在shell中嵌入git命令,相对比较方便的。 git的初始设置 git config --global user.name "Your Real Name" git config --...原创 2013-01-31 10:35:53 · 82 阅读 · 0 评论 -
jquery之stop()的用法
目的:为了 了解stop()的用法,举个例子,直观的方式看看。实物:一个id="animater"的div包含了一段文字。(以下用animator表示实物) 动画最终的完整效果: animater向右移动800px(这个完整的过程是动画1),然后,字体逐渐变大(这个完整的过程是动画2),然后,透明度逐渐降低到0(这个完整的过程是动画3),然后透明度逐渐恢复到1(这个完整的过程是动画4...原创 2013-06-14 14:56:13 · 100 阅读 · 0 评论 -
关于DOM元素定位属性的深入学习
以前写JS程序的时候,经常碰到了定位的问题。但每次都看到一半,找到需要的属性就了事了。今天下了狠心,要花点时间,彻底地弄明白他。以下内容看着有点眼熟也不用奇怪,因为是参考了多篇前辈的文章汇总而成,嘿嘿。 宽度、高度jQuery(’#elem’).width() // 获取CSS定义的宽度jQuery(’#elem’).height() // 获取CSS定义的高度...原创 2013-06-13 16:43:51 · 75 阅读 · 0 评论 -
从头开始构建一个web即时通讯系统(五) - 服务器端 - policyserver
简介policy-file是flash socket安全机制的重要部分,而本文详细介绍提供policy-file的policyserver的实现过程。事实上,policyserver本身也是一个socket服务器端的简单原型。了解本文也将为教程中后续的sessionserver的讨论有所铺垫。 什么是policy-filepolicy-file是一个flash的安全控制机...原创 2012-12-21 00:04:14 · 169 阅读 · 0 评论 -
gulp详细入门教程
简介:gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;她不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成;使用她,我们不仅可以很愉快的编写代码,而且大大提高我们的工作效率。gulp是基于Nodejs的自动任务运行器, 她能自动化地完成 javascript/coffee/sass/less/html/image/css 等文...原创 2016-05-07 13:00:05 · 122 阅读 · 0 评论 -
gulp教程之gulp中文API
http://www.ydcss.com/ 简介:本文主要翻译gulp官方API,加上自己一点点拙解。gulp API docs1、gulp.src(globs[, options])1.1、说明:src方法是指定需要处理的源文件的路径,gulp借鉴了Unix操作系统的管道(pipe)思想,前一级的输出,直接变成后一级的输入,gulp.src返回当前文件流至可用...原创 2016-05-07 13:44:33 · 125 阅读 · 0 评论 -
给Webstorm的HTML自动压缩插件
前端代码的压缩前端的js、css、html的压缩不仅会让网页加载更快一些,在移动互联网的今天省流量也成为了一大好处。google的Closure就是一个JS压缩工具(google暂时好像没有css压缩工具),还有雅虎的 YUI Compressor 它是JS/CSS压缩工具。它们都是用java写的工具,用起来就是一行命令,类似于:java -jar yui.jar --type cs...原创 2016-05-07 14:20:14 · 770 阅读 · 0 评论 -
Websocket出现的错误
前端使用sockjs,后台使用spring的websocket框架结果在一个网络较慢的地方,发现tomcat报错信息:Oct 28, 2015 10:10:43 AM org.apache.catalina.core.StandardWrapperValve invokeSEVERE: Servlet.service() for servlet [mvc-dispatcher...原创 2016-04-06 10:49:20 · 2614 阅读 · 0 评论 -
移动平台的meta标签-----神奇的功效
对于桌面平台web布局中大家对meta标签再熟悉不过了,它永远位于 head 元素内部,对做SEO的朋友一定对meta有种特殊的感情吧,今天我们就来说说移动平台的meta标签,在移动平台meta标签究竟有哪些神奇的功效呢?1、Meta 之 viewport说到移动平台meta标签,那就不得不说一下viewport了,那么什么是viewport呢?viewport即可视区域,对于桌面浏览器...原创 2016-02-18 10:51:26 · 73 阅读 · 0 评论 -
30分钟掌握ES6/ES2015核心内容
ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的,所以又称ECMAScript 2015。也就是说,ES6就是ES2015。虽然目前并不是所有浏览器都能兼容ES6全部特性,但越来越多的程序员在实际项目当中已经开始使用ES6了。所以就算你现在不打算使用ES6,但为了看懂别人的你也该懂点ES6的语法了...在我...原创 2017-01-09 11:21:54 · 204 阅读 · 0 评论 -
requirejs、require方法冲突
如果加载了多个requirejs脚本,每个requirejs会判断是否浏览器已经实现了require和define方法。如果浏览器已经自带require和define方法,或者之前已经有一个requirejs脚本执行,那么这个requirejs就会立刻停止执行。所以,即使页面上加载了多次requirejs脚本也不会有什么问题。配置Context我把context叫做一个命名空间,因为每...原创 2016-12-21 18:10:10 · 2102 阅读 · 0 评论 -
谈谈使用 promise 时候的一些反模式
本文翻译自 We have a problem with promises,为原文题目重新起了一个题目并且对原文有删改。各位 JavaScript 程序员,是时候承认了,我们在使用 promise 的时候,会写出许多有问题的 promise 代码。 当然并不是 promise 本身的问题,A+ spec 规范定义的 promise 非常棒。 在过去的几年中,笔者看到了很多程序员在调用...原创 2016-11-25 15:20:22 · 166 阅读 · 0 评论 -
HTML5 Canvas实现平移/放缩/旋转deom示例(附截图)
HTML5 Canvas中提供了实现图形平移,旋转,放缩的API。 平移(translate) 平移坐标translate(x, y)意思是把(0,0)坐标平移到(x, y),原来的(0,0)坐标则变成(-x, -y) 图示如下: 任何原来的坐标点p(ox, oy)在translate之后的坐标点为p(ox-x, oy-y),其中点(x, y)为平移 点坐标translate(x, y)...原创 2016-11-23 12:11:37 · 1087 阅读 · 0 评论 -
移动端H5页面高清多屏适配方案
背景开发移动端H5页面面对不同分辨率的手机面对不同屏幕尺寸的手机视觉稿在前端开发之前,视觉MM会给我们一个psd文件,称之为视觉稿。对于移动端开发而言,为了做到页面高清的效果,视觉稿的规范往往会遵循以下两点:1)首先,选取一款手机的屏幕宽高作为基准(以前是iPhone4的320×480,现在更多的是iphone6的375×667)。2)...原创 2016-11-17 08:35:52 · 160 阅读 · 0 评论 -
JSR-356 WebSocket API规范中文版
转:http://jinnianshilongnian.iteye.com/blog/1862252 JavaEE 7规范也临近了,首批JSR规范已通过审批,而且如Nginx、jetty7、Tomcat7等都支持Websocket协议,未来B/S实时通信肯定少不了WebSocket的一席之地。因此,就把JavaEE WebSocket API规范等翻译出来,造福大家,大家多多指教。 ...原创 2014-10-21 17:21:14 · 910 阅读 · 0 评论 -
GPS坐标互转:WGS-84(GPS)、GCJ-02(Google地图)、BD-09(百度地图)
WGS-84:是国际标准,GPS坐标(Google Earth使用、或者GPS模块)GCJ-02:中国坐标偏移标准,Google Map、高德、腾讯使用BD-09:百度坐标偏移标准,Baidu Map使用 //WGS-84 to GCJ-02GPS.gcj_encrypt(); //GCJ-02 to WGS-84 粗略GPS.gcj_decrypt(); ...原创 2015-10-26 17:34:56 · 240 阅读 · 0 评论 -
JavaScript Promises 相当酷
And when I promise something, I never ever break that promise. Never.” ― Rapunzel许多的语言,为了将异步模式处理得更像平常的顺序,都包含一种有趣的方案库,它们被称之为promises,deferreds,或者futures。JavaScript的promises ,可以促进关注点分离,以代替紧密耦合...原创 2016-09-02 18:53:30 · 131 阅读 · 0 评论 -
gulp使用小结
这篇文章不会介绍 gulp 的起源、发展;不会去一个个讲解 gulp API;也不想出现大段大段的 gulpfile.js 代码;更木有帮你分析 gulp 实现原理,只有一些我自己对 gulp 的使用理解和总结。如何通过 gulp 让偶们的前端项目高大上的跑起来?gulp 能做什么,还能做什么?gulp套路能不能来几套?... 希望通过这篇文章你会找到答案写作风格的原因,劳资写的...原创 2016-05-22 19:02:33 · 169 阅读 · 0 评论 -
用gulp做一个略完整的前端打包工作
我们的官网要改版,会从以前的单一产品变成系列产品的官网,也就是现在的官网会是之后官网的一个子模块。趁着这个机会,正好重新梳理了一下结构。加上罪恶之主管的一些要求,具体的需求如下:分模块,每个模块都有独立的页面和静态文件,并将所有静态文件打在一个文件夹下,一些常用变量可以进行替换,并可进行简单的页面动态生成,生产环境打包与线上环境打包分开进行,静态文件进行压...原创 2016-05-22 18:59:42 · 558 阅读 · 0 评论 -
前端神器avalonJS入门
本章将介绍如何使用avalon来实现前端路由功能。我们需要用到两个avalon路由配套模块—— mmHistory.js 和 mmRouter.js 。其中mmHistory是用于历史管理,它会劫持页面上所有点击链接的行为,当这些链接是以 #/ 、 #!/ 开头,就尝试匹配路由规则,阻止页面刷新 (通过hash方式或HTML5的replaceState方式) 。mmRouter是给我们定义...原创 2016-05-19 19:32:17 · 309 阅读 · 0 评论 -
从头开始构建一个web即时通讯系统(四) - 客户端 - javascript和flash互操作
简介在上一篇"基础-web即时通讯系统的四种实现"中,我们讨论了如何使用flash/actionscript,来实现socket/tcp,并使用开源的haxe来编译。而本文将介绍如何使用javascript调用编译出的flash来进行通讯。 加载flash我使用swfobject.js来加载我们编译出的flash文件——socket_bridge.swf。swfobje...原创 2012-12-20 23:44:35 · 97 阅读 · 0 评论 -
从头开始构建一个web即时通讯系统(三) - 客户端 - flash socket
摘要在上一篇"基础-web即时通讯系统的四种实现"中,我们讨论了socket/tcp相对于其他基于http的通讯方式的优越。本文则详细描述如何使用flash/actionscript,来实现socket/tcp,并使用开源的haxe来编译它。 flash中的socket socket的构造实例化一个socket对象,只需要一行代码:static var sock...原创 2012-12-20 23:24:41 · 138 阅读 · 0 评论 -
位运算学习
位运算加速技巧1. 如果乘上一个2的倍数数值,可以改用左移运算(Left Shift) 加速 300%x = x * 2;x = x * 64;//改为:x = x << 1; // 2 = 21x = x << 6; // 64 = 262. 如果除上一个 2 的倍数数值,可以改用右移运算加速 350%x = x / 2;x = x / 64;//改为:...原创 2011-08-18 11:18:27 · 84 阅读 · 0 评论 -
JavaScript 正则表达式对象的属性及方法
正则表达式对象的属性及方法 预定义的正则表达式拥有有以下静态属性:input, multiline, lastMatch, lastParen, leftContext, rightContext和$1到$9。其中input和multiline可以预设置。其他属性的值在执行过exec或test方法后被根据不同条件赋以不同的值。许多属性同时拥有长和短(perl风格)的两个名字,并且,这两个名字指向...原创 2010-09-29 01:15:35 · 308 阅读 · 0 评论 -
前端代码加亮插件(html,jss,css),支持即时加亮,运行代码
前端代码加亮插件(html,jss,css),支持即时加亮,运行代码http://bbs.51js.com/viewthread.php?tid=88379 html混合css js语法加亮,支持即时运行,即时编辑在代码区点击鼠标右键执行对应功能!详情见http://tree88.com/?post=4[博客论坛语法加亮插件]<script charset="gbk" src="...原创 2011-01-22 23:03:13 · 378 阅读 · 0 评论 -
[转载] 浅说QWrap的核心机制
浅说QWrap的核心机制 http://bbs.51js.com/viewthread.php?tid=88347&extra=page%3D1&page=1qwrap的核心机制,是以Helper->Wrap->Retouch->Apps为主线的,其中最最基础的就是Helper->Wrap->Retouch机制。要理解这个机制,只要理...原创 2011-01-15 15:42:23 · 316 阅读 · 0 评论 -
javascript作用域链(Scope Chain)初探(转)
关于js的作用域链,早有耳闻,也曾看过几篇介绍性的博文,但一直都理解的模棱两可。近日又精心翻看了一下《悟透Javascript》这本书,觉得写得太深刻,在“代码的时空”一节里有一段介绍作用域链的地方寥寥数语,回味无穷(其实还是理解的模棱两可^_^)。现在整理下自己的读书笔记,顺便借鉴网上资源,写下来。一、从一个简单的问题说起下面的js代码在页面中运行显示什么结果:var...原创 2010-12-30 11:17:13 · 112 阅读 · 0 评论 -
在整个网站中屏蔽掉F5键
IE本身是不能屏蔽刷新的,所以你的问题~无解~只能一个个加~相信你知道代码怎么写,顺手给你贴一点吧~屏蔽键盘和鼠标刷新的都有<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <noscript>&原创 2010-12-17 02:14:53 · 155 阅读 · 0 评论 -
初探jQuery的Sizzle选择器
这是一篇关于介绍jQuery Sizzle选择器的文章,由我和obility共同完成。在文中,我们试图用自己的语言配以适量的代码向读者展现出Sizzle在处理选择符时的流程原理,以及末了以少许文字给你展示出如何借用Sizzle之手实现自定义选择器(也许更标准的叫法叫做过滤符)和它与YUI 选择器的大致比较。前序jQuery相比1.2的版本,在内部代码的构造上已经出现了巨大的变化,其之...原创 2010-09-07 12:46:30 · 196 阅读 · 0 评论 -
Adobe AIR初级入门教程,hello world
Adobe AIR初级入门教程,hello world作者:volcano 来源:ghtxx.cn本文由volcano翻译,主要介绍简单的AIR环境配置与制作一个实例hello world弹出窗口,完成后发布为*.air格式的文件,对于国内十分稀缺的入门教程来说还是值得参考的!俺目前的情况是,没有安装Dreamweaver,Flash之类的软件,只用一些免费软件,所以我只打算写...原创 2010-08-31 20:07:46 · 945 阅读 · 0 评论