From 5d8bf5c079cb1f9f2b967eb584d6b0de3d029036 Mon Sep 17 00:00:00 2001 From: qianguyihao Date: Fri, 14 Jun 2019 11:35:23 +0800 Subject: [PATCH] update --- ...de\347\232\204\344\275\277\347\224\250.md" | 6 ++-- ...31\346\263\225\347\247\257\347\264\257.md" | 27 +++++++++++++++++ ...00\346\226\260\345\257\274\350\210\252.md" | 4 +++ ...15\347\253\257\346\227\245\350\256\260.md" | 29 +++++++++++++++++-- 4 files changed, 61 insertions(+), 5 deletions(-) create mode 100644 "12-Vue\345\237\272\347\241\200/Vue.js\345\234\250\345\274\200\345\217\221\344\270\255\347\232\204\345\270\270\350\247\201\345\206\231\346\263\225\347\247\257\347\264\257.md" diff --git "a/00-\345\211\215\347\253\257\345\267\245\345\205\267/01-VS Code\347\232\204\344\275\277\347\224\250.md" "b/00-\345\211\215\347\253\257\345\267\245\345\205\267/01-VS Code\347\232\204\344\275\277\347\224\250.md" index cc600726..8e5a9d71 100644 --- "a/00-\345\211\215\347\253\257\345\267\245\345\205\267/01-VS Code\347\232\204\344\275\277\347\224\250.md" +++ "b/00-\345\211\215\347\253\257\345\267\245\345\205\267/01-VS Code\347\232\204\344\275\277\347\224\250.md" @@ -421,10 +421,8 @@ VS Code 默认支持 Emmet。更多 Emmet 语法规则，请自行查阅。 VS Code 有一个很强大的功能就是支持插件扩展。 - ![](http://img.smyhvae.com/20190418_1932.png) - 上图中，点击红框部分，即可在输入框里，查找你想要的插件名，然后进行安装。 我来列举几个常见的插件，这些插件都很实用。 @@ -435,11 +433,13 @@ VS Code 有一个很强大的功能就是支持插件扩展。 GitLens 在 Git 管理上有很多强大的功能，比如： +- 将光标放置在代码的当前行，可以看到这样代码的提交者是谁，以及提交时间。这一点，是 GitLens 最便捷的功能。 + - 查看某个 commit 的代码改动记录 - 查看不同的分支 -- 可以将两个 commit 进行代码对比，甚至可以将两个 branch 分支进行代码比对。这一点，简直是 GitLens 最强大的功能。 +- 可以将两个 commit 进行代码对比，甚至可以将两个 branch 分支进行整体的代码比对。这一点，简直是 GitLens 最强大的功能。 ### RemoteHub diff --git "a/12-Vue\345\237\272\347\241\200/Vue.js\345\234\250\345\274\200\345\217\221\344\270\255\347\232\204\345\270\270\350\247\201\345\206\231\346\263\225\347\247\257\347\264\257.md" "b/12-Vue\345\237\272\347\241\200/Vue.js\345\234\250\345\274\200\345\217\221\344\270\255\347\232\204\345\270\270\350\247\201\345\206\231\346\263\225\347\247\257\347\264\257.md" new file mode 100644 index 00000000..3015153c --- /dev/null +++ "b/12-Vue\345\237\272\347\241\200/Vue.js\345\234\250\345\274\200\345\217\221\344\270\255\347\232\204\345\270\270\350\247\201\345\206\231\346\263\225\347\247\257\347\264\257.md" @@ -0,0 +1,27 @@ + + +### 001、对象的赋值 + +（1）在 store 中定义一个对象： + +```javascript + userInfo: { + pin: '', + nickName: '', + avatarUrl: DEFAULT_AVATAR, + definePin: '', + isbind: true + }, +``` + +（2）从接口拿到数据后，给这个对象赋值： + +```javascript + this.userInfo = { + ...this.userInfo, + pin: res.base.curPin, + nickName: res.base.nickname, + avatarUrl: res.base.headImageUrl ? res.base.headImageUrl : DEFAULT_AVATAR, + definePin: res.definePin + } +``` \ No newline at end of file diff --git "a/17-\345\211\215\347\253\257\347\273\274\345\220\210/02-2019\345\271\264Web\345\211\215\347\253\257\346\234\200\346\226\260\345\257\274\350\210\252.md" "b/17-\345\211\215\347\253\257\347\273\274\345\220\210/02-2019\345\271\264Web\345\211\215\347\253\257\346\234\200\346\226\260\345\257\274\350\210\252.md" index ebab8736..b3486861 100644 --- "a/17-\345\211\215\347\253\257\347\273\274\345\220\210/02-2019\345\271\264Web\345\211\215\347\253\257\346\234\200\346\226\260\345\257\274\350\210\252.md" +++ "b/17-\345\211\215\347\253\257\347\273\274\345\220\210/02-2019\345\271\264Web\345\211\215\347\253\257\346\234\200\346\226\260\345\257\274\350\210\252.md" @@ -287,6 +287,10 @@ Sass 是成熟、稳定、强大的 CSS 扩展语言。入门文档可以看：< - **图片压缩**： +- 图片转base64： + + + - 在线PS： - 图片在线裁剪： diff --git "a/17-\345\211\215\347\253\257\347\273\274\345\220\210/2019\345\271\264-\345\211\215\347\253\257\346\227\245\350\256\260.md" "b/17-\345\211\215\347\253\257\347\273\274\345\220\210/2019\345\271\264-\345\211\215\347\253\257\346\227\245\350\256\260.md" index b2b36326..7ce482fe 100644 --- "a/17-\345\211\215\347\253\257\347\273\274\345\220\210/2019\345\271\264-\345\211\215\347\253\257\346\227\245\350\256\260.md" +++ "b/17-\345\211\215\347\253\257\347\273\274\345\220\210/2019\345\271\264-\345\211\215\347\253\257\346\227\245\350\256\260.md" @@ -235,9 +235,34 @@ Object.assign(this.dataObj, dataObj); 尤其要研究一下 `vertical-align: middle;`这个属性。 -### 2019-05-30 +### 2019-06-11 + +已知某背景图片的尺寸是：586 * 931。现只截图图片的上面一部分区域（586 * 810）做展示。代码实现如下： + +标签部分： + +```html + +
+ +``` + +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)` 和