HTML5在线教程和技术博客

  • CSS3原生变量(Native Variables)新特性简介

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

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

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

    阅读全文 收藏 评论 (0) 阅读 (2305) 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) 阅读 (2161) 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) 阅读 (4774) 2017-01-17 15:39:27  
  • CSS3人行走动作图解和动画实现

    对于人类而言,行走是一种很自然的想要前进并防止跌倒的一组动作重复。大部分人1岁就学会了走路,但至此以后的几十年间,或许我们从来没留意过自己行走姿势。当我们需要用计算机来模拟人类这个最简单的动作时,通过观察和分析,我们可以把步行简化为下面这样的一个过程:(1)中分:(也称作:contact 接触点)这是我们人为...

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

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

    阅读全文 收藏 评论 (0) 阅读 (2165) 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) 阅读 (4292) 2017-01-04 18:58:03  
  • JavaScript事件模型图解

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

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

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

    阅读全文 收藏 评论 (0) 阅读 (2349) 2017-01-04 13:00:55  
  • 常见面试题JavaScript闭包(ES5语法)

    JavaScript闭包(Closure)是常见的JS面试题,是否理解闭包是一个简单的区分JS初级和高级程序员的判例。几乎每个JS程序员都在使用闭包,有意或无意间。比如编写一个jQuery鼠标点击处理函数:$(function()>{ >>var>option; >>$(".scssbox").click(function()>{>//>闭包,该闭包同时也是一个匿名函数 >>>>option...

    阅读全文 收藏 评论 (1) 阅读 (4111) 2017-01-02 23:05:17