HTML5在线教程和技术博客

  • JavaScript语言多编程范式简介

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

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

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

    阅读全文 收藏 评论 (0) 阅读 (220) 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) 阅读 (211) 2017-01-04 13:00:55  
  • 常见面试题JavaScript闭包(ES5语法)

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

    阅读全文 收藏 评论 (1) 阅读 (238) 2017-01-02 23:05:17  
  • 使用CSS3 box-decoration-break特性实现多行文本样式

    当文章中的长文本被自动断行为多行文本时,其样式可能会出乎我们的设计。本文介绍如何使用CSS3中的box-decoration-break特性来处理多行元素样式。
    按照规范定义,box-decoration-break被用来处理分页(page-break)或断行(line-break)时元素的...

    阅读全文 收藏 评论 (0) 阅读 (225) 2017-01-01 19:20:48  
  • NodeJS、Java和PHP性能考量和若干参考结论

    首先需要说明的是,严格而言NodeJS和Java、PHP并非对等概念,NodeJS是基于JS的一个应用程序,而Java/PHP是语言。我们这里实际指的是分别使用node、java和php来实现一个网页应用,在这样的相等用例下,各自的性能表现。自从2013年Paypal应用迁移到Node后,NodeJS被越来越多的巨头所使用。这里面当然不只是技术层面的考虑,还...

    阅读全文 收藏 评论 (5) 阅读 (502) 2016-12-14 19:51:26  
  • 前端开发框架技术选型:Angular2 VS React VS jQuery

    Angular和React是主流的2个前端开发框架,但是严格来说两者并非对等的概念。Angular是一个基于MVC(或者MVVM)的框架,包含model(模型)/view(视图)/controller(控制器),React只有view(视图)层。而Angular2使用TypeScript重建了整个框架,好处是可以利用TypeScript的增强语法。相对而言Angular是一个重量级的开发框...

    阅读全文 收藏 评论 (0) 阅读 (790) 2016-12-12 12:58:22  
  • Web界面编程状态变化和JS开发框架(React/Angular/Ember)

    UI编程中的一个关键课题就是界面组件化(可复用)以及组件状态管理。稍早一些的windows程序员可能接触过MFC,其界面编程中有一个DDX(DoDataExchange)的机制,用来绑定界面组件和数据成员。通过这样的绑定,由框架来负责当数据发生变化时完成相应UI的更新,而无需开发者编写代码,这无疑简化了编程。而在早期的Web开发中,...

    阅读全文 收藏 评论 (0) 阅读 (410) 2016-12-11 18:46:50  
  • CSS3弹性布局内容对齐(justify-content)属性使用详解

    内容对齐(justify-content)属性应用在弹性容器上,把弹性项沿着弹性容器的主轴线(main axis)对齐。该操作发生在弹性长度以及自动边距被确定后。 它用来在存在剩余空间时如何加以分配,也会在发生内容溢出时影响项目的对齐。注意:弹性布局中有两个基本术语main axis和cross axis,一般情况下,我们可以把它们各自看作是...

    阅读全文 收藏 评论 (0) 阅读 (301) 2016-12-08 16:14:54  
  • CSS3弹性布局弹性流(flex-flow)属性详解和实例

    弹性布局是CSS3引入的强大的布局方式,用来替代以前Web开发人员使用的一些复杂而易错hacks方法(如使用float进行类似流式布局)。其中flex-flow是flex-direction和flex-wrap属性的简写方式,语法如下:flex-flow: &flex-direction< || &flex-wrap{>> >>>>display:>flex;>> }>> .flex-container.first>{>> >>>>flex-flow...

    阅读全文 收藏 评论 (0) 阅读 (313) 2016-12-08 16:11:30