每年的双十一、双十二购物狂欢节，我们都可以在各大电商平台看到漂亮且内容丰富的活动页面，而这些页面大部分也都是静态页面，只为商品提供一个购买的入口，前端程序员拿到设计稿后，便开始无聊繁琐的"切图"工作。

html 语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析；即使在没有样式 CSS 情况下也以一种文档格式显示，并且是容易阅读的，使阅读源代码的人对网站更容易将网站分块。

我们最开始学前端的时候都会看到教程在处理外部css，js的时候会将css放在header中，js放在body的最后。为什么要这样子处理，今天参考一些资料好好分析下。 首先整个页面展示给用户会经过html 的解析与渲染过程。 而外链css无论放在html的任何位置都不影响html…

现代前端项目多为单页Web应用(SPA)，在单页Web应用中路由是其中的重要环节。 每个现代前端框架都有与之对应的路由实现，例如 vue-router、react-router 等。 本文并不涉及 vue-router、react-router 的实现方式，而是介绍前端路由的基…

reduce作为ES5新增的常规数组方法之一，对比forEach、filter和map，在实际使用上好像有些被忽略，发现身边的人极少使用它，导致这个如此强大的方法被逐渐埋没。 如果经常使用reduce，怎么可能放过如此好用的它呢！我还是得把他从尘土中取出来擦干净，奉上它的高级用…

async/await是非常棒的语法糖，可以说他是解决异步问题的最终解决方案。从字面意思来理解。async 是`异步`的意思，而 await 是 `等待`

1. 前言 文章会从三个方面应对这道面试题：认识 reduce、使用 reduce、实现 reduce。 阅读本文，你将学到： 2. 认识 reduce reduce()方法对数组中每个元素执行一个由

前言 深度克隆（深拷贝）一直都是初、中级前端面试中经常被问到的题目，网上介绍的实现方式也都各有千秋，大体可以概括为三种方式： JSON.stringify+JSON.parse, 这个很好理解； 全量

作为一个程序员，代码能力毋庸置疑是非常非常重要的，就像现在为什么大厂面试基本都问什么 API 怎么实现可见其重要性。我想说的是居然手写这么重要，那我们就必须掌握它，所以文章标题用了死磕，一点也不过分，也希望不被认为是标题党。 作为一个普通前端，我是真的写不出 Promise A…