• 你真的了解background-position

    Posted by : lon.y@qq.com on 2017年7月4日

    background属性是CSS中最常见的属性之一,它是一个简写属性,其包含background-color、background-image、background-repeat、background-attachment、background-position、background-clip、background-origin和background-size。你可能会说,这些属性再简单不过了,没有可讲的。这篇文章接下来要介绍的不是所有有关于backgro

    阅读全文...

  • 理解CSS模块化

    Posted by : lon.y@qq.com on 2017年7月4日

    在瞬息万变的前端开发世界中,很难找到一个真正有意义的概念,并且将其清晰明了的向广大人民群众普及。 把目光投向CSS,一个重大转折就是CSS预处理器的出现(在工具方面来看),其中,Sass应该是最为著名的一个。此外,还有 PostCSS,它和Sass略有不同,但是殊途同归——都是用浏览器不能解析的语法编写,并且最终编译成浏览器能够理解的语法。 现在,又有一位新的成员出现了,它就是CSS模块。本文就将介绍CSS模块化的诸多优点,以及如何编写模块化的CSS。 什

    阅读全文...

  • 远离面条代码:编写可维护的 JS 代码

    Posted by : lon.y@qq.com on 2017年7月4日

    几乎每个开发者都接手或维护过遗留项目,或者说是重启一个旧的项目。通常第一反应是抛弃原有的代码,从头开始写。这些代码会混乱不堪,没有文档,并且别人可能要花费好几天去读懂代码。但是,如果结合正确的规划、分析、和一个好的工作流程,那就有可能把一个意大利面式的代码仓库整理成一个整洁、有组织并易扩展的一份项目代码。 我曾经不得不接手并整理了很多的项目。从一开始就混乱不堪的也不是特别多。但实际上,最近就遇到了一个这样的情况。我已经学会了关于JavaScript代码组织

    阅读全文...

  • 纯 HTML+CSS+JavaScript 编写的计算器应用

    Posted by : lon.y@qq.com on 2017年7月4日

    一道笔试题 之前偶然看到一个公司的笔试题,题目如下: 用HTML5、CSS3、JavaScript,做一个网页,实现如下图形式计算器 具体要求: 有且只有一个文件:index.html。不允许再有其他文件,不允许再有单独的CSS、JS、PNG、JPG文件。 运行环境为 Google Chrome。 必须支持标准的四则运算。例如:1+2*3=7。 请在收到邮件的48小时内独立完成本测试,并回复本邮件。 一道笔试题引发的一个练手项目 花了一点时间写好的第一版,

    阅读全文...