每周记录---第一期

这里记录下我所学了的东西，还有有趣的事情。

这周星期五 去面试红尾猫，待遇是微信虎牙4399的两倍实习工资。可惜的是我自身能力不够，面试的过程也很开心，技术经理觉得我不合适
，也给了我路费。(技术经理委婉的说法： 有候选人面试比你早点 。或许是真的这样才不用我，那我下次收到电话就早点来吧，毕竟这个拖了5天 ，也感觉我去面试的时候，他们已经有人了，不好意思直接拒绝我。)

我所要去补的： vue源码全套 vue-cli 2.0 3.0 (我记错了 没有4.0 是webpack4.0 vue-cli 3.0兼容 4.0 webpack) 的区别 跨域（面试的时候我答不上… 因为两个月前学的跨域ruanf的文章） XSS CSRF 复习下

我感觉自己要去学习的： e2e单元测试 熟悉webstorm 熟悉习惯使用ESlint 学习jest

这半年我都过得很不开心，很多挫折。
可是这些我都没有想过放弃(嘛… 也被人劝退过)
为嘛我不放弃？ 抱歉，我是抖M，这些事经历得越多，我心理就越爽。

一。有趣的事情

长时间坚持做一件事是怎么样的体验？

长时间坚持做一件事是怎么样的体验？

我想说的是… 我之前玩的一个叫零用钱大作战，我玩不过我表弟是什么回事？ 他6k分 ， 我40k分。
某一次我和他玩的时候，我放狠话说你不可能打得过我的，如果你打得过我就… 然后各种嘲讽。
最后我竟然玩不过他…
然后后面几天又继续玩这个游戏，玩不过他是因为手感问题吗？
输给他后，我也反思过，不是手速问题，手感虽然也有一定影响，这个游戏其实更加讲究的是方法。
分析得出方法后，我尝试去打败那些国家分段的人，甚至也没有怎么输过。
给我感受的是，学习过程中，总结也是很重要的，这就是为什么有些人成长快，有些人成长慢，
我们也要放得下自己，输了，该总结下了。

2012刚开始画画

2016上海市动漫大赛一等奖

二。新闻

firefox 更新了几个开发者使用的工具(62)

Firefox 62 – Tools Cool for School!

css-shape 控制文档流工具 、可视化设置font-szie、:screenshot –dpr 0.5 对网页进行截图(输入控制台)、
3-column mode。

firefox 媒体播放

  navigator.mediaDevices.getUserMedia({ audio: true, video: true })
.then(function(stream) {
  if ("srcObject" in video) {
    videoEl.srcObject = stream;
  } else {
    videoEl.src = URL.createObjectURL(stream);
  }
});
  

三。技术教程

js内存管理

本文介绍了Arraybuffer，ShareArrayBuffers，直接操作内存的问题(webworker)。三篇文章 ES8--ShareArrayBuffers

带你彻底弄懂Event Loop

mecrotask,microtask。UI render。NodeJS中的Event Loop。

axios设计一个简单的Loading logo过度

题主并没有解决多个请求，会使Loading提前消失的问题。
如果多个请求的情况下，如果是async的，那么直接final()设置成true就可以了。
如果不是，那么使用Promise.race([])。
题主的方法，只适合单个请求。不是单个请求的情况下请使用Promise。
顺便说一下axios没有this。所以在拦截器使用Promise就不行了。你使用箭头函数来传入this，倒不如直接来。

前端每日实战：107# 视频演示如何用纯 CSS 创作一只单眼怪兽

对于不太熟悉动画的，这个很好理解。
transform: rotate(calc(10deg * var(--direction)));
这里可以了解下css自定义变量
github

代码视频网站教程，可以复制视频中的代码

TCP UDP网络教程

四。工具

有了这 4 大特性，CDN 好用到飞起(又拍云 CDN)

没有了CommonsChunkPlugin，咱拿什么来分包

五。小知识

object.observe被废弃了怎么办?
使用proxy.set(target, propKey, reeiver)。
异步修改使用Promise.resolve()。

ECMAScript modules in browsers --- always-cors

   script type="module"
import 'https://….now.sh/no-cors';
	

这不是普通的script 里面的import也是，他们需要Access-Control-Allow-Origin:* || your site
CORS 使用vue-cli的 时候 记住去配置 crossorigin :use-credentials
可是奇怪了... --modern 是build的时候的 我们为嘛需要development的东西？这里留坑。除非是babel poloyfill useBuiltIns: 'usage'

六。我所理解错的，或者是忘记的

1.我以为Promise( () =>{ 这里也是mecrotesk } )。这就是为嘛需要Promise.resolve().then()的原因

2.style lang="scss"