原创 webpack引入第三方庫的方式，以及注意事項
一般情況下，我們不用擔心所使用的第三方庫，在npm管理倉庫中找不到。 如果需要某一個庫，如：jquery，可以直接運行npm install jquery腳本命令來安裝這個項目所需要的依賴； 然後，在使用jquery的模塊文件中，通過imp
2019-01-15 13:13:21
原创 webpack最小化lodash
lodash作爲一個比較常用的前端開發工具集，在使用webpack進行vendor分離的實踐中，會遇到將整個lodash文件分離到vendor.js的問題。這樣會使vendor.js文件變得特別大。 webpack.config.js文件代
2019-01-12 13:14:41
原创 構建多頁面應用——優化(二)
最近，一直嘗試使用webpack做多頁面應用的開發。並且一個實際的項目爲原型，實現對一個靜態的企業站進行優化。原站點地址，測試站點地址。 如果想要做一個自己個個人博客，或者企業官網來說，有一定的參考意義。 webpack的resolve.a
2019-01-08 13:18:51
原创 構建多頁面應用——hash
這裏的hash主要從兩個方面來說。一個是webpack生成的hash，另一個是頁面鏈接中的hash，如：http://localhost:8080/ywbk.html#restaurant中的#restaurant。後者在單頁面應用的路由處
2019-01-06 13:20:40
原创 構建多頁面應用——優化（一）
構建多頁面應用的過程中，需要優化代碼的結構。而優化代碼的結構，往往會使用函數化編程。可參考webpack4.x-demo。 在進行多頁面應用編程的過程中，webpack.config.js的代碼規模會隨着項目規模的增加而增加。 而造成web
2019-01-05 14:07:51
原创 構建多頁面應用——靜態資源的處理
在之前的系列文章中，我已經介紹瞭如何用webpack實現多頁面應用的js，html，css的處理。今天就主要介紹如何處理靜態資源，在web開發中最常見的靜態資源就是圖片。 圖片的引用方式 而因爲在web中，圖片有兩種主要的引入方式，第一種是
2019-01-02 13:30:35
原创 mongoose再認識（三）
今天，說一個常見的知識點插件。對於不熟悉mongoose的人可能會問mongoose中也有插件？這個別說還真的有。 那麼，在mongoose中的插件如何使用？ mongoose插件的使用 它和通常用的JavaScript的插件一樣，都是爲了
2018-12-25 22:14:57
原创 mongoose再認識（二）
在開發中，除了使用mongoose進行一些基本的操作外，就是一些技巧的使用。 文章接續mongoose再認識(一)，下文中使用代碼可參考這篇文章中的。 虛擬字段 虛擬字段，從字面意思就可以明白，它不是真正的字段，不存在與數據庫中，但是當使用
2018-12-23 13:14:40
原创 構建多頁面應用——模板
因爲大多數人都比較喜歡，或者說傾向於用js操作現有的html代碼塊，而不喜歡用js來生成html代碼塊，之後再來操作它。很明顯的一點兒就是前者清晰明瞭，後者不是那麼直觀。 因此在開發中，我們會接觸到模板後者模板引擎這樣概念。我們比較常見的就
2018-12-23 13:14:39
14
原创 mongoose 再認識(一)
mongoose 是一個ODM(Object Data Model)的庫，也叫做對象數據模型。那麼爲什麼說是對象數據模型呢？ 注：MongoDB或者Mongo是NoSQL類型的數據庫，也就是說是非關係型的數據庫。 它被用來處理數據，實現對象
2018-12-21 13:11:15
原创 用css3實現ps蒙版效果+動畫
說實話，css3越來越強大，使用css也可以做越來越多意想不到的效果。 今天，見到有人用css3實現了ps的蒙版效果，如下所示： 實現原理 這個動畫，其實也並不複雜。它使用background-clip實現了文字蒙版的效果，然後結合了背景
2018-12-20 13:12:02
原创 webpack 構建多頁面應用——初探
如何使用webpack構建多頁面應用，這是一個我一直在想和解決的問題。網上也給出了很多的例子，很多想法。猛一看，覺得有那麼點兒意思，但仔細看也就那樣。 使用webpack這個構建工具，可以使我們少考慮很多的問題。 我們常見的單頁面應用只有一
2018-12-20 13:12:02
原创 用css3實現ps蒙版效果
說實話，css3越來越強大，使用css也可以做越來越多意想不到的效果。 今天，見到有人用css3實現了ps的蒙版效果，如下所示： 實現原理 這個動畫，其實也並不複雜。它使用background-clip實現了文字蒙版的效果，然後結合了背景
2018-12-19 21:25:02
原创 webpack4.x的變化（二）
我之前寫過一篇文章webpack4帶來了什麼，這篇文章優點照貓畫虎的意思，文章中說明了一些什麼，但好像是還沒有說透，感覺不是那麼好，所以下定決心，在寫一篇，可能這一篇也有不足，但後續還會繼續補充。話不多說，下面進入正文。 webpack4.
2018-12-16 13:10:30
1
原创 爲什麼沒有 `<style src="">`
最近在Twitter上看到這樣一個有趣的話題，爲什麼現在用的是 <link rel="stylesheet" href=""> 引入外部共享的樣式文件，而不使用 <style src=""> ？詳情請點擊https://twitter.co
2018-12-11 21:54:57
2