原创 再和“面向對象”談戀愛 - 繼承(五)

通過上一篇文章想必各位老鐵已經熟悉了class了,這篇文章接着介紹繼承。面向對象裏最大的特點應該就屬繼承了。一個項目可能需要不斷的迭代、完善、升級。那每一次的更新你是要重新寫呢,還是在原有的基礎上改吧改吧呢?當然,不是缺心眼的人肯定都會在原

原创 你不知道的JavaScript運算符

運算符對於大家來說並不陌生,只要平時寫代碼就會頻繁用的到。可能平時大家只關注它們的使用層還停留在只知其用法的表面,但是運算符有一些鮮爲人知技能,明白以後會讓你掌握運算符的原理和運算符的奇技淫巧以及解決一些面試題 先來看一些面試題,請小夥伴本

原创 再和“面向對象”談戀愛 - 面向對象編程概念(三)

通過前兩篇文章,我們瞭解了對象的概念以及面向對象裏的相關概念等知識,那前面說了對象分類裏的前兩種,這篇文章要詳細去說第三種“自定義對象”,那真正的好戲這就來了! 面向對象編程概念 面向對象編程的概念非常早就有了,大多數的傳統語言都是面向對象

原创 再和“面向對象”談戀愛 - 對象簡介(一)

JavaScript中的面向對象是個老生常談的話題,但是依然有很多小夥伴處於懵逼的狀態。面試時候最擔心的就是被問到面向對象相關的內容,自己看過無數的資料,依然對面向對象百思不得其解。到底什麼是原型?什麼是構造函數?什麼是繼承。。。一提到這

原创 函數聲明與函數表達式

函數是JavaScript非常重要的一部分,它被稱爲第一等公民,可以看出它的地位是何等尊貴何等重要。根據我一貫的作風,會深入原理性的東西,那這篇文章主要來挖掘函數聲明與函數表達式相關知識。 在JavaScript中定義一個函數有四種方式

原创 Webpack 4.X 從入門到精通 - 第三方庫(六)

在開發的時候會時常用到第三方的庫或者框架,比如耳熟能詳的jquery。藉助它們能提高開發效率,但是如何在webpack中使用呢。這篇文章介紹兩個東西,如何使用第三方庫以及如何提取第三方庫。 使用第三方庫 1、在入口文件當中直接導入 安裝jQ

原创 Webpack 4.X 從入門到精通 - plugin(二)

通過上一篇文章,我們明白了webpack的兩個配置參數入口與出口,webpack會找到入口文件的地址,進去後一頓蹂躪,再通過你給的輸出地址就把編譯後的文件給你了。這篇文章接着去豐富webpack.config.js的內容,說一個參數叫plu

原创 再和“面向對象”談戀愛 - super(六)

在上一篇文章裏介紹了繼承,那其中說過一個很關鍵的東西想要繼承子類裏裏必需先調用一個super方法。而super的作用絕對是價值連城!同時super的作用還有多種,並且跟你的使用環境有關係。 1、當作函數使用 super被當作函數使用,這種情

原创 Webpack 4.X 從入門到精通 - entry與output(一)

回顧歷史 Web應用日益複雜,前端開發也發生了翻天覆地的變化變得盤根錯節,到今天已經非常複雜和龐大了!用html、css、javascript老老實實的寫個頁面的時代早已過去。而現在要完成工作需要藉助很多額外的東西,比如工程化、自動化等等。

原创 再和“面向對象”談戀愛 - 對象相關概念(二)

上一篇文章把對象的概念講解了一下,這篇文章要重點解釋最讓大家犯迷糊的一些概念,包括 構造函數 實例 繼承 構造函數的屬性與方法(私有屬性與方法) 實例的屬性與方法(共享屬性與方法) prototype(原型) __proto__(原型)

原创 Webpack 4.X 從入門到精通 - module(四)

概念 在webpack中任何一個東西都稱爲模塊,js就不用說了。一個css文件,一張圖片、一個less文件都是一個模塊,都能用導入模塊的語法(commonjs的require,ES6的import)導入進來。webpack自身只能讀懂js類

原创 Webpack 4.X 從入門到精通 - loader(五)

通過上一篇文章相信大家已經明白了loader的概念。那這篇文章繼續介紹一些常用loader,並展現它的強大之處 處理less less與sass的功能都一樣,這裏我就以less爲例,介紹其對應loader的用法。less的語法對於瀏覽器那是

原创 再和“面向對象”談戀愛 - class(四)

在上一篇文章裏我介紹了一下面向對象編程的概念,在最後終於喜出望外看到了ES6提供了類的概念了。那這個類如何去用,是這篇文章的主題。ES6給我們提供了一個class關鍵字。這個關鍵字跟以前的var let const很像,它們都是用做聲明的,

原创 Webpack 4.X 從入門到精通 - devServer與mode(三)

上一篇文章裏詳細介紹了一下插件的用法,這一篇文章接着豐富module.exports裏的屬性。如今的前端發展已經非常迅速了,伴隨而來的是開發模式的轉變。現在已經不再是寫個靜態頁面並放在瀏覽器裏打開預覽一下了。在實際的開發中會經常需要使用ht

原创 再和“面向對象”談戀愛 - 圖片預加載組件(七)

再和“面向對象”談戀愛 - 對象簡介(一)再和“面向對象”談戀愛 - 對象相關概念(二)再和“面向對象”談戀愛 - 面向對象編程概念(三)再和“面向對象”談戀愛 - class(四)再和“面向對象”談戀愛 - 繼承(五)再和“面向對象”談戀