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


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


640?wx_fmt=png


640?wx_fmt=png 640?wx_fmt=png

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


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


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

文章地址:webpack

  【CSS】309- 复习 CSS盒模型web

文章介绍:算法

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


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

文章地址:设计模式

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

文章介绍:框架

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


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

文章地址:

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

文章介绍:

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


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

文章地址:

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

文章介绍:

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


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

文章地址:

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

文章介绍:

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


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

文章地址:

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

文章介绍:

  组件化是如今前端开发的一个趋势,在设计组件时需考虑到不少方面,以便它们能够很好复用,组合,分离和低耦合,但提及来容易作起来却难,由于现实中咱们每每没有足够的时间按照最优的方式去作。


640?wx_fmt=png 7. 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你点的每一个赞,我都认真当成了喜欢
相关文章
相关标签/搜索