箭头函数

介绍一个ES6的新特性,箭头函数或许一个让你用更少行写更多代码的方便工具。它的名字(fat arrow functions)来自于它的语法=>是一个比瘦箭头->要’胖的箭头’(译者注:但是国内貌似不分胖瘦就叫箭头函数)。Some programmers might already know this type of functions from different languages such as Haskell as ‘lambda expressions’ respectively ‘anonymous functions’. It is called anonymous, as these arrow functions do not have a descriptive function name.(译者注:一些其他语言中的箭头函数,避免不准确就不翻译了 欢迎PR)

阅读更多

使用"use strict" 变得懒惰

(译者注:此片翻译较渣,欢迎指正,建议大家阅读原文或直接阅读MDN对严格模式的中文介绍 并欢迎PR)

阅读更多

排列含音节字母的字符串

Javascript有一个原生方法sort可以排列数组。一次简单的array.sort()将每一个数组元素视为字符串并按照字母表排列。你也可以提供自定义排列方法

阅读更多

可以接受单参数与数组的方法

写一个方法可以接受单个参数也可以接受一个数组,而不是分开写两个方法。这和jQuery的一些方法的工作原理很像(css 可以修改任何匹配到的选择器).

阅读更多

优化嵌套的条件语句

我们怎样来提高和优化javascript里嵌套的if语句呢?

阅读更多

undefined与null的区别

    阅读更多

    向数组中插入元素

    向一个数组中插入元素

    向一个数组中插入元素是平时很常见的一件事情。你可以使用push在数组尾部插入元素,可以用unshift在数组头部插入元素,也可以用splice在数组中间插入元素。

    阅读更多

    将Node List转换为数组(Array)

    querySelectorAll方法返回一个类数组对象称为node list。这些数据结构被称为“类数组”,因为他们看似数组却没有类似mapforeach这样的数组方法。这是一个快速、安全、可重用的方法将node list转换为DOM元素的数组:

    阅读更多

    AngularJs - $digest vs $apply

    AngularJs最令人欣赏的特性之一就是双向数据绑定。AngularJs通过循环($digest)检查model和view的变化实现此功能。想要理解框架底层的运行机制你需要理解这个概念。

    阅读更多

    2017年04月12日21-30-30


    阅读更多

    HTML5 新特性

    今天来谈谈前端面试中基本上每次一面的时候都会被问到的一个问题,那就是html5的新特性。这个是学习前端必须掌握的基础知识。

    新增的元素

    html5新增了一些语义化更好的标签元素。

    结构元素

    article元素,表示页面中的一块与上下文不相关的独立内容,比如博客中的一篇文章。
    aside元素,表示article内容之外的内容,辅助信息。
    header元素,表示页面中一个内容区块或整个页面的页眉。
    hgroup元素,用于对页面中一个区块或整个页面的标题进行组合。
    footer元素,表示页面中一个内容区块或整个页面的页脚。
    figure元素,表示媒介内容的分组,以及它们的标题。
    section元素,表示页面中一个内容区块,比如章节。
    nav元素,表示页面中的导航链接。

    其他元素

    阅读更多

    文本滚动

    文本滚动包括从上到下/从左到右/等

    阅读更多

    循环

    JS中循环嵌套常见的六大经典例题+六大图形题

    首先,了解一下循环嵌套的特点:外层循环转一次,内层循环转一圈。
    在上一篇随笔中详细介绍了JS中的分支结构和循环结构,我们来简单的回顾一下For循环结构:

    阅读更多

    有意思的js循环

    循环菱形***

    有意思的各种log圣兽

    阅读更多

    掘金

    前端数据结构与算法

    1.递归

    递归就是自己调自己,递归在前端里面算是一种比较常用的算法。假设现在有一堆数据要处理,要实现上一次请求完成了,才能去调下一个请求。一个是可以用Promise,就像《前端与SQL》这篇文章里面提到的。但是有时候并不想引入Promise,能简单处理先简单处理。这个时候就可以用递归,如下代码所示:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    var ids = [34112, 98325, 68125];
    (function sendRequest(){
    var id = ids.shift();
    if(id){
    console.log(id);
    sendRequest();
    } else {
    console.log("finished");
    }
    })();

    //34112
    //98325
    //68125
    //finished

    阅读更多