【每周小回顾】8- 一起回顾上周精彩内容

640?wx_fmt=png
点击上方“前端自习课”关注,学习起来~

640?wx_fmt=png

640?wx_fmt=png
640?wx_fmt=png

  日期:2019/09/16 - 2019/09/22

  在上周,【前端自习课】与大家分享了 7 篇文章,主要以介绍知识为主,其中分享了我自己整理的《Webpack4 入门手册》和《CSS实现宽高等比自适应容器》,更多内容:

640?wx_fmt=png
1. Vuejs 相关
640?wx_fmt=png

文章地址:

  

文章介绍:

  vue2.0加入了virtual dom,有向react靠拢的意思。vue的diff位于patch.js文件中,该算法来源于snabbdom,复杂度为O(n)。了解diff过程可以让我们更高效的使用框架。 本文力求以图文并茂的方式来讲明这个diff的过程。

640?wx_fmt=png
2. CSS 相关
640?wx_fmt=png

文章地址:

  

文章介绍:

  本文只用了一个div来做的小动画,纯粹利用CSS3的animation来完成,就像是一个正方形在地上弹跳,碰到地面的时候尖角还会压缩变圆,阴影的部分也会随着正方形升高而缩小,至于到底该怎么完成呢?让我们一起看下本文。

640?wx_fmt=png
3. Web 技术相关
640?wx_fmt=png

文章地址:

  

文章介绍:

  本文为大家科普一下 CDN 咯~。

640?wx_fmt=png
4. React 相关
640?wx_fmt=png

文章地址:

    

文章介绍:

  本文主要分为 4 部分,主要是结合源码对 react事件机制的原理进行分析,希望可以让读者对 react事件机制有更清晰的认识和理解。

640?wx_fmt=png
5. 架构 相关
640?wx_fmt=png

文章地址:

    

文章介绍:

  基础框架架构就是为解决这些问题所设计的,本文介绍了对应用的架构做相关的设计和优化,可以快速复用扩展、减少网状耦合、减少开发时间成本、减少测试成本等。基础框架架构就是为解决这些问题所设计的。

640?wx_fmt=png
6. 优化 相关
640?wx_fmt=png

文章地址:

   

文章介绍:

  本文介绍了 8 个常见的前端性能优化方案,值得复习复习

640?wx_fmt=png
7. CSS 相关
640?wx_fmt=png

文章地址:

    

文章介绍:

  自定义属性是一个很有魅力的 CSS 新特性,现代浏览器广泛 支持。但是遇到那些不支持 CSS Custom Properties 的老掉牙浏览器我们该怎么办?等着这些浏览器死翘翘了再支持,还是使用预处理武装 CSS?又或者强硬起来,对它们一笑了之?

640?wx_fmt=png

原创系列推荐



4. 
5. 
6. 
7. 

640?wx_fmt=png

回复“加群”与大佬们一起交流学习~

640?wx_fmt=png
点这,与大家一起分享本文吧~
posted @ 2019-09-23 07:08  王平安  阅读(73)  评论(0编辑  收藏  举报