Site updated: 2019-03-12 16:02:35

2018/10/08/first-blog/index.html

@@ -7,14 +7,14 @@
     <meta name="HandheldFriendly" content="True">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <meta name="description" content="congratulations&amp;emsp;&amp;emsp;首先，很高兴自己终于加入了博客的大家庭。以前看到别人的博客时，非常羡慕，但自己始终没有勇气迈出这一步。原因有二：  其一是自己偷懒，认为自己不会搭建博客，想等到学得差不多了再去搭建自己的博客 其二是因为自己确实太菜，会的东西太少，不知道自己能写点什么  开始&amp;emsp;&amp;emsp;让我立志开始写博客的主要的契机是在找工作的时候不太顺利，到目前为">
-<meta name="keywords" content="Thoughts">
+<meta name="keywords" content="thoughts">
 <meta property="og:type" content="article">
 <meta property="og:title" content="my first blog">
 <meta property="og:url" content="http://yoursite.com/2018/10/08/first-blog/index.html">
 <meta property="og:site_name" content="Jaakko">
 <meta property="og:description" content="congratulations&amp;emsp;&amp;emsp;首先，很高兴自己终于加入了博客的大家庭。以前看到别人的博客时，非常羡慕，但自己始终没有勇气迈出这一步。原因有二：  其一是自己偷懒，认为自己不会搭建博客，想等到学得差不多了再去搭建自己的博客 其二是因为自己确实太菜，会的东西太少，不知道自己能写点什么  开始&amp;emsp;&amp;emsp;让我立志开始写博客的主要的契机是在找工作的时候不太顺利，到目前为">
 <meta property="og:locale" content="default">
-<meta property="og:updated_time" content="2019-02-15T08:29:06.739Z">
+<meta property="og:updated_time" content="2019-03-12T07:49:31.757Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="my first blog">
 <meta name="twitter:description" content="congratulations&amp;emsp;&amp;emsp;首先，很高兴自己终于加入了博客的大家庭。以前看到别人的博客时，非常羡慕，但自己始终没有勇气迈出这一步。原因有二：  其一是自己偷懒，认为自己不会搭建博客，想等到学得差不多了再去搭建自己的博客 其二是因为自己确实太菜，会的东西太少，不知道自己能写点什么  开始&amp;emsp;&amp;emsp;让我立志开始写博客的主要的契机是在找工作的时候不太顺利，到目前为">
@@ -143,7 +143,7 @@ <h1 class="posttitle" itemprop="name headline">
 
     <div class="article-tag">
         <i class="fa fa-tag"></i>
-        <a class="tag-link" href="/tags/Thoughts/">Thoughts</a>
+        <a class="tag-link" href="/tags/thoughts/">thoughts</a>
     </div>
 
 

2018/10/11/面向对象编程(一)：原型及原型链/index.html

@@ -7,7 +7,7 @@
     <meta name="HandheldFriendly" content="True">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <meta name="description" content="&amp;emsp;&amp;emsp;原型链被称为”JS 三座大山之一”，初学 JS 的我也是深受其困扰，陆陆续续看了许多博客与文档，终于对这方面的知识有一些自己的理解了。今天就来谈谈原型链。 &amp;emsp;&amp;emsp;我们按照下面这些顺序来解释原型链：  如何创建一个对象 构造函数 构造函数使用 new 创建一个对象过程 原型 原型链  如何创建一个对象？&amp;emsp;&amp;emsp;创建对象大致看来有三种方式： 1">
-<meta name="keywords" content="JS,面向对象,原型链">
+<meta name="keywords" content="js,原型链">
 <meta property="og:type" content="article">
 <meta property="og:title" content="面向对象编程 (一)：原型及原型链">
 <meta property="og:url" content="http://yoursite.com/2018/10/11/面向对象编程(一)：原型及原型链/index.html">
@@ -16,7 +16,7 @@
 <meta property="og:locale" content="default">
 <meta property="og:image" content="https://s1.ax1x.com/2018/10/08/iJsvr9.png">
 <meta property="og:image" content="https://s1.ax1x.com/2018/09/22/inT8QH.png">
-<meta property="og:updated_time" content="2019-02-15T08:29:06.741Z">
+<meta property="og:updated_time" content="2019-03-12T07:52:01.481Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="面向对象编程 (一)：原型及原型链">
 <meta name="twitter:description" content="&amp;emsp;&amp;emsp;原型链被称为”JS 三座大山之一”，初学 JS 的我也是深受其困扰，陆陆续续看了许多博客与文档，终于对这方面的知识有一些自己的理解了。今天就来谈谈原型链。 &amp;emsp;&amp;emsp;我们按照下面这些顺序来解释原型链：  如何创建一个对象 构造函数 构造函数使用 new 创建一个对象过程 原型 原型链  如何创建一个对象？&amp;emsp;&amp;emsp;创建对象大致看来有三种方式： 1">
@@ -146,7 +146,7 @@ <h1 class="posttitle" itemprop="name headline">
 
     <div class="article-tag">
         <i class="fa fa-tag"></i>
-        <a class="tag-link" href="/tags/JS/">JS</a>, <a class="tag-link" href="/tags/原型链/">原型链</a>, <a class="tag-link" href="/tags/面向对象/">面向对象</a>
+        <a class="tag-link" href="/tags/js/">js</a>, <a class="tag-link" href="/tags/原型链/">原型链</a>
     </div>
 
 

2018/11/08/使用对象数组时碰到的问题/index.html

@@ -7,15 +7,15 @@
     <meta name="HandheldFriendly" content="True">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <meta name="description" content="发现问题昨天在搭建一个博客时，碰到这样一个问题： 有如下这样一个页面。可以看到，页面中有多个 a 标签。 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&amp;quot;en&amp;quot;&amp;gt;  &amp;lt;head&amp;gt;     &amp;lt;meta charset=&amp;quot;UTF-8&amp;quot;&amp;gt;     &amp;lt;meta name=&amp;quot;viewport&amp;qu">
-<meta name="keywords" content="对象,数组">
+<meta name="keywords" content="Object,Array">
 <meta property="og:type" content="article">
 <meta property="og:title" content="使用对象数组时碰到的问题">
 <meta property="og:url" content="http://yoursite.com/2018/11/08/使用对象数组时碰到的问题/index.html">
 <meta property="og:site_name" content="Jaakko">
 <meta property="og:description" content="发现问题昨天在搭建一个博客时，碰到这样一个问题： 有如下这样一个页面。可以看到，页面中有多个 a 标签。 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&amp;quot;en&amp;quot;&amp;gt;  &amp;lt;head&amp;gt;     &amp;lt;meta charset=&amp;quot;UTF-8&amp;quot;&amp;gt;     &amp;lt;meta name=&amp;quot;viewport&amp;qu">
 <meta property="og:locale" content="default">
 <meta property="og:image" content="https://s1.ax1x.com/2018/11/08/i7ylJf.png">
-<meta property="og:updated_time" content="2019-02-15T08:29:06.740Z">
+<meta property="og:updated_time" content="2019-03-12T07:51:43.195Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="使用对象数组时碰到的问题">
 <meta name="twitter:description" content="发现问题昨天在搭建一个博客时，碰到这样一个问题： 有如下这样一个页面。可以看到，页面中有多个 a 标签。 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&amp;quot;en&amp;quot;&amp;gt;  &amp;lt;head&amp;gt;     &amp;lt;meta charset=&amp;quot;UTF-8&amp;quot;&amp;gt;     &amp;lt;meta name=&amp;quot;viewport&amp;qu">
@@ -145,7 +145,7 @@ <h1 class="posttitle" itemprop="name headline">
 
     <div class="article-tag">
         <i class="fa fa-tag"></i>
-        <a class="tag-link" href="/tags/对象/">对象</a>, <a class="tag-link" href="/tags/数组/">数组</a>
+        <a class="tag-link" href="/tags/Array/">Array</a>, <a class="tag-link" href="/tags/Object/">Object</a>
     </div>
 
 

2018/11/28/使用-CSS-绘制三角形/index.html

@@ -7,7 +7,7 @@
     <meta name="HandheldFriendly" content="True">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <meta name="description" content="正确认识 border 形状我们几乎从一开始使用 CSS 的时候，就接触到了 border 这个属性，但是你真的了解它吗？好吧~也许你了解，但是我得说我从一开始是不知道的。那么，border 的形状到底是什么呢？我们来看一下：  因为日常使用场景里，我们几乎只会用到宽度较窄且同色的 border，所以我一直以为 border 是一条直线。当我们将 border-width 数值调大时，可以发现每">
-<meta name="keywords" content="CSS">
+<meta name="keywords" content="css">
 <meta property="og:type" content="article">
 <meta property="og:title" content="使用 CSS 绘制三角形">
 <meta property="og:url" content="http://yoursite.com/2018/11/28/使用-CSS-绘制三角形/index.html">
@@ -19,7 +19,7 @@
 <meta property="og:image" content="https://s1.ax1x.com/2018/12/02/FKVcLt.png">
 <meta property="og:image" content="https://s1.ax1x.com/2018/12/02/FKZCO1.png">
 <meta property="og:image" content="https://s1.ax1x.com/2018/12/02/FKZVYD.png">
-<meta property="og:updated_time" content="2019-02-15T08:29:06.740Z">
+<meta property="og:updated_time" content="2019-03-12T07:51:34.780Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="使用 CSS 绘制三角形">
 <meta name="twitter:description" content="正确认识 border 形状我们几乎从一开始使用 CSS 的时候，就接触到了 border 这个属性，但是你真的了解它吗？好吧~也许你了解，但是我得说我从一开始是不知道的。那么，border 的形状到底是什么呢？我们来看一下：  因为日常使用场景里，我们几乎只会用到宽度较窄且同色的 border，所以我一直以为 border 是一条直线。当我们将 border-width 数值调大时，可以发现每">
@@ -149,7 +149,7 @@ <h1 class="posttitle" itemprop="name headline">
 
     <div class="article-tag">
         <i class="fa fa-tag"></i>
-        <a class="tag-link" href="/tags/CSS/">CSS</a>
+        <a class="tag-link" href="/tags/css/">css</a>
     </div>
 
 

2018/12/06/webpack-入门/index.html

@@ -14,7 +14,7 @@
 <meta property="og:site_name" content="Jaakko">
 <meta property="og:description" content="基本安装新建项目文件夹、初始化 npm 以及在本地安装 webpack mkdir webpack-demo &amp;amp;&amp;amp; cd webpack-demo npm init -y npm install webpack webpack-cli --save-dev 新建目录 webpack-demo + |- /dist +   |- index.html + |- /src +   |-">
 <meta property="og:locale" content="default">
-<meta property="og:updated_time" content="2019-02-15T08:29:06.740Z">
+<meta property="og:updated_time" content="2019-03-12T07:50:36.588Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="webpack 入门">
 <meta name="twitter:description" content="基本安装新建项目文件夹、初始化 npm 以及在本地安装 webpack mkdir webpack-demo &amp;amp;&amp;amp; cd webpack-demo npm init -y npm install webpack webpack-cli --save-dev 新建目录 webpack-demo + |- /dist +   |- index.html + |- /src +   |-">

2018/12/10/webpack-react-antd-项目框架搭建/index.html

@@ -7,14 +7,14 @@
     <meta name="HandheldFriendly" content="True">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <meta name="description" content="本文参考：https://github.com/aweleey/webpack-antd-demo 在开发 webpack + react + adnt 构建的项目过程中，一直对整个项目架构是一知半解的，所以自己搭建一个项目框架，熟悉一下整个流程以及架构。并且记录下这个过程，便于自己以后查看。 说明目录结构webpack-react-demo ├── README.md">
-<meta name="keywords" content="webpack,react">
+<meta name="keywords" content="react,webpack">
 <meta property="og:type" content="article">
 <meta property="og:title" content="webpack + react + antd 项目框架搭建">
 <meta property="og:url" content="http://yoursite.com/2018/12/10/webpack-react-antd-项目框架搭建/index.html">
 <meta property="og:site_name" content="Jaakko">
 <meta property="og:description" content="本文参考：https://github.com/aweleey/webpack-antd-demo 在开发 webpack + react + adnt 构建的项目过程中，一直对整个项目架构是一知半解的，所以自己搭建一个项目框架，熟悉一下整个流程以及架构。并且记录下这个过程，便于自己以后查看。 说明目录结构webpack-react-demo ├── README.md">
 <meta property="og:locale" content="default">
-<meta property="og:updated_time" content="2019-02-15T08:29:06.739Z">
+<meta property="og:updated_time" content="2019-03-12T07:50:31.954Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="webpack + react + antd 项目框架搭建">
 <meta name="twitter:description" content="本文参考：https://github.com/aweleey/webpack-antd-demo 在开发 webpack + react + adnt 构建的项目过程中，一直对整个项目架构是一知半解的，所以自己搭建一个项目框架，熟悉一下整个流程以及架构。并且记录下这个过程，便于自己以后查看。 说明目录结构webpack-react-demo ├── README.md">

2018/12/19/使用 koa2 搭建服务器/index.html

@@ -14,7 +14,7 @@
 <meta property="og:site_name" content="Jaakko">
 <meta property="og:description" content="关于前后端路由区别：浅谈前后端路由与前后端渲染 目前，我在搭建一个包含前后端全套打包方案的工程时，碰到了一些问题，也学到了很多，在此记录下来，防止遗忘。 项目地址 准备初始化工程npm init -y 我这里使用 koa 来搭建服务器，之后会尝试用原生 nodejs 去实现一遍。 安装 koanpm install koa --save 搭建基本服务器新建我们的服务器文件并写入以下内容： serv">
 <meta property="og:locale" content="default">
-<meta property="og:updated_time" content="2019-02-15T08:29:06.740Z">
+<meta property="og:updated_time" content="2019-03-12T07:51:23.453Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="使用 koa2 搭建服务器">
 <meta name="twitter:description" content="关于前后端路由区别：浅谈前后端路由与前后端渲染 目前，我在搭建一个包含前后端全套打包方案的工程时，碰到了一些问题，也学到了很多，在此记录下来，防止遗忘。 项目地址 准备初始化工程npm init -y 我这里使用 koa 来搭建服务器，之后会尝试用原生 nodejs 去实现一遍。 安装 koanpm install koa --save 搭建基本服务器新建我们的服务器文件并写入以下内容： serv">

2019/01/15/截取页面中ajax请求/index.html

@@ -14,7 +14,7 @@
 <meta property="og:site_name" content="Jaakko">
 <meta property="og:description" content="场景有这样一个需求：在一个使用 ajax 的网页中，浏览器使用 ajax 向服务端发出一个 HTTP 请求，我们希望获取到该请求的所有信息的同时，还能获取到服务器的返回数据。 在开始之前，我们先回顾一下 ajax 请求。 ajax 请求有如下两种形式： $.ajax(url, settings)   // 两个参数 $.ajax(settings)    // 一个参数 第一种形式有两个参数，ur">
 <meta property="og:locale" content="default">
-<meta property="og:updated_time" content="2019-02-15T08:29:06.741Z">
+<meta property="og:updated_time" content="2019-03-12T07:51:56.957Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="截取页面中 ajax 请求">
 <meta name="twitter:description" content="场景有这样一个需求：在一个使用 ajax 的网页中，浏览器使用 ajax 向服务端发出一个 HTTP 请求，我们希望获取到该请求的所有信息的同时，还能获取到服务器的返回数据。 在开始之前，我们先回顾一下 ajax 请求。 ajax 请求有如下两种形式： $.ajax(url, settings)   // 两个参数 $.ajax(settings)    // 一个参数 第一种形式有两个参数，ur">

2019/01/25/React生命周期/index.html

@@ -7,15 +7,15 @@
     <meta name="HandheldFriendly" content="True">
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
     <meta name="description" content="React 生命周期分为 mount、update、unmount 三个阶段。每个阶段对应两个生命周期（unmount 除外）。在 update 阶段还存在两个特殊的周期 shouldcomponentUpdate 和 componentWillReceiveProps。  生命周期方法React v16.3.0 之前1. componentWillMount()  调用时期 在 render()">
-<meta name="keywords" content="js,React">
+<meta name="keywords" content="js,react">
 <meta property="og:type" content="article">
 <meta property="og:title" content="React生命周期">
 <meta property="og:url" content="http://yoursite.com/2019/01/25/React生命周期/index.html">
 <meta property="og:site_name" content="Jaakko">
 <meta property="og:description" content="React 生命周期分为 mount、update、unmount 三个阶段。每个阶段对应两个生命周期（unmount 除外）。在 update 阶段还存在两个特殊的周期 shouldcomponentUpdate 和 componentWillReceiveProps。  生命周期方法React v16.3.0 之前1. componentWillMount()  调用时期 在 render()">
 <meta property="og:locale" content="default">
 <meta property="og:image" content="https://user-gold-cdn.xitu.io/2017/5/18/358d2dd29728a85c55a2a171ea34a1b5?imageView2/0/w/1280/h/960/format/webp/ignore-error/1">
-<meta property="og:updated_time" content="2019-02-15T08:29:06.738Z">
+<meta property="og:updated_time" content="2019-03-12T07:49:50.456Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="React生命周期">
 <meta name="twitter:description" content="React 生命周期分为 mount、update、unmount 三个阶段。每个阶段对应两个生命周期（unmount 除外）。在 update 阶段还存在两个特殊的周期 shouldcomponentUpdate 和 componentWillReceiveProps。  生命周期方法React v16.3.0 之前1. componentWillMount()  调用时期 在 render()">
@@ -145,7 +145,7 @@ <h1 class="posttitle" itemprop="name headline">
 
     <div class="article-tag">
         <i class="fa fa-tag"></i>
-        <a class="tag-link" href="/tags/React/">React</a>, <a class="tag-link" href="/tags/js/">js</a>
+        <a class="tag-link" href="/tags/js/">js</a>, <a class="tag-link" href="/tags/react/">react</a>
     </div>