原创 【axios】axios不常用方法整理

參考文檔:https://www.npmjs.com/package/axios 前期準備:可以用npm安裝axios. npm install axios/bower install axios 我們經常用axios做請求的時候一般常

原创 【React】React項目使用<Upload>或者原生方法實現上傳

由於項目中的幾次需求都涉及到了上傳文件,也嘗試了antd封裝的不同版本的<Upload>組件和原生的方法,在此特做一下整理總結,分享出來,大家可以參考一下 前言:對於文件的上傳不同的公司交互不同,其實主要分爲兩種情況: 第一種:上傳的時候請

原创 【JS】判斷圖片是否已經加載完

方法一:通過監聽圖片的onload事件,可以判斷圖片是否已經加載完成,兼容所有的瀏覽器(w3c推薦方法),代碼示例如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="U

原创 【React】react項目引入echarts插件

參考npm文檔:https://www.npmjs.com/package/echarts-for-react 由於npm上已經有針對react項目出的echarts插件,所以在這裏直接安裝 第一步:npm安裝echarts-for-r

原创 【H5】video兼容性問題以及解決對策

一:設置playsinline不全屏播放 <video id="videoplay" src={[require("./../../assets/laterImg/westlake.mp4")]} pl

原创 【React】react項目中應用百度地圖添加起始點終點繪製路線

如圖:項目中百度地圖的應用添加起始點、終點並繪製路線 在展示代碼的時候首先展示一下後臺返回給我的接口 { "code": '0', "msg": '', "result": { "status": 2, "or

原创 【react】React怎麼引用百度地圖

前期準備:在百度地圖開發文檔中申請祕鑰,申請流程按照網上的攻略走很簡單的幾個步驟 (如果項目緊急也可以私信找我要我的祕鑰) 官網http://lbsyun.baidu.com/ index.html文件 //引入百度地圖 <script

原创 mac電腦怎麼顯示隱藏文件

shift+command+. //顯示隱藏文件都是這個 如圖:就顯示出來項目中的Git文件了

原创 babel-loader版本不一致報錯

在做項目的時候出現一個問題,由於babel-loader版本號不一致報錯,報錯如下圖: 圖中說:用create-react-app創建項目的時候所用到的babel-loader依賴是8.04版本,但是在我創建項目的node_modules下

原创 [H5]<video>標籤的poster屬性圖片鋪滿整個屏幕

在用<video>標籤的時候發現圖片不能平鋪整個屏幕,後來查了一下需要用到object-fit屬性 從MDN上查到的屬性內容如下: object-fit CSS 屬性指定可替換元素的內容應該如何適應到其使用的高度和寬度確定的框。 設置成f

原创 【HTML+CSS】input輸入框內添加兩個圖標

如果input框中有一個圖標的情況下可以採取給input設置背景圖片的方式實現 input{ background: url("1.jpg") no-repeat 20px 20px } 但是,如果一個input裏面有左右兩個圖標的

原创 【H5】iOS系統下的video視頻播放完後重新刷新視頻

業務需求是H5頁面中嵌套video視頻,自定義控制視頻暫停或者播放,但是對於ios系統下手機,會出現兩個問題導致自定義播放事件失效: 1.ios系統下視頻自動回放全屏幕播放 2.播放完之後定義在最後一幀圖片上 最終目的是video播放完之後

原创 【H5】禁用ios自帶播放video全屏控制

寫之前要說明一下爲什麼要禁用ios自帶的播放video全屏控制,是因爲我在video中自定義了點擊顯示暫停圖片事件,所以,對於iOS的全屏播放使得我定義的事件失效,所以纔要禁用 屬性如下: <video playsinline="true"

原创 【H5】<video>視頻在本地播放正常,發佈到服務器上不能播放

用H5<video>標籤嵌套視頻在localhost本地播放正常,但是在發佈之後,視頻點擊不能播放,標籤後綴名爲.mp4,排除後臺的問題, 這個時候一定要審查一下你視頻的命名!! 我是在本地命名是中文的,我的視頻命名是"西湖.mp4"但是

原创 [JS]實現固定字數加省略號效果

項目中需要用到對介紹的文字進行省略的一個效果,點擊展開圖標的時候在內容再全部展開,如下: HTML: <div id="introFont"> 西湖,位於浙江杭州西,世界文化遺產地,國務院首批公佈的國家重點風景名勝區,全國首批