- 博客(42)
- 资源 (3)
- 收藏
- 关注
RSS订阅转载 History对象
window对象的history属性引用的是该窗口的History对象，该对象的属性与方法如下 length: 表示history中的个数,（对象没有Length属性，但这个对象有)IE6是从0开始的，其余的从1开始计数 go(): 在用户的历史记录中前进或后退 ie支持向此方法中传URL参数 go() || go(0) 相当于location.reload
2015-09-30 14:57:47
551
转载 Cocos2d-js 3.2 技能冷却按钮的简单实现
一个简单的技能冷却按钮的实现[javascript] view plaincopyvar CoolButton = cc.Node.extend({ // 需要做成Node 否则会无法addchild callback : null, // 点击后的回调 coolInterval : null, /
2015-09-30 14:56:07
1592
转载 Coco2d-js/Cocos2d-html5中Android返回键实现
导语：首先Cocos2d-x当中实现Menu和Back按键相对简单一点，而在资源较少的Cocos2d-html5当中，要实现返回还是有一点不一样的，而且有没有具体的demo，也就只有自己去看api文档，这也是头痛的一件事情，以下总结和归纳在Cocos2d-html5当中，如何实现返回键，和Menu键。分析：cocos2d中目前只有Layer以及其子类能够获取用户输入，即触发用户输入
2015-09-30 14:53:58
1180
转载 Ajax与HTML5 history pushState/replaceState实例
一、本文就是个实例展示三点：我就TM想找个例子，知道如何个使用，使用语法什么的滚粗跟搜索引擎搞基自己备忘精力总是有限的，昨天一冲动，在上海浦东外环之外订了个90米的房子，要借钱筹首付、贷款和领证什么的。HTML5 history相关知识点啪啦啪啦讲起来也是一条又臭又长的裹脚布，精气神实在不够用，这里，直接一个实例。二、ajax载入与浏览器历史的前进与后退
2015-09-30 14:50:19
820
转载 微信公众号WebApp接管返回键实现“再按一次退出程序”功能
按微信产品部副总经理张颖“每一个公众号都是一个APP”的说法，我们确实可以利用微信内置浏览器访问为公众号设计WebApp单页应用，以使得客户在访问公众号时有近似原生App的体验，不过目前这样的公众号很少，原因除了使用javascript开发单页应用的难度比开发一般的Web页面难度更高一些，更重要的一点是使用微信内置浏览器访问Web页面时，Android用户一按物理返回键就回到微信界面，而Andro
2015-09-30 14:47:01
6478
转载 HTML5 history新特性pushState、replaceState
DOM中的window对象通过window.history方法提供了对浏览器历史记录的读取，让你可以在用户的访问记录中前进和后退。从HTML5开始，我们可以开始操作这个历史记录堆栈。 1.History使用back(),forward(),和go()方法可以在用户的历史记录中前进和后退前进和后退后退：window.history.back();
2015-09-24 19:41:22
1487
转载 Web - JSONP和同源策略漫谈
0x00 前言关于JSONP网上有很多文章了，我也是在拜读了别人的文章的基础上来写写自己的看法，这样可以加深自己印象，巩固一下学习效果。我们需要做的就是站在巨人的肩膀上眺望远方。0x01 起在Web前端开发中有一种安全机制，Javascript脚本只能访问与它同域的内容，这就是同源策略。这里就需要先说明一个问题：如果确定脚本的域？html页面中试用脚本有两种
2015-09-21 21:25:28
370
转载 css知多少（11）——position
1. 引言 本文将用一篇文章介绍position（定位），在学习position之前，我们应该去思考一个问题：什么情况下我们需要定位？如果没有定位将无法满足我们怎样的需求？我们要知道，被人类创造出来的每一个知识，都有它的用途，都要解决一些之前遇到的问题。 如果没有定位，我们做出来的网页将会是按部就班的自上而下、自左而右的平铺在浏览器上，外加通过margin和padding调
2015-09-19 20:25:27
362
转载 css知多少（10）——display
1. 引言 网页的所有元素，除了“块”就是“流”，而且“流”都是包含在“块”里面的（最外层的body就是一个“块”）。在本系列一开始讲《浏览器默认样式》的时候，大家也都看到了浏览器默认样式中规定了html元素哪些属于“块”（剩下的就是“流”）。这部分知识非常重要也非常基础，因此在所有的前端面试题中，都会问道哪些元素是“块”哪些元素是“流”。 其实，这部分知识都囊
2015-09-19 20:17:50
425
转载 css知多少（9）——float下篇
1. 清除float 《上篇》中我们提到，float具有“破坏性”，它会导致父元素“坍塌”，这将不是所要看到的。如何去避免float带来的这种影响呢（也就是我们常说的“清除浮动”） ？方法有很多种，我在这里介绍4中供大家参考，大家可根据实际情况来选择。 先介绍两个比较简单，但是不常用的解决方法：为父元素添加overflow:hidden浮动父元素 这两个方
2015-09-19 20:10:17
365
转载 css知多少（8）——float上篇
1. 引言 对于我们所有的web前端开发人员，float是或者曾经一度是你最熟悉的陌生人——你离不开它，却整天承受着它所带给你的各种痛苦，你以为它很简单就那么一点知识，但却驾驭不了它各种奇怪的现象。 这就是我们又爱又恨的——float。所以，系统的学一学float是非常非常重要的。除了看书和看博客文章之外，我推荐大家去看一个奇葩（声音很有磁性，你懂得）录制的教程《CSS深入
2015-09-19 20:05:44
378
转载 JSONP安全防范解决方案新思路
jsonp安全性防范，分为以下几点：1、防止callback参数意外截断js代码，特殊字符单引号双引号，换行符均存在风险2、防止callback参数恶意添加标签（如script），造成XSS漏洞3、防止跨域请求滥用，阻止非法站点恶意调用针对第三点，我们可以通过来源refer白名单匹配，以及cookieToken机制来限制而前两点，传统的做法分为以下几种：1、纯手工过
2015-09-19 19:48:59
448
转载 css知多少（7）——盒子模型
1. 引言 从这一节开始，我们就进入本系列的第三部分——css呈现。本部分将描述css在页面的几种布局和呈现的特性。包括两类：文字、块。 第一类——文字。这部分相对比较简单一些，例如设置字号、字体、颜色、背景色、是否加粗等。重点的地方在于设置字体、设置行高、文字相关的距离都用相对值，这些东西在《css知多少（4）——解读浏览器默认样式》那一节已经说过了。另外还有一个重点，就
2015-09-18 22:52:11
381
转载 JavaScript获取当前根目录
主要用到Location 对象，包含有关当前 URL 的信息,是 Window 对象的一个部分，可通过 window.location 属性来访问。方法一 (window.document.location.href/window.document.location.pathname) ------------转自网络function getRootPath_web() {
2015-09-18 18:56:49
675
转载 Cocos2d-js开发小技巧
1、获取URL中的请求参数的值----此方法接收参数名123456function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window
2015-09-18 16:25:05
556
转载 Cocos2d-JS 创建node节点示例
1、精灵Sprite 一共4种创建方式(1) 根据图片资源路径创建1234//参数1：图片资源路径var sprite1 = cc.Sprite.create("res/zifeiyu.png");//参数1：图片资源路径，参数2：显示区域var sprite2 = cc.Sprite.cr
2015-09-18 16:21:13
2751
转载 Cocos2d-js v3.1 事件分发机制
创建一个单点触摸事件监听器(事件类型：TOUCH_ONE_BY_ONE)，并完成逻辑处理内容12345678910111213141516171819202122232425
2015-09-18 16:19:21
884
转载 Cocos2d-js cc.director介绍
环境设定首先，在进入游戏之前，导演对象会设置游戏的运行环境：设置显示游戏的视图，包含视图的投射，像素格式，等等。设置游戏运行帧率。为当前导演对象初始化计时器，动作管理器和事件管理器。为当前导演对象初始化贴图缓存和渲染器。导演对象的其他设置执行主循环主循环中每一次循环绘制一幅画面到屏幕上。下面是每一帧绘制的详
2015-09-18 16:17:12
1319
转载 Cocos2d-js cc.game项目启动
游戏开始12345cc.game.onStart = function(){ //load resources cc.LoaderScene.preload(resource_list, function () { cc.director.runScene(ne
2015-09-18 16:15:14
2302
转载 cocos2d-js cc.DrawNode用法示例
1234567891011121314151617181920212223242526272829303132333435
2015-09-18 16:12:14
2136
转载 JS编码解码
一、定义和用法encodeURI() 函数可把字符串作为 URI 进行编码。语法encodeURI(URIstring)参数描述URIstring必需。一个字符串，含有 URI 或其他要编码的文本。返回值URIstring 的副本，其中的某些字符将被十六进制的转义序列进行替换。说明该
2015-09-18 16:10:01
458
转载 关于cocos2d-js中使用 ClippingNode 以及 BlendFunc 来实现遮罩
关于ClippingNode 以及 BlendFunc 来实现遮罩 1. ClippingNode实现遮罩首先要准备一张png有透明度的图片 一张想要被遮住的图片12345678910111213141516
2015-09-16 21:05:00
3397
转载 JS获取URL中参数值（QueryString）的4种方法分享
方法一：正则法复制代码代码如下:function getQueryString(name) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'); var r = window.location.search.substr(1).match(reg); if (r != null
2015-09-16 16:37:45
1067
转载 解决跨域问题，聊聊JSONP
概述：跨域这个问题在工作偶尔能够碰到，但是一旦跨域传送数据就成了问题，所以就用到了JSONP，今天我们来聊聊JSONP。什么是JSONP：JSONP是一种为了解决跨域的数据交换问题，从而衍生出来的数据交换协议。为什么会产生JSONP：因为浏览器的“同源策略“，也就是浏览器限制脚本程序只能和同协议、同域名、同端口的脚本进行交互，但是在数据交换的过程中，经常会产
2015-09-11 10:59:57
918
转载 Jquery跨域获得Json(实例)
JSON数据是一种能很方便通过JavaScript解析的结构化数据。如果获取的数据文件存放在远程服务器上（域名不同，也就是跨域获取数据），则需要使用jsonp类型。使用这种类型的话，会创建一个查询字符串参数 callback=? ，这个参数会加在请求的URL后面。服务器端应当在JSON数据前加上回调函数名，以便完成一个有效的JSONP请求。如果要指定回调函数的参数名来取代默认的callback，可
2015-09-11 10:49:06
681
转载 说说JSON和JSONP，也许你会豁然开朗，含jQuery用例
前言： 由于Sencha Touch 2这种开发模式的特性，基本决定了它原生的数据交互行为几乎只能通过AJAX来实现。当然了，通过调用强大的PhoneGap插件然后打包，你可以实现100%的Socket通讯和本地数据库功能，又或者通过HTML5的WebSocket也可以实现与服务器的通讯和服务端推功能，但这两种方式都有其局限性，前者需要PhoneGap支持，后者
2015-09-09 17:00:26
383
转载 jquery的ajax和getJson跨域获取json数据
很多开发人员在使用jquery在前端和服务器端进行数据交互，所以很容易会认为在前端利用jquery就可以读取任何站点的数据了。近日在进行开 发时，因为要和第三方公司的一个项目进行数据的共享，因为考虑多不占用服务器的资源，遂决定直接在html进行数据的读取，不走服务器端进行中转了。然后 正好就遇到了浏览器端跨域访问的问题。跨域的安全限制都是指浏览器端来说的，服务器端不存在跨域安全限制的问题。
2015-09-09 16:57:25
765
转载 iframe跨域通信封装详解
iframe跨域通信众所周知，由于前端javascript对跨域访问做了安全限制，javascript只能访问与包含它的文档在同一域下的内容。用法举例：需求是在http://www.demo.org/top.html中通过iframe方式嵌入http://www.iframe.com/iframe.html，而在iframe页面中希望通过点击一个按钮，调用top页面的一
2015-09-09 16:44:27
611
转载 解析ajax核心XMLHTTPRequest对象的创建与浏览器的兼容问题
XMLHttpRequest 对象是AJAX功能的核心，要开发AJAX程序必须从了解XMLHttpRequest 对象开始。了解XMLHttpRequest 对象就先从创建XMLHttpRequest 对象开始，在不同的浏览器中创建XMLHttpRequest 对象使用不同的方法：先看看IE创建XMLHttpRequest 对象的方法（方法1）： var xmlhtt
2015-09-09 16:41:59
521
转载 用iframe设置代理解决ajax跨域请求问题
什么是跨域？简单的来说，出于安全方面的考虑，页面中的JavaScript无法访问其他服务器上的数据，即“同源策略”。而跨域就是通过某些手段来绕过同源策略限制，实现不同服务器之间通信的效果。 方案：在服务器端创建一个静态的代理页面，在客户端用iframe调用这个代理，然后通过iframe的document.getElementById("proxy").contentWindow对象
2015-09-09 16:36:45
1871
转载 利用iframe实现ajax跨域通信的实现原理(图解)
在漫长的前端开发旅途上，无可避免的会接触到ajax，而且一般情况下都是用在同一域下的ajax请求；但是如果请求是发生在不同的域下，请求就无法执行，并且会抛出异常提示不允许跨域请求，目前我没有找到明确的资料说明这是为什么，我觉得应该是出于安全性的考虑吧。纵然如此，要实现跨域访问的话，方法还是有的，而且不只一种，在这里介绍其中一种解决方案：如何利用iframe完成ajax的跨域请求。
2015-09-09 16:31:46
577
转载 jquery的ajax和getJson跨域获取json数据
很多开发人员在使用jquery在前端和服务器端进行数据交互，所以很容易会认为在前端利用jquery就可以读取任何站点的数据了。近日在进行开 发时，因为要和第三方公司的一个项目进行数据的共享，因为考虑多不占用服务器的资源，遂决定直接在html进行数据的读取，不走服务器端进行中转了。然后 正好就遇到了浏览器端跨域访问的问题。跨域的安全限制都是指浏览器端来说的，服务器端不存在跨域安全限制的问题。
2015-09-06 21:08:24
775
转载 AJAX POST&跨域 解决方案 - CORS
跨域是我在日常面试中经常会问到的问题，这词在前端界出现的频率不低，主要原因还是由于安全限制(同源策略， 即JavaScript或Cookie只能访问同域下的内容)，因为我们在日常的项目开发时会不可避免的需要进行跨域操作，所以跨域能力也算是前端工程师的基本功之一。 和大多数跨域的解决方案一样，JSONP也是我的选择，可是某天PM的需求变了，某功能需要改成支持POST，因为传输的数据量比较大
2015-09-06 21:05:53
381
转载 探讨跨域请求资源的几种方式
什么是跨域JSONPproxy代理corsxdr 由于浏览器同源策略，凡是发送请求url的协议、域名、端口三者之间任意一与当前页面地址不同即为跨域。具体可以查看下表（来源） JSONP 这种方式主要是通过动态插入一个script标签。浏览器对script的资源引用没有同源限制，同时资源加载到页面后会立即执行（没有阻塞的情况下）。1 2
2015-09-06 21:03:51
839
转载 跨域 XMLHttpRequest 请求
跨域 XMLHttpRequest 请求普通网页能够使用XMLHttpRequest对象发送或者接受服务器数据, 但是它们受限于同源策略. 扩展可以不受该限制. 任何扩展只要它先获取了跨域请求许可，就可以进行跨域请求。注意:页面内容脚本不能直接发起跨域请求. 然而, 任何一个页面内容脚本都可以发送消息给父扩展，请求父扩展发起一次跨域请求。关于使用这一技术的例子，请参照con
2015-09-06 21:01:41
1307
转载 Cocos2d-js 开发记录：Loading载入界面自定义
Loading界面是一个cc.Scene具体请看：http://blog.csdn.net/jonahzheng/article/details/38348255如果仅仅是想把图片（cocos logo）换掉的话可以修改（frameworks/cocos2d-html5/Base64Images.js）中cc._loaderImage
2015-09-06 20:58:21
1558
转载 Cocos2d-js 开发记录：自定义按钮
游戏开发总是有些特殊，一般的预制的UI无法满足要求。其实对于不复杂的功能，与其看文档还不如自己写一个。比如游戏中一个虚拟键盘，其中的按键在按下时会增长，变为原来的两倍高度，在原来高度上方显示按键的字如： 整体键盘： 一般来说按钮各个状态的各个大小都是一样的，一般可以直接使用cocos中的cc.MenuItemSprite或者cc.MenuItemImage
2015-09-06 20:56:54
1796
转载 Cocos2d-js 开发记录：图片数据资源等的异步加载
这里说的是在需要的使用加载图片，比如游戏中的某个关卡的图片，不用在游戏一开始就加载（万一用户玩不到那关，岂不是很冤，流量费了那么多），否则载入速度也慢。这种方式加载资源要用到cc.loader官方文档上有介绍(http://www.cocos2d-x.org/docs/manual/framework/html5/v3/cc-loader/zh)，主要有loadJsloadJsWithIm
2015-09-06 20:54:51
2301
转载 android webview js交互， 响应webview中的图片点击事件
最近碰到个新需求需要点击webview中的图片进行放大显示。整理了下思路，想到了下面的一个可行的方案。方案思路，1.在点击图片的时候调用本地的java方法并给出响应的图片地址2.本地获得图片地址后，开启一个遮罩activity进行显示和处理第二步的实现很容易实现，关键是第一步的实现，在网页中点击图片不会调用本地的java代码。那么我们需要给这个点击事件加上相应的
2015-09-05 17:55:51
503
转载 Cocos2d-JS 创建node节点示例
1、精灵Sprite 一共4种创建方式(1) 根据图片资源路径创建1234//参数1：图片资源路径var sprite1 = cc.Sprite.create("res/zifeiyu.png");//参数1：图片资源路径，参数2：显示区域var sprite2 = cc.Sprite.cr
2015-09-05 17:51:54
869
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人