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


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

【每周小回顾】2- 一起回顾上周精彩内容_严格模式_03

  日期:2019/08/05 - 2019/08/11


  在上周,【前端自习课】与大家分享了 7 篇文章,主要以复习知识点为主,其中复习了【CSS盒模型】【JS严格模式】【JS回流和重绘】你还有分享 2 篇项目构建相关,和实际问题的解决思路:


【每周小回顾】2- 一起回顾上周精彩内容_严格模式_04

1. CSS 相关

【每周小回顾】2- 一起回顾上周精彩内容_盒模型_05

文章地址:

  【CSS】309- 复习 CSS盒模型

文章介绍:

  本文通过多张分析图,介绍常见的标准盒模型,怪异盒模型,并通过实例来分享。文章后面还介绍了【BFC】和【IFC】基本概念和实现方式。


【每周小回顾】2- 一起回顾上周精彩内容_严格模式_04

2. 适配相关

【每周小回顾】2- 一起回顾上周精彩内容_盒模型_05

文章地址:

  【JS】310- 使用 focusout 事件,解决 iOS 键盘收起不归位问题

文章介绍:

  在我们实际开发移动端的 H5 页面时,经常会遇到了 iOS 上键盘收起时界面无法归位的问题。本文t通过多张截图和多段代码,详细描述该问题和症状。并提出多种解决方案分享。


【每周小回顾】2- 一起回顾上周精彩内容_严格模式_04

3. Canvas 相关

【每周小回顾】2- 一起回顾上周精彩内容_盒模型_05

文章地址:

  【Canvas】311- 解决 canvas 在高清屏中绘制模糊的问题

文章介绍:

  本文主要讲解了为 Retina 屏做 Canvas 的适配。因为在二倍屏,浏览器以 2 个像素点的宽度来渲染一个像素,该 canvas 在 Retina 屏幕下相当于占据了2倍的空间,相当于图片被放大了一倍,因此绘制出来的图片文字等会变模糊。


【每周小回顾】2- 一起回顾上周精彩内容_严格模式_04

4. JS 相关

【每周小回顾】2- 一起回顾上周精彩内容_盒模型_05

文章地址:

  【JS】312- 复习 JavaScript 严格模式(Strict Mode)

文章介绍:

  本文主要和我们一起复习 JS 的严格模式,文章也介绍了如何去开启严格模式,和严格模式带来的改变,虽然严格模式已经在 ES3 中删除,并在 ES5 开始被弃用,但是了解严格模式与普通模式(通常称为草率模式)下 JavaScript 代码之间的主要区别非常重要。。


【每周小回顾】2- 一起回顾上周精彩内容_严格模式_04

5. JS 基础相关

【每周小回顾】2- 一起回顾上周精彩内容_盒模型_05

文章地址:

  【JS】313- 复习 回流和重绘

文章介绍:

  回流和重绘是每个web开发者都经常听到的两个词,本文从浏览器渲染原理开始,结合实际案例,为我们解释了这两个过程。


【每周小回顾】2- 一起回顾上周精彩内容_严格模式_04

6. 组件化相关

【每周小回顾】2- 一起回顾上周精彩内容_盒模型_05

文章地址:

  【Web技术】314- 前端组件设计原则

文章介绍:

  组件化是现在前端开发的一个趋势,在设计组件时需考虑到很多方面,以便它们可以很好复用,组合,分离和低耦合,但说起来容易做起来却难,因为现实中我们往往没有足够的时间按照最优的方式去做。


【每周小回顾】2- 一起回顾上周精彩内容_严格模式_04

7. ESLint 相关

【每周小回顾】2- 一起回顾上周精彩内容_盒模型_05

文章地址:

  【Webpack】315- 手把手教你搭建基于 webpack4 的 vue2 多页应用

文章介绍:

  本文结合实际业务场景,给我们介绍了一个实际案例,让 webpack 更加智能,能根据不同页面打包,能兼容安卓 4.4 一下,等等。文章分析得不错,参考学习。。


【每周小回顾】2- 一起回顾上周精彩内容_盒模型_18


【每周小回顾】2- 一起回顾上周精彩内容_严格模式_19