原创 React 基礎入門 (一)

前面的話 這是一篇算React入門級的文章,初次接觸React,有問題請指出~~~。 安裝方式 這裏介紹搭建一個 react 項目的兩種方式: CDN鏈接 和 官方推薦的 create-react-app 腳手架 CDN 鏈接 創

原创 看完這篇你一定懂 --- Webpack4 打包優化

前面的話 Webpack升級4之後,小柒踩過的很多坑,這篇文章總結Webpack4的一些新特性,以及常見的優化方式。 Webpack4 新特性 不再強制需要webpack.config.js配置文件。默認入口爲./src/in

原创 4 / 9 Vuex的使用,及其原理

前面的話 前端日問,鞏固基礎,不打烊!!! 解答 組件之間的通信方式有很多種,Vuex解決了非父子組件通信消息傳遞,一般適合用於大項目,如果項目不大,涉及的組件通信方式不多,可以採用$.attrs與$.listeners. Vue

原创 4 / 8 node中的 setTimeout 和 setImmediate 有什麼區別

前面的話 前端日問,鞏固基礎,不打烊!!! 解答 首先兩者都是定時器,在node中有4種定時器: setTimeout setInterval setImmediate process.nextTick 在node中,I/O處

原创 3 / 27 vuex爲什麼把異步操作封裝在actions,把同步操作放在mutations?

前面的話 前端日問,鞏固基礎,不打烊!!! 解答 參照尤大大的回答,小柒總結一下: mutations裏的同步意義在於,每個mutation執行完畢之後,可以得到對應的狀態,使用devtools可以跟蹤狀態的變化 如果是異

原创 3 / 26 看完這篇你一定懂computed的原理

前面的話 前端日問,鞏固基礎,不打烊!!! 解答 如有錯誤歡迎指出,感謝!!! 提出問題 提出幾個問題: computed 是如何初始化的? 爲何data值的變化computed會重新計算? 爲什麼computed值是緩存的呢?

原创 樹 --- Leecode 101 判斷是否是對稱樹 (Easy)

題目 給定一個二叉樹,檢查它是否是鏡像對稱的。 例如,二叉樹 [1,2,2,3,4,4,3] 是對稱的。 1 / \ 2 2 / \ / \ 3 4 4 3 但是下面這個 [1,2,2,null,3

原创 4 / 2 說說你對vue的extend(構造器)的理解,它主要是用來做什麼的?

前面的話 前端日問,鞏固基礎,不打烊!!!每天花20分鐘鞏固,思考總結。 解答 我們所創建的實例都是通過new Vue()的形式創建出來的。在一些特殊情況下,我們要動態的去創建Vue實例,Vue提供了Vue.extend和$mou

原创 4 / 11 詳講cors跨域資源共享

前面的話 前端日問,鞏固基礎,不打烊!!! 解答 之前小柒也總結過九種跨域方法(裏面有相關實例),這篇文章參考阮一峯老師的文章詳細梳理一下cors。 簡述 cors - 跨域資源共享,需要瀏覽器和服務器同時支持, 這種通信方式原理

原创 4 /10 Vue中的路由懶加載

前面的話 前端日問,鞏固基礎,不打烊!!! 解答 爲什麼要進行懶加載? 如果不使用懶加載,首頁加載的內容就會很大,會出現長時間的白屏。運用懶加載可以實現按需加載,請求到該頁面時,纔會加載這個頁面。 三種實現方式 Vue的異步組

原创 前端也需要懂,負載均衡與Nginx反向代理

前面的話 常常聽說負載均衡與反向代理,通過這篇文章一起體驗一番。文章後面的小實例,可以體驗一把Nginx是如何負載均衡的。 正向代理 舉個例子: 比如你要直接訪問一個外網,但是被限制了,你只好去找一個代理服務器(這個代理服務器可以

原创 手把手教你搭建屬於自己的前端腳手架工具

前面的話 以前使用vue-cli,vue init webpack project-name一行命令就可以初始化一個我們自己的項目,小柒覺得好神奇,之後研究啦一下vue-cli,其實就是一個高級版的克隆。然後就決定自己實現一套屬於

原创 4 / 5 詞法作用域和動態作用域

前面的話 前端日問 ,鞏固基礎,不打烊!!! 解答 作用域:指程序源代碼中定義變量的區域。它規定了如何去查找變量。 JavaScript中採用的是詞法作用域,也就是靜態作用域。因爲JavaScript採用的是詞法作用域,所以函數的

原创 4 / 6 聊聊作用域鏈

前面的話 前端日問,鞏固基礎,不打烊!!! 解答 先來說幾個概念: 變量對象:保存了執行上下文中的變量和函數聲明。 在全局執行上下文中,變量對象就是全局對象(一般指window對象)。 在。 在函數執行上下文中,變量對

原创 3 / 31 vm.$set()實現原理是什麼?

前面的話 前端日問,鞏固基礎,不打烊!!! 解答 搞懂set原理要先搞懂響應式原理,如果不動響應式原理,可以先看小柒前面的文章。 受現代 JavaScript 的限制 (而且 Object.observe 也已經被廢棄),Vue