原创 webpack多頁應用架構專題系列-一套配置喫天下
http://array_huang.coding.me/webpack-book/ 一步一步解決架構痛點 這系列文章講什麼？ 本系列文章主要介紹如何用webpack這一當前流行的構建工具來設計一個多頁應用的架構。請注意，本文並非新手
2020-06-23 03:07:29
原创 webpack多頁應用架構 - 實戰webpack
怎麼打包公共代碼才能避免重複？ 前言 與單頁應用相比，多頁應用存在多個入口（每個頁面即一個入口），每一個入口（頁面）都意味着一套完整的js代碼（包括業務邏輯和加載的第三方庫/框架等）。在文章《webpack配置常用部分有哪些？》中，我介
2020-06-23 03:07:29
原创 Javascript閉包的幾種寫法及用途
一、什麼是閉包和閉包的幾種寫法和用法 1、什麼是閉包 閉包，官方對閉包的解釋是：一個擁有許多變量和綁定了這些變量的環境的表達式（通常是一個函數），因而這些變量也是該表達式的一部分。 閉包的特點： 1. 作爲一個函數變量的一
2020-06-23 03:07:29
原创 《JavaScript高級程序設計 第三版》學習筆記 （二）執行環境與作用域鏈
一、值和引用 1.基礎類型值：js中五個基礎類型unsigned、null、number、boolean、string，這些類型的變量名代表值；把這些變量當作參數傳遞給函數，解析器會複製一份形參給函數當局部變量用（注意，字符串也是傳的值，
2020-02-22 10:07:33
原创 《JavaScript高級程序設計 第三版》學習筆記 （三）引用類型詳解
一、引用類型 1.ECMAScript從技術上講是一門面嚮對象語言，但它不具備傳統的面嚮對象語言所支持的類和接口等基本結構。js中的對象，是某個特定引用類型的實例。新對象通過new操作符構造出來。構造函數本身也是一個普通函數，加new和不
2020-02-22 10:07:33
原创 《JavaScript高級程序設計 第三版》學習筆記 （一）數據類型詳解
http://blog.csdn.net/lbxx1984/article/details/38870111 一、基本概念 1.ECMAScript （1）這是一個標準，雖然是伴隨js而生的，但不意味着這就是js。這是用來規定語法、類型、
2020-02-22 10:07:33
原创 《JavaScript高級程序設計 第三版》學習筆記 （六） 函數與閉包詳解
一、函數聲明 1.函數的聲明語法：function funcName(){}。js執行前會把函數聲明載入，因此可以在調用之後聲明函數，不必向c語言一樣先聲明，再調用，然後寫實現。這個學名叫“函數聲明提升”。 2.函數的表達式語法：var
2020-02-22 10:07:33
原创 《JavaScript高級程序設計 第三版》學習筆記 （七） 內存泄漏詳解
一、內存泄漏 1.所謂內存泄漏，是指瀏覽器的垃圾回收機制無法正常回收沒用的DOM對象，根本原因是DOM對象的引用數大於0。 2.在IE9之前的版本，IE瀏覽器的DOM對象和JS對象使用了不同的垃圾回收機制。這是內存泄漏的根源。 3.瀏覽器
2020-02-22 10:07:33
原创 《JavaScript高級程序設計 第三版》學習筆記 （五） 繼承詳解
面嚮對象語言有兩種繼承方式：接口繼承（只繼承方法名）；實現繼承（繼承實際的方法）。但在ECMAScript中，函數名沒多大含義，只是函數體的引用而已，因此，ECMAScript無法實現接口繼承，只支持實現繼承。實現繼承，主要是依靠原型鏈來
2020-02-22 10:07:33
原创 《JavaScript高級程序設計 第三版》學習筆記 （四） 對象創建詳解
一、對象 1.ECMAScript把對象定義爲“一組沒有特定順序的值，這些值可以是基本值、對象或函數。”我們可以把js的對象想象成散列表，每個值對應這一個key。每個對象都是基於引用類型創建的，可以是前面提到的原聲引用類型，也可以是自定義
2020-02-22 10:07:33
原创 webpack多頁應用架構 - webpack的進階應用
如何打造一個自定義的bootstrap？ 前言 一般我們用bootstrap吶，都是用的從官網或github下載下來build好了的版本，千人一臉吶多沒意思。當然，官網也給我們提供了自定義的工具，如下圖所示，但每次要改些什麼就要重新在官
2018-08-30 00:43:31
原创 JS模塊化編程
1. 背景 JS的強大已經不用解釋了，從Web RIA到Node服務器，到處都是JS的身影。然而由於出身的緣故，JS本身在大規模應用上存在着很多問題，比如模塊化編程。本文以瀏覽器端模塊化編程爲內容，重點介紹AMD規範和CMD規範。在服
2018-08-30 00:43:30
原创 CSS 篩選器詳解
1.爲什麼要研究CSS篩選器？ 因爲想在頁面中控制一個元素的樣式太困難太麻煩了。使用內聯CSS基本上宣佈了放棄界面的可維護性；使用js修改樣式，寫不好的話，維護性也等同於零。而CSS樣式表是原生的維護性最好的外掛，好的樣式表，可以控制
2018-08-30 00:43:17
原创 CSS display & float詳解
一、display屬性 display屬性的作用是規定元素以什麼方式渲染。常用的值如下： none：不被渲染 block：以塊級元素渲染 inline：以內聯元素渲染 inline-block：以行內塊
2018-08-30 00:43:17
原创 webpack多頁應用架構專題系列-一套配置吃天下
http://array_huang.coding.me/webpack-book/ 一步一步解決架構痛點 這系列文章講什麼？ 本系列文章主要介紹如何用webpack這一當前流行的構建工具來設計一個多頁應用的架構。請注意，本文並非新手
2018-08-30 00:43:17