开发者工具使用,用法图文详解

6、monitor & unmonitor monitor(function),它接收一个函数名作为参数,比如function a,每次a被执行了,都会在控制台输出一条信息,里面包含了函数的名称a及执行时所传入的参数。 而unmonitor(function)便是用来停止这一监听。 看了这张图,应该明白了,也就是说在monitor和unmonitor中间的代码,执行的时候会在控制台输出一条信息,里… Read More »

简析chrome调试技巧,如何调试Javascript

Chrome控制台 如何调试Javascript 2015/01/12 · JavaScript · Chrome 原文出处: ctriphire    上面的文章已经大致介绍了一下console对象具体有哪些方面以及基本的应用,下面简单介绍一下如何利用好chrome控制台这个神器好好调试javascript代码(这个才是我们真正能用到实处的地方) 1、先说一下源码定位 大家打开测试网页   看到… Read More »

HTML5的Websocket(理论篇Web前端 I)

HTML5的Websocket(理论篇 I) 2017/10/28 · HTML5 · websocket 原文出处: 转转前端    先请来TA的邻居: http:无状态、基于tcp请求/响应模式的应用层协议 (A:哎呀,上次你请我吃饭了么? B:我想想, 上次请你吃了么) tcp:面向连接、保证高可靠性(数据无丢失、数据无失序、数据无错误、数据无重复到达) 传输层协议。(看啊,大阅兵,如此规整… Read More »

图片的能力,websocket探索其与语音

websocket探索其与语音、图片的能力 2015/12/26 · JavaScript · 3 评论 · websocket 原文出处: AlloyTeam    说到websocket想比大家不会陌生,如果陌生的话也没关系,一句话概括 “WebSocket protocol 是HTML5一种新的协议。它实现了浏览器与服务器全双工通信” WebSocket相比较传统那些服务器推技术简直好了太多… Read More »

开发者才记得这些,尽然有js写的操作系统

1×1.gif 1×1.gif 应该获得伟大的格莱美大奖。或者普利策新闻奖。或者类似三年级体育课上颁发的最佳进步奖。除了链式链表,它是计算机科学史上最重要的成就。它不是我们应得的未来,而是我们需要的未来(直到盒子模型彻底取代了它)。 如果你还没不熟悉我们的 1×1.gif 小把戏,请看下面: 你能看到它吗,让我们放大一些: The 1×1.gif 这个 1×1.gif – 或者 spacer.gi… Read More »

WebSocket 教程

WebSocket 教程 2017/05/15 · 基础技术 · websocket 原文出处: 阮一峰    WebSocket 是一种网络通信协议,很多高级功能都需要它。 本文介绍 WebSocket 协议的使用方法。 原文出处: 阮一峰    WebSocket 教程   作者: 阮一峰 日期: 2017年5月15日 WebSocket 是一种网络通信协议,很多高级功能都需要它。 本文介绍 … Read More »

刨根问底HTTP和WebSocket协议

刨根问底HTTP和WebSocket协议 2016/08/17 · 基础技术 · 1 评论 · HTTP, websocket 原文出处: TheAlchemist    那天和boss聊天,不经意间提到了Meteor,然后聊到了WebSocket,然后就有了以下对话,不得不说,看问题的方式不同,看到的东西也会大不相同。 A:Meteor是一个很新的开发框架,我觉得它设计得十分巧妙。 B:怎么个巧… Read More »

面试在继续,聊聊技术面试

前端面试【有感而发】 2015/09/16 · HTML5, JavaScript · 1 评论 · 面试 原文出处: 聂微东(@聂微东)    首先,这篇没有具体的面试题; 其次,这篇仅是我个人的面试态度; 最后,在这金三银四的跳槽季里,祝愿各位找到好工作。 俺第一次做面试官是2011年,想起那时自己真的很紧张(不管做什么头几次都紧张哈),可是还是在希望在面试者面前留个比较专业的印象,所以总是装… Read More »

来看看机智的前端童鞋怎么防盗,SDK对YUV视频序列进行编码

HTML5:使用Canvas实时处理Video 2015/09/11 · HTML5 · Canvas 本文由 伯乐在线 - cucr 翻译,唐尤华 校稿。未经许可,禁止转载! 英文出处:mozilla。欢迎加入翻译组。 结合HTML5下的video和canvas的功能,你可以实时处理视频数据,为正在播放的视频添加各种各样的视觉效果。本教程演示如何使用JavaScript代码实现chroma-ke… Read More »

决胜三分球,H5游戏开发

对象回收 这也是游戏开发中常用的优化手段,通过回收从边界消失的对象,让对象得以复用,防止因频繁创建对象而产生大量的内存消耗。 前言 虽然本文标题为介绍一个水压套圈h5游戏,但是窃以为仅仅如此对读者是没什么帮助的,毕竟读者们的工作生活很少会再写一个类似的游戏,更多的是面对需求的挑战。我更希望能举一反三,给大家在编写h5游戏上带来一些启发,无论是从整体流程的把控,对游戏框架、物理引擎的熟悉程度还是在某… Read More »

H5游戏开发,SQL练习题完整

H5游戏开发:消灭星星 2018/01/25 · HTML5 · 游戏 原文出处: 凹凸实验室    「消灭星星」是一款很经典的「消除类游戏」,它的玩法很简单:消除相连通的同色砖块。 H5游戏开发:一笔画 2017/11/07 · HTML5 · 游戏 原文出处: 凹凸实验室    SQL 练习题答案 1. 游戏规则 「消灭星星」存在多个版本,不过它们的规则除了「关卡分值」有些出入外,其它的规则都… Read More »

游戏开发,决胜三分球

H5 游戏开发:决胜三分球 2017/11/18 · HTML5 · 游戏 原文出处: 凹凸实验室    原文出处: 凹凸实验室    H5 游戏开发:推金币 2017/11/10 · HTML5 · 1 评论 · 游戏 原文出处: 凹凸实验室    近期参与开发的一款「京东11.11推金币赢现金」(已下线)小游戏一经发布上线就在朋友圈引起大量传播。看到大家玩得不亦乐乎,同时也引发不少网友激烈讨论… Read More »

概率算法,指尖大冒险

根据相对定位确定阶砖位置 利用随机算法生成无障碍数组和障碍数组后,我们需要在游戏容器上进行绘制阶梯,因此我们需要确定每一块阶砖的位置。 我们知道,每一块无障碍阶砖必然在上一块阶砖的左上方或者右上方,所以,我们对无障碍阶砖的位置计算时可以依据上一块阶砖的位置进行确定。   无障碍阶砖的位置计算推导 如上图推算,除去根据设计稿测量确定第一块阶砖的位置,第n块的无障碍阶砖的位置实际上只需要两个步骤确定:… Read More »

聊一聊防盗链Web前端,主流浏览器图片反防盗链方法总结

问题 问题很简单,就是我希望在自己的页面里用`来引用其他网站的一张图片,但是他的网站设置了防盗链的策略,会在后台判断请求的Referrer属性是不是来自于一个非本域名的网站,如果来源不是本域名就返回403 forbidden`。我的目的就是用最方便的方法使得我的页面能够不受他的防盗链策略的影响。 有的图片在我们发布的网站上能正常加载出来,有的一些就加载不出来,审查一下元素,会看到Failed to… Read More »