diff --git a/00-前端工具/03-VS Code.md b/00-前端工具/03-VS Code.md
index 946d20b..99370df 100644
--- a/00-前端工具/03-VS Code.md	
+++ b/00-前端工具/03-VS Code.md	
@@ -106,7 +106,40 @@ Sass 文件格式化。
 
 - <https://github.com/varHarrie/varharrie.github.io/issues/10>
 
+### vscode-fileheader：添加顶部注释模板
 
+（1）安装插件vscode -fileheader，并重启。
+
+（2）在首选项-》设置-》中搜索fileheader，找到头部模板修改。
+
+默认的快捷键是：「Ctrl + option + I」。
+
+参考链接：
+
+- <https://www.zhihu.com/question/62385647>
+
+
+
+
+### Vue 相关的插件
+
+- vetur：vue 文件的基本语法高亮
+
+安装完 vetur 后还需要加上这样一段配置下：
+
+```
+"emmet.syntaxProfiles": {
+  "vue-html": "html",
+  "vue": "html"
+}
+```
+
+参考链接：
+
+- <https://www.clarencep.com/2017/03/18/edit-vue-file-via-vscode/>
+
+
+- <https://github.com/varHarrie/varharrie.github.io/issues/10>
 
 
 
diff --git a/03-JavaScript基础/21-常见代码解读.md b/03-JavaScript基础/21-常见代码解读.md
new file mode 100644
index 0000000..7ff8002
--- /dev/null
+++ b/03-JavaScript基础/21-常见代码解读.md
@@ -0,0 +1,27 @@
+
+### `callback && callback()`的含义
+
+```javascript
+callback && callback()
+```
+
+
+含义是：如果callback存在，则执行callback()函数。
+
+这个 callback 通常作为函数的参数使用。举例：
+
+
+```javascript
+function foo(callback) {
+    {
+        // do something 
+    }
+    callback && callback() // 不传 callback 参数，则不会执行 callback() 函数 
+}
+
+foo(); // 只执行do something中的代码 
+foo(callback);//callback是另一个函数，将此函数传入 foo，将会执行callback() 
+```
+
+
+
diff --git a/08-Ajax/01-服务器分类及PHP入门.md b/08-Ajax/01-服务器分类及PHP入门.md
index 4eac2bb..4f6031e 100644
--- a/08-Ajax/01-服务器分类及PHP入门.md
+++ b/08-Ajax/01-服务器分类及PHP入门.md
@@ -201,7 +201,7 @@ php 之所以被称为最好的语言，是因为：基本上，我们能够想
 
 1.php：
 
-```php
+```
 <?php
 	echo "hello smyhvae";
 ?>
@@ -221,7 +221,7 @@ php 之所以被称为最好的语言，是因为：基本上，我们能够想
 
 php 注释的写法跟 js 一致。
 
-```php
+```
 <?php
 	//这是单行注释
 	/*
@@ -239,7 +239,7 @@ php 注释的写法跟 js 一致。
 
 举例：
 
-```php
+```
 	$a1;
 	$_abc;
 ```
@@ -272,14 +272,14 @@ PHP支持的数据类型包括：
 
 说白了，单引号里的内容，一定是字符串。双引号里的内容，可能会进行解析。
 
-```php
+```
 	echo "<input type=`button` value=`smyhvae`>";
 ```
 
 上面这个语句，就被会解析成按钮。
 
 
-```php
+```
 	// 字符串
 	$str = '123';
 
diff --git a/09-Node.js/03-Webpack.md b/09-Node.js/03-Webpack.md
new file mode 100644
index 0000000..9577ea9
--- /dev/null
+++ b/09-Node.js/03-Webpack.md
@@ -0,0 +1 @@
+03-Webpack.md
\ No newline at end of file
diff --git a/20-前端综合/2018年-前端日记.md b/20-前端综合/2018年-前端日记.md
index b2adef9..4b5f4e2 100644
--- a/20-前端综合/2018年-前端日记.md
+++ b/20-前端综合/2018年-前端日记.md
@@ -43,7 +43,16 @@
 - 有必要了解一下电商1.0、电商2.0、电商3.0的概念。
 
 
-png
+### 2018-05-02
+
+- `location.pathname`：获取 url 的后半部分。参考链接：[#](http://www.cnblogs.com/itjeff/p/4645262.html)
+
+- 代码解读：`callback && callback()`的含义
+
+
+
+
+
 
 
 
diff --git a/21-Vue基础/00-Vue的介绍和vue-cli.md b/21-Vue基础/00-Vue的介绍和vue-cli.md
index b7c02b6..b07f499 100644
--- a/21-Vue基础/00-Vue的介绍和vue-cli.md
+++ b/21-Vue基础/00-Vue的介绍和vue-cli.md
@@ -304,7 +304,7 @@ $ vue init webpack VueDemo02
 ```
 cd /Users/smyhvae/Dropbox/workspace/Mac/VueDemo02
 
-cnpm install
+npm install
 ```
 
 备注：我们在 GitHub上下载的任何Vue有关的项目并没有包含 `node_modules`，第一步都是要首先执行 cnpm install，把 `node_modules`里的包下载下来。我们发给同事的工程文件，建议也不要包含 `node_modules`。
@@ -314,7 +314,7 @@ cnpm install
 （3）让项目跑起来：
 
 ```
-cnpm run dev
+npm run dev
 ```
 
 这个空的项目就可以在浏览器上跑起来。
@@ -327,7 +327,7 @@ cnpm run dev
 
 ## vue 项目结构分析
 
-![](http://img.smyhvae.com/20180303_1010.png)
+![](http://img.smyhvae.com/20180501_2100.png)
 
 - buid：打包配置的文件夹
 
@@ -381,7 +381,6 @@ cnpm run dev
 
 
 
-
 本文参考链接：
 
 - [Get全栈技能点 Vue2.0/Node.js/MongoDB 打造商城系统](https://coding.imooc.com/class/chapter/113.html)
diff --git a/推荐链接.md b/推荐链接.md
index 49002e1..b8f0b78 100644
--- a/推荐链接.md
+++ b/推荐链接.md
@@ -148,6 +148,11 @@
 - [Jerry和您聊聊Chrome开发者工具](https://mp.weixin.qq.com/s/CPnbx8ZfszPEcI3Y8RittA)
 
 
+### 2018-05-01
+
+- [What makes a good front end engineer](https://www.nczonline.net/blog/2007/08/15/what-makes-a-good-front-end-engineer/)
+
+