原创 webpack基礎篇-HtmlWebpackPlugin生成html(七)

我們現在的代碼裏,html中引入的index.js是手動寫入的,主要問題有: 我們打包好的文件有時候會帶有hash(接下來一章會講到),如果直接引入,則每次修改都需要手動修改引入。 HtmlWebpackPlugin讓你可以用此插

原创 wabpack基礎篇-watch監聽(六)

在前邊幾篇文章中,我們可以正常打包js、css、vue等文件,但是每次修改文件時都需要手動重新編譯,生成index.js文件。 webpack中提供watch可以解決這個問題。接下來我們來看下如何使用watch。 1,在webpa

原创 webpack解析es6(三)

webpack基礎篇-解析es6爲es5語法 上一節中,我們看webpack核心組成部門時,以解析.vue文件爲例進行的。 webpack原生支持js語法,但是es6有很多新特性,有些瀏覽器和webpack並不能很好的理解,這時需

原创 webpack解析圖片(四)

webpack解析圖片 如果我們直接引入的圖片是網上鍊接對應的圖片,那麼是可以不用圖片解析器的。 如果是在圖片放在本項目的路徑內引入就需要用的圖片解析器。常用的圖片解析器有file-loader和url-loader 當我們引入本

原创 webpack解析less、css(五)

webpack解析less、css 在項目裏我們引用css文件時,需要使用css-loader加載css文件轉化爲common.js對象,插入到代碼裏去。 還需要使用style-loader將樣式通過解析css 1,安裝css-l

原创 webpack核心概念entry、output、loader、plugins基礎用法(二)

webpack工作內容可以用官網的一個圖來表示 從圖中可以看出,webpack是現在js應用程序的靜態打包器,當webpack處理一個程序時,會逐步找到各個模塊的依賴關係形成依賴關係圖,然後把這些模塊打包成一個或者多個文件。 1

原创 webpack安裝入門(1)

webpack英文網站https://webpack.github.io/ 中文網站 https://www.webpackjs.com/concepts/entry-points/ webpack有什麼用: es6的語法轉化

原创 webpack核心概念entry、output、loader、plugins基礎用法(2)

webpack工作內容可以用官網的一個圖來表示 從圖中可以看出,webpack是現在js應用程序的靜態打包器,當webpack處理一個程序時,會逐步找到各個模塊的依賴關係形成依賴關係圖,然後把這些模塊打包成一個或者多個文件。 1

原创 mac電腦下載python新版本安裝後python快捷方式指向的還是老版本

mac電腦下載python新版本安裝後python快捷方式指向的還是老版本 mac電腦自帶python,其版本比較低,比如我的版本爲python2.7,這是就需要升級python。 1,升級步驟(簡略說一下,不懂得可以參考http

原创 js對象深度拷貝

js對象複製(深度和淺度拷貝) js中對象是引用數據類型,如果我們只是簡單的把對象A通過等號複製給對象B,那麼對象A、B指向的還是同一個地址,這是改變A,B也會跟着改變。 var A={a:1} var B=A; B.a=2; con

原创 es5、es6構造函數

es5、es6構造函數區別 1 、生成對象的constructor函數區別。 相同:es5和es6如果不定義constructor時,在新建new對象時都會默認生成。對象的constructor都指向構造函數也指向構造函數的protot

原创 微信小程序的工作原理

現階段的前端是框架橫行時期,小程序說白了也是在微信自己封裝的框架基礎上,開放了接口、api、頁面渲染功能,你可以在這個框架上寫頁面,寫業務邏輯,數據驅動視圖,調用手機底部接口。至於如何驅動,如何調用這些都不需要我們來關注。就像我們用rea

原创 微信小程序適合哪些場景

2017年1月9號,微信小程序經歷一年多時間正式發佈公測,張小龍發佈會上再一次闡述微信推出小程序的初衷:讓信息觸手可及,改變應用程序需要下載、安裝的繁瑣過程。 這也確定可小程序的定位:無須安裝、觸手可及、用完即走、無須卸載。 所以本文

原创 html轉化成圖片

在我們做h5頁面或者推廣小遊戲的時候,特別是在微信裏,爲了讓用戶更好的分享給朋友,往往需要將動態生成的html生成一個圖片,然後讓用戶長嗯保存發給朋友或者朋友圈。 先說下思路:將要生成的html元素逐一的加載到canvas畫布中,然後用