原创 uni-app:APP/IOS/小程序對接數商雲

目錄背景對接方案關於埋點本文目的 背景 我們的公司需要給APP、IOS、小程序對接數商雲,而我們的這個幾個產品都是通過uni-app去開發的,比較特殊的一點是,我們公司沒有專門的原生工程師,因此對接這3個產品的責任就交給了我這個前

原创 記錄一次代碼提交失敗的解決:pre-commit hook failed

今天在開發項目時,合併master的代碼,本來流程好好的,解決衝突,commit代碼,結果提交代碼竟然失敗了: lint-staged generated an argument string of 10048 character

原创 CSS樣式層疊規則

今天閱讀《CSS設計指南》,裏面提及的查理版簡單層疊要點,發現與自身的驗證結果不一致,便試着將我得出的結論記錄下來,同時將相關知識總結一下。這只是一個新手的一點思考,如有謬誤,還請大家指正。另外,本人覺得《CSS設計指南》是一本很

原创 真機調試Android的webApp

我們在進行移動端webApp開發時有時不得不進行真機調試,本文主要介紹一種android真機調試的方法: 步驟: 確保APP開啓了開發者模式,打開USB調試 翻牆 保證APP和PC處於同一局域網內 手機和PC通過數據線進行連接(

原创 vue2-獲取上頁的url地址

需求 在vue2的項目中有一個需求需要獲取上一頁路由的url的地址,在網上找了一會也沒有找到合適的答案,最後還是在官方文檔中找到了答案,因此將此方法記錄下來,希望能給有需要的人提供一點幫助。 思路 思路其實很簡單,就是利用 bef

原创 如何優雅的在嵌套組件中都使用v-model

說來慚愧,子組件使用了v-model,同時父組件也使用v-model,這個問題其實困擾了我很久。很久以前我就遇到過這個問題,而且發現這個不好實現。當時我採取的是迴避的做法,畢竟也沒有規定組件就一定要用v-model😂,但心裏一直覺

原创 記錄一次vue數據不同步的排查

今天我遇到了一個vue異步獲取數據後視圖沒有更新的問題,排查了很久很久,最後才發現自己踩在了一個自己萬萬沒有想到的坑上,所以記錄一下。 常見的解決方案 關於vue數據不同步的排查已經有很多類似的博客了,一般而言,原因有一下幾點:

原创 我是如何搭建後臺管理系統的?(一)

目錄說明背景搭建過程目錄結構約定的風格組件視圖文件JS 文件API繼續調整使用環境變量調試優化配置別名其他一些webpack配置 說明 本文記錄了我是如何搭建後臺管理系統的,以及我的一些反思和心得。 背景 我們公司希望做一個更符合

原创 初識gulp

npm init -y # 這裏我其實沒有安裝成功,最終是使用cnpm i gulp -D安裝的 yarn add gulp -D 修改package.json { "scripts": { "build": "g

原创 G2圖表實現滾動

示例項目地址:g2-scroll-demo 背景 G2 是一套基於可視化編碼的圖形語法,以數據驅動,具有高度的易用性和擴展性,用戶無需關注各種繁瑣的實現細節,一條語句即可構建出各種各樣的可交互的統計圖表。 初次使用G2實現一個

原创 面試筆記(一)

2020-1-6 更新 本來我確實記錄了不少面試題的,也確實有整理答案,但是畢竟網上也有足夠這方面的資源,再者這個本身寫的目的主要就是爲了給自己備戰面試的,剛寫完一後就找到比較滿意的工作了,當時就感覺沒有必要寫下去了,因此也不會有

原创 記一次需求的解決-限制按鈕頻繁觸發

背景 最近,一個朋友叫我幫他解決一個問題,事情是這樣的: 他們開發的產品(這個項目的前端是使用vue實現的)即將上線,但是在測試時發現後臺竟然掛了,通過查找日誌,他們發現是由於接口被頻繁請求,導致後臺崩潰了。他們猜測是由於按鈕點擊

原创 cookie無法自動攜帶問題排查

以前公司的項目,曾經遇到過cookie無法攜帶的問題,排查了很久。近日一個做前端的朋友也遇到了類似的問題,問起我來,想想這個問題也可以記錄一下,於是便有了這篇文章。 首先,同域 請求時,cookie是可以自動攜帶的,出現cooki

原创 記錄一次vscode調試nodemon的報錯

最近在學習慕課網大前端的課程,其中在第五週1-9的課程裏面,使用vscode 調試時失敗了遇到了一個報錯。說實話遇到這個報錯,我是很想直接問問老師怎麼解決的,但是我也明白,僅憑這些報錯,老師很可能無法復現問題,很難僅憑代碼找到原因

原创 關於如何配置bable

在項目開發時,有時需要配置bable,記錄一下,以便後續用到: 參考: 使用Babel @babel/plugin-transform-runtime 通過yarn yarn add babel-loader @babel/c