原创 echarts實現弧形(環形)進度條的具體配置

完成效果圖如下: 簡單例子說明:任務總數爲3,已完成1,未完成2。 弧形進度條實現data值: data[0]:標題佔固定位置爲環形的25%,計算:(1+2)4/30.25=1, data[1]:已完成任務數,具體值爲1 dat

原创 ionic配代理解決添加插件時connect etimedout的錯誤

在公司上班由於計算機上網要配代理,導致使用ionic沒有辦法通過cmd進行新建(ionic start 項目名稱 tabs)和添加插件(ionic plugin add 插件名稱/插件地址)時總是報connecte timedou

原创 解決html中標籤自帶的間距

以上截圖中明顯看到標籤之間自帶的有間距,解決這個問題有兩個方法: 1.用float浮動 但是由於項目實際需要這個高度,所以不能使用float,另一種方法如下: 2.給ul添加樣式 font-size: 0; 這樣li之間的間隔

原创 vue 不能進行熱更新問題的解決

在vue項目中,之前熱更新還是好的,突然發現在macos上失敗,修改代碼需要npm run dev進行重啓才能更新,非常影響開發效率,但是不是所有的頁面都是這樣。 然後發現一個大坑,文件名稱與實際路徑文件夾名稱大小寫有誤。但是可以

原创 vue項目配置多入口

有時候在一個vue項目需要多個入口,解決這個問題的方法有兩種: 方法一: 在main.js的入口文件中根據url的後綴名稱進行判斷然後進行頁面的跳轉 localhost:8080?startPage=index 根據startPa

原创 react父子組件之間的傳參

項目文件結構如下圖: 實現search組件內輸入的值在父組件內接收到。 1.定義接收子組件傳的變量 this.state = { searchPost:{},//搜索的值 } 2.父組件引入子組件 import Se

原创 React+Ant Design實現可編輯單元格、添加行並利用form獲取新增數據

實現如下圖所示需求: 實現功能說明: 點擊添加按鈕,在表格中添加新的空白行(如下圖所示),在點擊提交的時候獲取空白行的數據 在構造函數內定義: constructor(props) { super(props)

原创 關於ionic3開發APP用cordova打包,更新下載後不能自動提示安裝的解決方法的補充

在之前的文章中提出過解決這個問題的辦法: 在添加平臺cordova platform add android後,在platforms\android內找到AndroidManifest.xml文件,然後修改爲: <uses-sdk

原创 vue中使用百度地圖的兩種實現方法

方法一: 直接引用js。 1.在index.html中引入 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的密鑰"></scr

原创 js獲取當前日期的上個月的日期(不同的日期格式)

//處理日期格式 function formate(data, format) { data = new Date(data); var o = { "M+": data.getMonth() +

原创 js默認當前日期爲開始時間時進行天數計算出錯的原因分析及解決方法(vue使用mintui內的時間組件)

例如實現下面的計算: 計算天數時間差: (new Date(離店時間) - new Date(入店時間))/(1000 * 60 * 60 * 24) 說明:默認初始值爲new Date()的當前時間,選擇離店時間後,進行天數的

原创 vue修改打包配置實現代碼打包後的自定義命名

打包後文件 修改配置後打包爲: 首先修改router文件: 例如,這是原本方法引用頁面: //基礎配置 import BasicDispose from './pages/BasicDispose/BasicDispose'

原创 vue在移動端實現禁用物理返回鍵

用vue-cli新建的項目中要實現某些頁面禁用物理返回鍵,可使用以下的方法: 方法一: 在main.js中加上以下代碼作爲禁用路由判斷的依據: const history = window.sessionStorage let h

原创 使用next方法設置跳轉頁面並傳參(項目多入口傳參根據標識進行判斷跳轉不同頁面的實現)

多入口判斷 vue項目是多入口的情況下,在main.js文件下根據標識進行跳轉頁面的判斷並傳參,跳轉以next方式實現: 代碼如下: 在router.beforeEach內添加如下代碼: (以startpage值爲判斷條件,當值爲

原创 vue中用iframe嵌套頁面,點擊返回實現真正的退回上一步功能

vue項目中需要嵌套第三方的頁面,但是第三方頁面中的網頁沒有返回按鈕,如圖所示:此爲頁面b,頁面a爲跳到b頁面的前一個頁面。 點擊iframe嵌套頁面跳轉的第二個頁面 要實現不管進入多少層iframe頁面,點擊回退都直接跳到頁