原创 textarea解決換行的簡單方法
在後臺的textarea 中編輯好的文本是有換行的，但是在前臺頁面展示出來的就不換行了，這是因爲在textarea中換行都是用空格來展示的，在前臺頁面展示的時候瀏覽器會把空格去掉。 在後臺編輯時顯示是這樣的： 在前臺頁面是這樣的
2020-07-03 11:31:25
2
原创 elementUI組件修改樣式 覆蓋無效的解決方案
在我們使用第三方UI組件庫開發時有時需要對這些組件進行一些樣式修改。 爲了vue頁面樣式模塊化，不對全局樣式造成污染，我們往往都會加入scoped屬性用來限制樣式的作用域，然而這也會導致當我們修改部分ui組件樣式失效。爲了避免這種情況，我
2020-07-03 10:47:38
原创 nuxt.js、koa2項目踩坑
一、在用vue寫項目時，寫組件必須寫上name屬性，且在引用組件時，組件名首字母大寫，且在模板結構中首字母小寫，必須是這樣寫纔可以。組件名首字母大寫，模板中用首字母與後面名字用-分隔都不可以。代碼如下： 組件： <template>
2020-07-03 10:47:38
原创 nuxt.js項目部署到生產環境時其中後端接口寫外網地址不行的問題
最近寫nuxt.js項目部署到生產環境遇到了各種各樣的問題。 這篇文章要寫的就是部署到生產環境時調用後端的接口寫外網地址不行的問題及解決方案： 使用pm2手動部署到生產環境，其中調用後端的接口外網地址是http://192.144.164
2020-07-03 10:47:38
25
原创 gyp ERR! configure error gyp ERR! stack Error: EACCES: permission denied,.....build解決方案
gyp ERR! configure error gyp ERR! stack Error: EACCES: permission denied, mkdir '/Users/zhang/Documents/data_insight_y
2020-07-03 10:47:38
2
原创 nuxt.js項目使用pm2部署時遇到的問題及解決方案更新
背景： 最近在做的一個項目用的是nuxt.js框架。產品需要nginx映射到xsn.com.cn/anchor即訪問xsn.com.cn/anchor就是訪問http:localhost:3000。但是nuxt.js項目都是通過根路徑進行
2020-07-03 10:47:38
14
原创 h5返回不執行mounted生命週期的問題
## 問題描述 > 最近在做一個h5的項目，頁面是嵌入到企業微信中的，其中有一個活動主頁，從這個頁面可以進入到另一生成海報頁面，然後再從海報頁面用瀏覽器自帶的返回到活動主頁，再返回時不調用頁面接口了，在活動主頁有判斷是否登錄的接口，如果不
2020-07-03 10:47:28
原创 nuxt.js項目使用pm2部署測試環境和生產環境的配置
先說下需求： 目前是一個項目是一個nuxt-app,如果要啓動多個nuxt項目時，這時就需要不同的項目使用不同的端口號，這樣可以做到互不影響。此項目中的用的端口號是5000，但是在ecosystem.config.js中怎麼都加不上端口號
2020-07-03 10:47:28
216
原创 nuxt.js寫項目時增加錯誤提示頁面
爲項目增加錯誤提示頁面，比如後端接口沒有數據或接口報錯的時候，如果不增加錯誤提示頁面的話，那接口報錯的信息就會在頁面中顯示，這顯然不利於用戶體驗。 實際操作過程中，可能因爲各種原因無法顯示正確的返回頁面，比如本身這篇文章的id不存在，
2020-07-03 10:47:28
5
原创 canvas畫圖及圓形的頭像
最近在做一個項目，是在mobile網頁上生成海報，海報中有用戶圓形頭像、圖標、圖片、文字等信息，相對來說也比較複雜的一個海報。 問題： 一、畫圓形頭像時就遇到了圓形頭像時被切割。 問題描述：在用canvas畫圓形頭像時，向畫布右側移
2020-07-03 10:47:28
1
原创 百度分享不支持https解決方法
在頁面中加入百度分享的功能時，其不支持https。有一個很好的解決方法就是把百度分享的代碼下載到本地，放到本地服務的根目錄中。 步驟如下： 1、下載的百度分享包括這些文件： 其中static是放到項目的根目錄中的，裏面包括api等文件。
2020-06-02 23:52:24
原创 axios上傳視頻或音頻時後端接口405
最近在做一個後臺管理項目，視頻上傳到騰訊雲點播，音頻上傳到對象存儲。這就需要區分是視頻或音頻了。 當上傳音頻時調用後端給的接口，上傳到對象存儲。 這裏遇到的問題主要是自己對axios不太熟練，導致後臺接口返回405， HTTP Statu
2020-06-02 23:52:24
原创 new Vue({})初始化流程
new Vue的初始化流程 new Vue({})之後發生了什麼？ 首先來看Vue的構造函數， 一、src/core/instance/index.js 源碼： function Vue(options) { if (proc
2020-02-25 17:58:44
原创 手寫vue-router與vue-vuex
一、手寫vue-router 1、kvue-router.js import Link from './krouter-link' import View from './krouter-view' //1.創建一個krouter
2020-02-25 17:58:44
原创 vue的全局API : vue.extend(component)
vue.extend(component) vue.extend我們在開發中較少用到，相比於vue.component，它的使用會比較複雜些。但是在一些獨立組件開發中，比如彈框組件，需要掛載到body中，而不是#app中，這時就需要用到v
2020-02-25 17:58:44