原创 小程序之生命週期彙總

小程序的生命週期 App({ onLaunch (options) { // Do something initial when launch. console.log('初始化,全局只觸發一次'); },

原创 Vuex中的Module

什麼是Module? Vuex 允許我們將 store 分割成模塊(module)。每個模塊擁有自己的 state、mutation、action、getter、甚至是嵌套子模塊 { moduleA: { sta

原创 六種js繼承模式

1.原型鏈繼承 function SuperType() { this.name = 'a'; } SuperType.prototype.getName = functi

原创 元素始終置於頁面底部

本文實例: 按鈕始終在距離頁面底部16px的位置,注意是頁面底部,不是屏幕底部 如果放置在屏幕底部,只需要給元素設置以下內容 .element { position: fixed; bottom: 16px; } 如果需

原创 webpack4.0中使用“extract-text-webpack-plugin”報錯

報錯內容:  Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead 可以使用npm install

原创 No PostCSS Config found in XXXXXX

引入了common.less之後cnpm run serve 報錯 No PostCSS Config found in XXXXXXX 解決辦法: 在src同級目錄下創建postcss.config.js,並添加下面代碼 mod

原创 flex佈局

先說flex中經常用在容器中的屬性  /* 在主軸的對齊方式 */ justify-content: flex-start | flex-end | center | space-between | space-around; /*

原创 vs code 啓動之後卡頓問題 (rg.exe)

啓動vscode之後發現電腦卡成……,打開任務管理器,可以看到佔用cpu最高的是rg.exe,rg.exe是維護符號連接的工具程序,造成卡頓問題就是它,可以直接右鍵結束任務,但是每次開始vscode都要重複操縱; 下面提供解決辦法 打開’

原创 Vue組件通信props, $emit

父組件向子組件傳遞    場景:  爸爸說:乖兒子;兒子顯示父親說的話 在父組件使用v-bind綁定屬性,在子組件使用props接收 var sonNode = { props: ['fatherWords'], tem

原创 display:box兼容寫法

/* display:box; */ .box{ /* display */ display: -webkit-box; display: -moz-box; display: -ms-flexbox;

原创 瀏覽器緩存

本文主要講瀏覽器的強緩存與協商緩存以及緩存過程 瀏覽器發出請求 強緩存就發生在前兩步,強緩存有兩個規則,expries和max-age expries: 指定資源在一個時間點之前都可以使用緩存 max-age: 表示在上一次有效請求之後

原创 Vue 中 ref='msg' $refs 是什麼

如果ref用在子組件上,指向的是組件實例,可以理解爲對子組件的索引,通過$ref可能獲取到在子組件裏定義的屬性和方法。 如果ref在普通的 DOM 元素上使用,引用指向的就是 DOM 元素,通過$ref可能獲取到該DOM 的屬性集合,輕鬆