netlify 是一个可以帮助你自动部署网站的平台。你可以选择自己买服务器，运行 build 然后推送到自己服务器（或者直接使用 gh-pages），但是使用 netlify 你只需要正常推送项目到 GitHub，netlify 就会自动给你 deploy，这项服务是免费的。

原文链接：[链接] 回顾：使用 Gatsby.js 搭建静态博客 3 样式调整 官方自带标签系统教程，英语过关可以直接阅读官方教程。 以下说一下重点： 提示：以下所有查询都可以在 localhost:8000/___graphql 测试 建立标签系统只需要以下步骤： 在 md 文件添加 tags {代码...} 用 graphQL 查询文章标签 {代码...} 制作标签页面模...

快 2019 年了，我才去看 chrome DevTools 的 api，唉，晚是晚点，总比不知道好吧？对于这些接口，不知道也不会导致你无法正常开发，但是知道了效率是能提高很多的。其实很多“常识”都因为“太常识”了，所以大家都不说，不讨论，结果知道的人反而不多。

原文链接：[链接] 回顾：使用 Gatsby.js 搭建静态博客 2 实现分页 修复代码高亮 为了测试样式，随便找一个以前的 .md 文件粘贴到 blog 项目中渲染看看效果： emmm，问题大了，必备的代码高亮都没有... 但是当我审查元素时发现，这竟然是已经被分词的状态，又经过一系列的资料搜集，发现 prismjs 已经预装到项目中，那么...

原文地址：[链接] 使用 Gatsby.js 搭建静态博客 1 关键文件 <- 本文将会介绍如何为初始项目添加分页功能。 理解页面创建原理 上一篇的 gatsby-node.js 介绍部分已经说明了页面生成的方法。 未修改前，首页 index.js 存在于 pages 文件夹，不需要在 gatsby-node.js 使用 createPage 函数生成，因为 createPage 多用于...

静态博客之前也有搭建过，不过使用 Hexo 一键生成的，其实当时也有考虑过 Gatsby，不过这个框架搭建博客入门还是比较难的，前置知识点包括 react 和 graphQL。

这篇文章将会介绍只用 CSS 就能制作像素画·像素动画的方法。虽说纯 CSS 就能做到，但是为了更高的可维护性，也会顺便介绍使用 Sass 的制作方法。

熟悉前端开发的大家都一定知道 iconfont.cn，在网站下载图标集，会自带教程告诉你如何在网页使用 iconfont。但是在 React Native 中，跟网页使用的步骤就不同了。我最开始百度出来的文章，不少都推荐借用 react-native-vector-icons，但是我觉得这一步还是增加了不少无用代码。其实使用 iconfont，本质上就是使用一种“图...

PWA（Progressive Web Apps）虽然是网页应用，但是可以带来媲美原生的用户体验，其中包含离线可用，后台推送等功能。PWA 不是一个新名词，早在 2015 年已经提出这个思想，但是直到 iOS12 的发布，PWA 终于可以在 iOS 中添加到主屏，只有安卓和 iOS 都能使用 PWA 的基本功能，它才算是真的开始走近大众。想了解 PWA，可以...

原文链接：[链接]翻译计划：[链接]附言：因为发现书中一些内容单独放出来会比较尴尬，所以会跳过部分章节，当然完整版会全部翻译，已经正在研究原版的网站搭建工程了

在开始之前，请确保你使用的是 Node 的最新版本。至少是最新的 LTS（长期支持）版本，本书的配置基于 LTS 版本所写，你的终端需要有 node 和 npm 命令，Yarn 也是一个不错的选择，也适用于本教程。

原文链接：[链接]翻译计划：[链接] 涉及到的未翻译单词 input 输入 output 输出 entry 入口文件 bundle 包（打包结果） Webpack 是模块打包器。它可以在打包的同时使用任务运行器。然而，由于社区开发的 webpack 插件，打包器和任务运行器之间的界限变得模糊。有时，这些插件甚至独立于 webpack 使用，例如清理构建目录...

最近在深入学习 webpack，发现了一本不得了的开源书籍，从入门到每个细节，再到进阶，基本都涵盖了。现在我们使用 webpack 基本是借助脚手架之力，拿来即用。我也同意 webpack 配置是不应该背的，但是我们应该了解构成 webpack 配置的每一个部件负责的内容，而这本书对此是讲的恰到好处，所以必须强烈安利一下！各位 web...

无限期更新前端的一些坑，一些记录，一些冷知识[链接] 大概从 17 年的六月份开始记录吧，也已经一年了，其中也包含了一些很简单的知识，以前还觉得挺难的，现在看起来有点谜之感慨... JavaScript 所有对象都有 __proto__ 属性，都指向创造对象的函数对象的 prototype。 上传文件要使用 formdata 包装。 Promise.prototyp...

来源于 现代 JavaScript 教程 垃圾回收章节虽然在 JavaScript 中不用自己管理内存，但是了解原理可以在关键时候快速搜索到解决办法，毕竟很多时候遇到问题是连搜索什么关键词都想不起来呀 ?

原文：[链接]在博客阅读：[链接]Class 继承与 superclass 可以 extends 自另一个 class。这是一个不错的语法，技术上基于原型继承。要继承一个对象，需要在 {..} 前指定 extends 和父对象。这个 Rabbit 继承自 Animal： {代码...} 如你所见，如你所想，extend 关键字实际上是在 Rabbit.prototype 添加 [Prototype]]，引...

关键字Closure 闭包Lexical Environment 词法环境Environment Record 环境记录outer Lexical Environment 外部词法环境global Lexical Environment 全局语法环境

2015年七月，我在德州奥斯丁出席了一个JavaScript大会。台上的是Jake Archibald，我当时只知道他是一个讲了一些 bathroom matter 的有趣英国人（18.07.20 更新！！感谢这个视频让我意识到这个 bathroom matter 应该是指口音问题）。但是后来我才知道，他可是定制Service Worker规范的大人物。演讲地址台上他围绕着他对用...

原文 Vue.js Internals: How computed properties work 这篇文章我们我会用很简单的方法来实现类似计算属性的效果，以此学习Vue.js的计算属性的运行机制。 这个例子只说明运行机制，不支持对象、数组、watching/unwatching等Vue.js已实现的一大堆优化 看完源代码带着我有限的理解写的这篇文章，可能会有一些错误，如发现...

我们可以将同一函数定义为一个 method 而不是一个计算属性。对于最终的结果，两种方式确实是相同的。然而，不同的是计算属性是基于它们的依赖进行缓存的。计算属性只有在它的相关依赖发生改变时才会重新求值。这就意味着只要 message 还没有发生改变，多次访问 reversedMessage 计算属性会立即返回之前的计算结果，而不...

后端写好，前端写好，postman测试做好，一切都没有问题，但是实际用axios来实现登陆功能的时候问题就来了....什么情况？登陆根本用不了啊！每次都提示我没有登陆！代码没问题啊，postman都测试过了迷茫这去找谷歌百度帮助...发现问题是...

之所以会出现回调地狱，是因为我们写JavaScript一般是视觉上的从上到下书写。很多人犯了这个错误！在例如C、Ruby或者Python等其他语言，在第二行代码运行之前，第一行代码肯定已经运行完了。然而如后面所说的，JavaScript是不同的。

1.对象字面量 最常用的最方便的创建方法，如下所示 {代码...} 其实字面量是使用object.create的快捷方式，下面代码与上面等价 {代码...} 2.new Object() {代码...} 当我们讨论到new Object()，实际上我们在讨论new运算符，new运算符实际上做了一下工作 2.1创建一个新对象 {代码...} 2.2将新创建的对象的构造函数链接到函...

本功能适用于浏览器正在写一个web app，经常用到comfirm，为了UI的整体一致，还是想自己写一个component。第一次尝试，感觉是个失败经历了......