分类 JavaScript 下的文章

被玩坏的Console

前两天在V2EX上瞎逛的时候,偶然看到这个帖子「发掘有趣的 console」。虽然也曾经注意过知乎、DNSPOD、Tmall这些把console玩的飞起的网站。觉得新奇膜拜以外,还真的没有花心思去研究过他们实现的过程。Console在我手中一直只是顺手的JS调试工具。所以花了一天的时间做了一下简单的功课。

Console是什么?

Console是一个JavaScript解释器的内置对象,用于访问调试控制台,在不同的浏览器里效果可能不同。我们最常用的console.log就是Console对象的一个静态方法,它的作用是将内容输出到控制台上。

- 阅读剩余部分 -

不忘初心 - 怎样做一个合格的前端工程师

很久之前看到的一篇文章「前端工程师应该具备的基本知识」原文 | 中文,今天无意翻出来依然觉得受益匪浅。现在越来越庞大的前端知识体系,越来越多的新的语言,新的轮子。让人惊叹前端越来越强大的同时,也越来越觉得自己的学习速度永远赶不上技术更新的速度,和大牛的距离越来越远。在迷茫的跟着大牛的脚步走了两年后,才猛然发现。我所处的业务环境似乎并不需要那么多复杂的技术和业务逻辑去处理。返璞归真,合适的才是正确的!

- 阅读剩余部分 -

手机网站实现图片惰性加载

什么是图片惰性加载呢?
顾名思义,惰性指的是我们只将用户视野范围内(浏览器窗口的可视区域)的图片加载,而用户视野范围外的图片先不加载,当用户看到这些图片时再做加载。
这样做的好处在于哪里呢?

  1. 用户访问速度上升了,浏览器的加载进度条很快就加载完毕。
  2. 节省用户流量。

那么如何实现呢?
我们需要解决两个问题:

  1. 如何知道用户是否能看见这张图片?
  2. 如何让看不到的图片不加载,而在需要的时候再去加载?

- 阅读剩余部分 -

简单易用前端自动化工具-Gulp

Gulp是最近很火的开源项目,是一个基于任务的设计模式的自动化前端构建工具。同类工具中有比它成名更早更为流行的是Grunt,国内也有百度出品的FIS。
Grunt很强大,有很完善的社区和设计模式,但是学习成本很高。FIS是互联网公司的产物,更多的是匹配适应自己的项目流程。虽然有亮点有创新,但是社区实在有些混乱,人员变动也是其中很大的变数之一。Gulp相比起来就简单可靠的多,对于我这样的喜欢偷懒的人来说简直是绝配!
实际工作中,我用Gulp的功能并不多,主要也只是用于项目文件的压缩、测试、合并!这些都可以很容易用Gulp实现。

- 阅读剩余部分 -

一个有意思的JavaScript实例

首先,看看下面一个JavaScript例子,你觉得会输出什么?

function fn(a){
    a();
    function a(){
        console.log(2);
    }
    var a = function(){
        console.log(3);
    }
}
fn(function(){console.log(1)});

如果看不出来,可以拷贝到浏览器中试试。

- 阅读剩余部分 -