在线教程

  • 谷歌ARCore技术特性简介

    谷歌美国时间2017.8.29号刚发布了ARCore预览版,这是一个类似于苹果ARKit的增强现实SDK,在此之前,谷歌虽然已投资AR平台Tango,但由于需要特定的硬件和传感器,因此并未广泛普及。这次不同的是,ARCore将支持更多的现有Android设备以及将来的新设备。可以说ARCore是谷歌从高冷探戈向广场舞的一个延伸尝试。
    比苹果更进...

    阅读全文 收藏 评论 (0) 阅读 (13161) 2017-08-30 11:22:32  
  • A-Frame WebVR(网页虚拟现实)快速开发入门教程

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

    阅读全文 收藏 评论 (0) 阅读 (18130) 2017-04-06 21:26:31  
  • 创建非矩形网页页面元素的常用技术和实例代码

    非矩形设计正在变成一种时尚,比如波浪形、菱形、三角形等:而随着技术发展,这种设计在技术实现上也变得更容易。本文以最简单的三角形为例,演示使用5种方法来达到非矩形设计的界面效果。使用透明图片遮盖[TD_Editor] data-height=450 data-theme=embed data-slug-id=33381 data-default-tab=result class=tdwow[/TD_Edito...

    阅读全文 收藏 评论 (0) 阅读 (7313) 2017-03-01 17:07:11  
  • WebGL、Asm.js和WebAssembly概念简介

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

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

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

    阅读全文 收藏 评论 (0) 阅读 (5189) 2017-02-07 12:35:59  
  • CSS3特性查询(Feature Query: @supports)功能简介

    这是2017年不能不了解和学习的一个CSS新特性,非常实用,考虑到现实世界浏览器的复杂性,该特性本应该先于其他新特性出来。我们已经知道使用媒体查询(Media Query)来检测屏幕尺寸,从而实现响应式界面设计。
    而特性查询则用来查询用户代理(如桌面浏览器)是否支持某个CSS3的特性,这个功能除了IE之外,已被其他浏览...

    阅读全文 收藏 评论 (0) 阅读 (4870) 2017-02-06 12:01:46  
  • React JSX语法简介

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

    阅读全文 收藏 评论 (0) 阅读 (4789) 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) 阅读 (14762) 2017-01-17 15:39:27