update

17-前端综合/02-2019年Web前端最新导航.md

@@ -287,6 +287,10 @@ Sass 是成熟、稳定、强大的 CSS 扩展语言。入门文档可以看：<
 
 - **图片压缩**：<https://www.yasuotu.com/>
 
+- 图片转base64：<http://imgbase64.duoshitong.com/>
+
+
+
 - 在线PS：<https://www.photopea.com/>
 
 - 图片在线裁剪：<https://www.asqql.com/gifc/>

17-前端综合/2019年-前端日记.md

@@ -235,9 +235,34 @@ Object.assign(this.dataObj, dataObj);
 尤其要研究一下 `vertical-align: middle;`这个属性。
 
 
-### 2019-05-30
+### 2019-06-11
+
+已知某背景图片的尺寸是：586 * 931。现只截图图片的上面一部分区域（586 * 810）做展示。代码实现如下：
+
+标签部分：
+
+```html
+
+<div class="img"> </div>
+
+```
+
+css部分：（重点是 background 属性的写法）
+
+```css
+  .img{
+      width: 586rpx;
+      height: 810rpx;
+      background: url('https://img11.360buyimg.com/jdphoto/s586x931_jfs/t1/27766/15/3237/102443/5c258955Ee307620e/21a744b0d2e065b3.png') 0 0/cover no-repeat;
+      margin: 0 auto;
+  }
+
+```
+
+
+
+
 
-`arr1.push(arr2)` 和