ARTS 第二周（2019.9.16~2019.9.22）

ARTS 第二周（2019.9.16~2019.9.22）

Algorithm 旋转数组

Review JS异步--async,await,promise,setTimeout 执行顺序

Tip 对于学习git的一些心得体会

Share:使用预渲提升SPA应用体验

Algorithm

输入: [-1,-100,3,99] 和 k = 2 输出: [3,99,-1,-100]

代码
var rotate = function(nums, k) {
   if (nums.length > 1) {
   let len = nums.length;
   k = k % len
   const reverse = (nums, i, j) => {
     let temp
     while (i < j) {
     temp = nums[i]
     nums[i] = nums[j]
     nums[j] = temp
     i++
     j--
    }
 }
 reverse(nums, 0, len-k-1)
 reverse(nums, len-k, len-1)
 nums.reverse()
}
};
Review：J6个有用的Vue开发技巧

https://juejin.im/post/5d861aabe51d4557ca7fde06

Tip: 设置图像在其容器内的适合度和位置，同时保留其宽高比
<img class="image image-contain" src="https://picsum.photos/600/200" />
<img class="image image-cover" src="https://picsum.photos/600/200" />
.image {
 background: #34495e;
 border: 1px solid #34495e;
 width: 200px;
height: 200px;
}
.image-contain {
object-fit: contain;
object-position: center;
}
.image-cover {
 object-fit: cover;
 object-position: right top;
}
Share: 从实际出发，前端如何解决需求问题！

https://juejin.im/post/5d8826126fb9a06ae43a31fd

Algorithm

输入: [-1,-100,3,99] 和 k = 2 输出: [3,99,-1,-100]

代码

var rotate = function(nums, k) { if (nums.length > 1) { let len = nums.length; k = k % len const reverse = (nums, i, j) => { let temp while (i < j) { temp = nums[i] nums[i] = nums[j] nums[j] = temp i++ j-- } } reverse(nums, 0, len-k-1) reverse(nums, len-k, len-1) nums.reverse() } };

Tip: 设置图像在其容器内的适合度和位置，同时保留其宽高比

<img class="image image-contain" src="https://picsum.photos/600/200" /> <img class="image image-cover" src="https://picsum.photos/600/200" />

.image { background: #34495e; border: 1px solid #34495e; width: 200px; height: 200px; } .image-contain { object-fit: contain; object-position: center; } .image-cover { object-fit: cover; object-position: right top; }

lyChai1995 / myobj