台部落周达

2020-06-09 15:36:29

在項目開發測試的時候，每次修改了代碼都要執行命令npm run build重新打包，非常繁瑣。通過搭建本地服務器，測試的時候能夠實時刷新，測試完成後，只在發佈的時候打包一次，避免了每次修改都要重新打包。首先，通過命令安裝本地服務器模塊，

2020-06-09 15:36:19

vue在使用時是通過el屬性與dom元素綁定，dom元素在html文件中，如果將dom元素都放在html文件中，隨着頁面的複雜，元素會越來越多，可讀性差，維護起來也不方便。因此，需要採用組件化的思想組織頁面元素。 el和template

2020-06-09 15:36:19

使用webpack打包的時候，如果有文件用到了圖片文件，同樣需要安裝相應的loader。例如，頁面背景引用一個圖片準備兩張圖片，一張大，一張小，因爲圖片的大小不同，webpack在打包的時候處理方式是不一樣的。圖片沒有超出限制大小

2020-05-26 12:51:11

1.css文件的配置如果要在打包的時候，將前端用到的css樣式文件一起打包，需要安裝相應的loader。新建一個main.css body{ background-color: #0000aa; } 在main.js中添加如

2020-05-20 23:04:22

1.webpack.config.js 上文中提到在打包js的時候使用的是命令：webpack ./src/main.js ./dist/bundle.js 這樣在打包的時候是非常繁瑣的，如果通過配置的方式將輸入和輸出文件配置好，實現

2020-05-20 05:05:06

2048算法是消除類裏面比較經典的算法。如下所示，本質上是4x4的二維數組。 2 2 4 0 4 0 2 2 4 4 0 0 4 0 0 4 玩法分爲上移，下移，左移，右移，四個步驟。移動的過程中有相鄰相同的數字需要合併，合併後，後面的

2020-05-09 02:06:17

webpack是代碼編譯工具，可以實現代碼的打包，其最大的特點是實現了前端模塊化。webpack是依賴於node環境的，因此,使用之前需要安裝node。node的較新版本中一般都自帶了npm(node package manager)。

2020-05-01 02:48:32

前端模塊化的原因隨着前端的功能越來越複雜，代碼量越來越多。如果衆多的js文件不採用模塊化的方式管理，勢必會遇到一個問題，那就是全局變量重名。相信很多前端開發者都遇到過這個問題。。。實際項目開發中，通常不同人有不同的分工，分別負責不同的

2020-04-27 15:47:58

使用作用域插槽的原因由於作用域的限制，父組件在替換子組件的插槽時只能引用父組件中的數據。如果父組件在替換子組件插槽是要用子組件中的數據，就要用到作用域插槽。作用域插槽的基本使用方法子組件中的slot要動態綁定一個屬性，用於傳遞數據，

2020-04-24 23:14:59

具名插槽的由來插槽在使用時，一個組件裏有時候會同時用到多個插槽，替換的時候，不同的插槽需要替換成不同的標籤，因此，每個插槽必須有一個唯一標識，name。這就是具名插槽的由來。以標題欄爲例：標題欄一般分爲左、中、右三部分，每個部分都是一

2020-04-23 21:45:49

使用slot的原因在使用組件時，經常會用到一些相似的組件，這些組件有很多共性，但又不完全相同。如果將這些組件都封裝成不同的組件，會出現很多重複的代碼，難免浪費資源。爲了提高組件的複用性和可移植性，組件中如果有些地方可以讓用戶來決定放什

2020-04-21 19:26:50

父子間引用子組件用的比較多，子組件引用父組件用的相對較少。子組件引用父組件使用$parent。如下所示，子組件中的按鈕綁定點擊事件，彈出顯示父組件的title屬性。 <div id="app"> <mycpn></my

2020-04-20 18:04:07

上兩篇提到父子組件間的通訊可以通過數據傳遞的方式，通過props和$emit。父子組件之間還可以相互引用，父組件拿到子組件的實例，進而調用子組件的屬性和方法等。反之，子組件拿到父組件的實例也是一樣。先看下父組件如何引用子組件，兩種方式$c

2020-04-18 14:32:34

父子組件間的數據傳遞，父傳子通過屬性props，子傳父通過事件$emit 應用場景如下：子組件有一個列表，子組件的列表被點擊後，將被點擊的列表項數據傳遞給父組件。組件的數據通過data()函數返回，生成列表如下: <div i

2020-04-15 14:21:01