日期:2019/08/05 - 2019/08/11前端
在上週,【前端自習課】與你們分享了 7 篇文章,主要以複習知識點爲主,其中複習了【CSS盒模型】【JS嚴格模式】【JS迴流和重繪】你還有分享 2 篇項目構建相關,和實際問題的解決思路:vue
文章地址:webpack
文章介紹:算法
本文經過多張分析圖,介紹常見的標準盒模型,怪異盒模型,並經過實例來分享。文章後面還介紹了【BFC】和【IFC】基本概念和實現方式。canvas
文章地址:設計模式
【JS】310- 使用 focusout 事件,解決 iOS 鍵盤收起不歸位問題瀏覽器
文章介紹:框架
在咱們實際開發移動端的 H5 頁面時,常常會遇到了 iOS 上鍵盤收起時界面沒法歸位的問題。本文t經過多張截圖和多段代碼,詳細描述該問題和症狀。並提出多種解決方案分享。組件化
文章地址:
【Canvas】311- 解決 canvas 在高清屏中繪製模糊的問題
文章介紹:
本文主要講解了爲 Retina 屏作 Canvas 的適配。由於在二倍屏,瀏覽器以 2 個像素點的寬度來渲染一個像素,該 canvas 在 Retina 屏幕下至關於佔據了2倍的空間,至關於圖片被放大了一倍,所以繪製出來的圖片文字等會變模糊。
文章地址:
【JS】312- 複習 JavaScript 嚴格模式(Strict Mode)
文章介紹:
本文主要和咱們一塊兒複習 JS 的嚴格模式,文章也介紹瞭如何去開啓嚴格模式,和嚴格模式帶來的改變,雖然嚴格模式已經在 ES3 中刪除,並在 ES5 開始被棄用,可是瞭解嚴格模式與普通模式(一般稱爲草率模式)下 JavaScript 代碼之間的主要區別很是重要。。
文章地址:
文章介紹:
迴流和重繪是每一個web開發者都常常聽到的兩個詞,本文從瀏覽器渲染原理開始,結合實際案例,爲咱們解釋了這兩個過程。
文章地址:
文章介紹:
組件化是如今前端開發的一個趨勢,在設計組件時需考慮到不少方面,以便它們能夠很好複用,組合,分離和低耦合,但提及來容易作起來卻難,由於現實中咱們每每沒有足夠的時間按照最優的方式去作。
文章地址:
【Webpack】315- 手把手教你搭建基於 webpack4 的 vue2 多頁應用
文章介紹:
本文結合實際業務場景,給咱們介紹了一個實際案例,讓 webpack 更加智能,能根據不一樣頁面打包,能兼容安卓 4.4 一下,等等。文章分析得不錯,參考學習。。