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


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


640?wx_fmt=png


640?wx_fmt=png640?wx_fmt=png

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


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


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

文章地址:

  【CSS】309- 复习 CSS盒模型

文章介绍:

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


640?wx_fmt=png2. 适配相关640?wx_fmt=png

文章地址:

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

文章介绍:

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


640?wx_fmt=png3. Canvas 相关640?wx_fmt=png

文章地址:

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

文章介绍:

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


640?wx_fmt=png4. JS 相关640?wx_fmt=png

文章地址:

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

文章介绍:

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


640?wx_fmt=png5. JS 基础相关640?wx_fmt=png

文章地址:

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

文章介绍:

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


640?wx_fmt=png6. 组件化相关640?wx_fmt=png

文章地址:

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

文章介绍:

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


640?wx_fmt=png7. ESLint 相关640?wx_fmt=png

文章地址:

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

文章介绍:

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


640?wx_fmt=png


▼原创系列推荐▼1.JavaScript 重温系列(22篇全)
2.ECMAScript 重温系列(10篇全)
3.JavaScript设计模式 重温系列(9篇全)
4.正则 / 框架 / 算法等 重温系列(16篇全)5.【汇总】59篇原创系列汇总

640?wx_fmt=png

640?wx_fmt=png你点的每个赞,我都认真当成了喜欢
posted @ 2019-08-12 07:08  王平安  阅读(110)  评论(0编辑  收藏  举报