为何JavaScript也将征服VR世界 这篇文章本应该在 2 个月前就出现了，但是一直都没有足够的动力去写。直到，我最近在玩知乎，也看到了一个类似的问题。加上这是一个无聊的小长假，就把这篇文章写出来。 这篇文章分成四部分： 基础知识：3D 世界与四元数 一个 Hello, World 应用篇——高级示例 因为我只玩过公司的 Oculus DK2，所以这里是以 DK2 为内容而展开的。 实际上，要用 JavaScript 来用 VR 程序是很简单的一件事： ..
详解12行JS代码的DoS攻击分析及防御 有一段12行的JavaScript代码，可以让Firefox、Chrome、Safari浏览器崩溃，而且还能让iPhone重启、安卓闪退，本文作者对这12行代码进行了分析解读并且提出了相应的防御办法，欢迎大家一同探讨。这里有一篇关于这12行js代码的文章：这十二行代码是如何让浏览器爆炸的？ Ajax与pjax Ajax即“Asynchronous Javascript And XML”（异步JavaScript和XML），是一种用于创建..
JavaScript中的DOM操作很慢的原因图文代码详细介绍 一直都听说DOM很慢，要尽量少的去操作DOM，于是就想进一步去探究下为什么大家都会这样说，在网上学习了一些资料，这边整理出来。 首先，DOM对象本身也是一个js对象，所以严格来说，并不是操作这个对象慢，而是说操作了这个对象后，会触发一些浏览器行为，比如布局（layout）和绘制（paint）。下面主要先介绍下这些浏览器行为，阐述一个页面是怎么最终被呈现出来的，另外还会从代码的角度，来说明一些不好的实践以及一些优化方案。 浏览器是如何呈..
JavaScript API 设计原则的具体介绍 前段时间组织优化我们的原生模块 API（iOS、Android 模块封装成 JavaScript 接口），于是学习了几篇 JavaScript API 设计的文章，尽管是旧文，但受益匪浅，这里记录一下。 好的 API 设计：在自描述的同时，达到抽象的目标。 设计良好的 API ，开发者可以快速上手，没必要经常抱着手册和文档，也没必要频繁光顾技术支持社区。 流畅的接口 方法链：流畅易读，更易理解 //常见的 API 调用方式：改变一些..
教你JavaScript 如何10分钟入门的详解 随着公司内部技术分享（JS进阶）投票的失利，先译一篇不错的JS入门博文，方便不太了解JS的童鞋快速学习和掌握这门神奇的语言。 以下为译文，原文地址：http://www.codeproject.com/Articles/1006192/JavaScript-Summary 简介 JavaScript是一门面向对象的动态语言，他一般用来处理以下任务： 修饰网页 生成HTML和CSS 生成动态HTML内容 生成一些特效 ..
JavaScript 技术栈展望的详细介绍 如果你正在筹划新的前端项目或者重构现有项目，那么你需要认识到现在的前端开发环境已经今非昔比，这其中有太多的选择了：React、Flux、Angular、Aurelia、Mocha、Jasmine、Babel、TypeScript、Flow…… 它们的本意是将开发简单化，却无形中提高了学习成本，也给未来项目的维护带来了不确定性。 好在这一现象正在退热，优胜劣汰，优秀的项目慢慢沉淀下来，开发方式也越来越清晰。有些开发者正在尝试使用基于上述..
HTML5本地存储Localstorage 的代码详细介绍 什么是localstorage 前几天在老项目中发现有对cookie的操作觉得很奇怪，咨询下来是要缓存一些信息，以避免在URL上面传递参数，但没有考虑过cookie会带来什么问题： ① cookie大小限制在4k左右，不适合存业务数据 ② cookie每次随HTTP事务一起发送，浪费带宽 我们是做移动项目的，所以这里真实适合使用的技术是localstorage，localstorage可以说是对cookie的优化，使用它可以方便在客..
HTML5数据推送SSE原理及应用开发的图文详解 JavaScript表达行为，CSS表达外观，注意HTML既表达结构（逻辑结构），又表达内容（数据本身）通常需要更新数据时，并不需要更新结构，正是这种不改变组织结构仅改变数据的诉求，推动了数据拉取和数据推送技术的产生。 SSE是一种允许服务器端向客户端推送新数据（简称数据推送）的HTML5技术。数据推送有两种替代方案：无更新方案和数据拉取方案。 无更新方案： 加载完毕HTML之后，得到一个HTML页面，之后浏览器会请求图片、C..
App三年内是否将被HTML5顶替彻底消失？ 2007年W3C(万维网联盟)立项HTML5，直至2014年10月底，这个长达八年的规范终于正式封稿。 过去这些年，HTML5颠覆了PC互联网的格局，优化了移动互联网的体验，接下来，HTML5将颠覆原生App世界。这听起来有点危言耸听，但若认真分析HTML5的发展史，你会发现，这个世界的发展趋势确实就是这样。 HTML5对开发者的7大优势 跨平台： 在多屏年代，开发者的痛苦指数非常高，人人都期盼HTML5能扮演救星。多套代码、不..
如何使用HTML5中postMessage实现Ajax中的POST跨域问题的详细介绍 HTML5中提供了在网页文档之间相互接收与发送信息的功能。使用这个功能，只要获取到网页所在窗口对象的实例，不仅仅同源(域+端口号)的web网页之间可以互相通信，甚至可以实现跨域通信。 浏览器支持程度：IE8+，firefox4+，chrome8+ opera10+ 1. 首先，要想接收从其他的窗口发过来的消息，就必须对窗口对象的message事件进行监听，如下代码： window.addEventListener(“messag..
