HTML5在线教程和技术博客

  • 如何使用BabylonJS加载OBJ或STL模型

    BabylonJS(也就是babylon.js,这是一个和three.js类似的WebGL开发框架),更多的用在游戏领域。
    本文说明和演示如何使用babylon.js来加载一个标准3d模型文件,如OBJ或STL。1.首先引入babylon主js和loader(主要是文件解析作用)的js脚本如下:&base>href="//wow.techbrood.com">/< &script>src="/libs...

    阅读全文 收藏 评论 (0) 阅读 (18) 2017-06-25 19:57:40  
  • A-Frame WebVR(网页虚拟现实)快速开发入门教程

    WebVR和WebGL应用程序接口使得我们已经可以在浏览器上创建虚拟现实(VR)体验,但从工程化的角度而言,开发社区还需要更多方便强大的开发库来简化编程,Mozilla的>A-Frame>框架就是这样一个工具,提供了一个Web开发者所熟悉的标记语言来快速构...

    阅读全文 收藏 评论 (0) 阅读 (3344) 2017-04-06 21:26:31  
  • WebAssembly工作原理和JavaScript语言性能对比分析

    本文简单说明WebAssembly(简称wasm)工作原理和高性能的原由(和JavaScript相比)。不过需要提醒的是Wasm并非设计来完全替代JS,而是对JS的一个强大补充,JS中一部分高性能应用可以使用wasm来进行替代,比如React小组就准备用Wasm来重写其Reconciler部分(该部分用来管理组件加载和刷新),这些变动对React的使用者不可见...

    阅读全文 收藏 评论 (1) 阅读 (1076) 2017-03-07 15:13:03  
  • WebGL、Asm.js和WebAssembly概念简介

    随着HTML技术的发展,网页要解决的问题已经远不止是简单的文本信息,而包括了更多的高性能图像处理和3D渲染方面。这正是要引入WebGL、Asm.js和WebAssembly这些技术的原因。什么是WebGLWebGL是为了给Web添加类似桌面(或移动)系统上的OpenGL的特性支持,从而实现强大的3D图形渲染效果。什么是Asm.jsAsm.js是一个JavaScript...

    阅读全文 收藏 评论 (1) 阅读 (1224) 2017-02-27 13:00:56  
  • CSS3原生变量(Native Variables)新特性简介

    对Web开发者来说,一个盼望已久的特性是CSS终于支持原生变量了!
    变量是程序语言中用来解决代码重复和进行表达式计算的关键概念(想想数学方程式中的x)。这样CSS看起来更像一门样式“语言”了。在这之前,我们得使用SASS(SCSS)预编译方式来支持变量,现在你可以直接在CSS代码中使用变量。该特性的规范描述在

    阅读全文 收藏 评论 (0) 阅读 (471) 2017-02-07 12:35:59  
  • React JSX语法简介

    JSX是一种类似XML的标签语法,用来简化代码,我们可以不使用JSX,但了解并使用也没什么坏处:)在React中,JSX是一个使用 React.createElement() API的快捷方式,代码看起来更象一个UI组件。每个标签,比如 &View /foo='hello',或者使用大括号包含起来的内嵌JS表达式,比如 bar={baz},baz将引用变量baz。标签可以...

    阅读全文 收藏 评论 (0) 阅读 (510) 2017-01-17 16:44:19  
  • ES6小知识:动态对象键(Dynamic Object Keys)语法简介

    在ES5,对象的键(key)总是被解释为字符串。ES6允许我们使用计算的值作为对象的键,使用方括号:[myKey]const>chosenAnimal>=>'cat' const>animals>=>{ >>[`animal${chosenAnimal}`]:>true, } console.log(animals.animalcat)>//>true如上animal${chosenAnimal}被动态解释成animalcat键。
    这是一个很强大...

    阅读全文 收藏 评论 (0) 阅读 (715) 2017-01-17 15:39:27  
  • 函数式JavaScript编程基础概念:Curry和Partial Application

    本文介绍JS函数式编程中的两个概念:柯里(Curry)和部分应用程序(Partial Application)。什么是应用程序(Application)将函数应用于其参数以产生返回值的过程。什么是部分应用程序将函数应用于某些参数的过程,该部分应用的函数被返回供后续使用。换句话说,就是一个函数,接收一个多参数函数作为其参数,并返回一个使...

    阅读全文 收藏 评论 (0) 阅读 (445) 2017-01-05 16:36:51  
  • JavaScript语言多编程范式简介

    和C++等语言类似,JS支持多范式(paradigms)编程。我们常常混合这些范式来完成一些大型Web项目。JS支持3种编程范式:命令式、面向对象和函数式。命令式(Imperative JavaScript)命令式就是简单的从上而下完成任务,流水账过程式编码风格:function>task(nums)>{ var>i,>sum=0,>squares>=>[]; for>(i=0;>i&nums.leng...

    阅读全文 收藏 评论 (0) 阅读 (651) 2017-01-04 18:58:03  
  • JavaScript事件模型图解

    在JavaScript中用户交互的核心部分就是事件处理。本文为对事件模型和处理机制的总体性描述。Event是什么?
    event是用户操作网页时发生的交互动作,比如click/move, event除了用户触发的动作外,还可以是文档加载,窗口滚动和大小调整。Event模型是什么?
    Event模型指的是浏览器如何处理发生的事件。不同的浏览器其...

    阅读全文 收藏 评论 (0) 阅读 (510) 2017-01-04 15:47:10