• F2e, Js, Es6

    初识fetch

    始终不是很懂fetch的作用,然后查了很多资料,看了一篇不错的文章,结合自己之前学习的Promise,然后做一篇文章,稍微记录一下。

    Read more...
  • F2e, Js, Es6

    30分钟掌握ES6/ES2015核心内容

    ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的,所以又称ECMAScript 2015。

    也就是说,ES6就是ES2015。

    虽然目前并不是所有浏览器都能兼容ES6全部特性,但越来越多的程序员在实际项目当中已经开始使用ES6了。所以就算你现在不打算使用ES6,但为了看懂别人的你也该懂点ES6的语法了…

    Read more...
  • F2e, Web, React

    react基于webpack和Babel 6上的开发环境搭建

    Read more...
  • Web, F2e

    跨域资源共享 CORS 详解

    CORS是一个W3C标准,全称是”跨域资源共享”(Cross-origin resource sharing)。

    它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制。

    本文详细介绍CORS的内部机制。

    Read more...
  • Web, F2e

    Meteor——以NodeJS为基础环境,MongoDB为数据环境的全栈开发平台!

    Read more...
  • Web

    为什么说移动优先已经过时?

    原文是 Intercom 产品副总裁 Paul Adams 的文章。从设备出货量、应用丰富程度和用户活跃程度来看,现在无疑已经进入移动时代。但是 “移动优先” 的说法是不是正确呢?Adams 提出了他自己的观点。

    Read more...
  • Html, Html5, Web, F2e

    HTML5元素分类与内容模型

    HTML4中,元素被分成两大类: inline(内联元素)与block(块级元素)。但在实际的开发过程中,因为页面表现的需要,前端工程师经常把inline元素的display值设定为block(比如a标签),也经常把block元素的display值设定为inline;之后更是出现了inline-block这一对外呈现inline、对内呈现block的属性。因此,简单地把HTML元素划分为inline与block已经不再符合实际需求。

    Read more...
  • Web, Html

    谈谈对HTML语义化的理解

    随着HTML5的普及,越来越多的新标签被加入到HTML里,写进我们的代码中。如何合理的运用这些标签,HTML语义化就是最好的实现。虽然写了很多年的HTML代码了,不过由于英文差,始终没能通读一遍W3C的HTML规范,所以对HTML的语义化的认识也仅通过实践和经验来表达一下自己的理解。

    Read more...
  • Web, F2e, Css, Css3

    CSS3的content属性详解

    CSS中主要的伪元素有四个:before/after/first-letter/first-line,在before/after伪元素选择器中,有一个content属性,能够实现页面中的内容插入。

    Read more...
  • Web, F2e

    使用Chrome DevTools的Timeline分析页面性能

    随着webpage可以承载的表现形式更加多样化,通过webpage来实现更多交互功能,构建web应用程序已经成为很多产品的首要选择。这种方式拥有非常明显的优势:跨平台、开发便捷、便于部署和维护等等,但随着功能的不断积累,web应用程序也会变得越来越复杂。但是,我们仍然想要在webpage支持丰富的呈现形式的同时,让页面效果能够达到>=60fps(帧)/s的刷新频率以避免出现卡顿,就需要我们使用一些比较直观的方式来分析衡量页面的性能问题,为性能优化方案提供依据。

    Read more...