在线教程

  • AFrame工作原理简要说明

    AFrame(a-frame)是Mozilla推出的基于Three.js的一个WebXR ( WebVR ) 应用开发引擎。其架构或设计模式为游戏引擎常用的Entity/Component/System。其总体思想是通过声明式语言的方式来创建实体、挂载组件,并通过系统(Systems)来提供基础服务如多相机系统、XR交互控制、存储系统等。其工作过程大致如下:
    1)在DOM文...

    阅读全文 收藏 评论 (0) 阅读 (3143) 2019-11-07 12:22:48  
  • 深入剖析JavaScript代码执行上下文、变量范围以及闭包(Closure)

    Some concepts are important to grok before you can grok closures. One of them is the execution context.This article has a very good primer on Execution Context. To quote the article:When code is ru...

    阅读全文 收藏 评论 (0) 阅读 (2157) 2019-11-03 22:49:54  
  • WebXR基本概念和应用程序开发简介

    XR是VR,AR和MR的统称,VR,AR是从感官体验的角度来区分的,
    VR是用户借助外设输入输出(头戴、手柄、体感、运动感知等软硬件系统)来和纯虚拟场景的交互体验,AR也是用户借助外设来体验额外的虚拟内容,区别是虚拟内容是叠加在真实世界上,其方式可以是通过透射或者视频叠加。WebXR是基于网页的XR应用程序,可以用来支持...

    阅读全文 收藏 评论 (0) 阅读 (7185) 2019-09-02 18:31:12  
  • 2019年NodeJS框架Koa和Express选型比较

    Koa和Express都是NodeJS的主流应用开发框架。
    Express是一个完整的nodejs应用框架。Koa是由Express团队开发的,但是它有不同的关注点。Koa致力于核心中间件功能。nodejs中间件是访问请求对象(req)和响应对象(res)的例程。这些例程在路由处理程序之前被调用,因此它们位于客户端与生成响应的路由逻辑的“中间”。nod...

    阅读全文 收藏 评论 (0) 阅读 (16405) 2019-01-19 23:15:27  
  • CSS3属性选择器特性使用详解

    CSS3除了引入动画、滤镜(用于特效)以及新的布局技术外,在选择器(selector)方面也有增强。属性选择器根据元素的属性(attributes)来匹配。这可以是一个单独的属性,比如[type],或者可以是一个属性和取值的组合,比如[type=checkbox] 或 [for="email"]。我们也可以用属性选择器来匹配属性存在与否以及子字符...

    阅读全文 收藏 评论 (0) 阅读 (4972) 2017-02-21 18:15:59  
  • JavaScript语言多编程范式简介

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

    阅读全文 收藏 评论 (0) 阅读 (10169) 2017-01-04 18:58:03  
  • 常见面试题JS语言中四种函数调用方式实例讲解

    JS的语言世界中函数(function)是一等公民,函数的调用有多种方法。普通调用这个是最常见和直接的方式:function>f(x)>{>>>>>>>> >>>>console.log(x*x); } f(5);>//>25方法调用函数被定义为对象的方法,以对象方法的形式调用,如下:
    var>c>=>{>>>> >>>>v>:>0,>>>> >>>>f>:>function(x)>{>>>>>>>>>>>>>>>> >>>>>...

    阅读全文 收藏 评论 (0) 阅读 (4934) 2017-01-04 13:00:55  
  • 深入理解JS和CSS3动画性能问题和技术选择

    本文对比了JS及其框架和CSS3的动画性能,并深入剖析了其内在原因。技术结论大致如下:1. jQuery出于设计原因,在动画性能上表现最差2. CSS3由于把动画逻辑推给了浏览器,优化了内存消耗、DOM操作和默认利用了RAF,所以要比jQuery动画性能更好3. CSS3可能会引起浏览器主线程和复合器线程之间过度数据交互,从而导致性能下降4...

    阅读全文 收藏 评论 (0) 阅读 (17175) 2016-11-13 12:38:23  
  • 计算WebGL中的uniforms变量使用数

    在使用Three.js为人体模型加载皮肤材料时,启用了skinning:true的参数。有时候会导致GL编译错误,提示“too many uniforms”。下面的文章有助于理解错误原因和检测uniforms的使用情况。For a recent consulting project I was attempting to render some fairly complex skeletal animations in WebGL on Firefox and Chrom...

    阅读全文 收藏 评论 (3) 阅读 (9614) 2016-09-02 23:36:38