【每週小回顧】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你點的每一個贊,我都認真當成了喜歡
相關文章
相關標籤/搜索