原创 阿里雲OSS上傳圖片被自動旋轉90℃的解決方案
由於拍攝的圖片是橫拍的, 上傳的時候被自動旋轉了, 像下面這樣: 問題描述: 上傳圖片到阿里雲OSS,再HTML標籤使用OSS圖片路徑,展示的圖片被自動旋轉了;但是將圖片圖片路徑直接瀏覽器打開,是原始沒有旋轉過的. 那麼如何解決
原创 解決git: enter passphrase for key '~/.ssh/id_rsa'的問題
出現 enter passphrase for key '~/.ssh/id_rsa' 的原因: 在生成key的時候,沒有注意,不小心設置了密碼, 導致每次提交的時候都會提示要輸入密碼, 也就是上面的提示. 那麼.只需要執行
原创 JS 判斷用戶設備是網頁(谷歌,UC,火狐)還是客戶端(IOS還是Android)
藉助window的屬性navigator.userAgent判斷. var userAgent = window.navigator.userAgent export default { isFromAndroid: /and
原创 vue 使用clipboard複製文本到剪切板
複製文本是一個很常見的場景, 比如淘寶的複製訂單號, 點擊複製實現訂單號的複製. 安裝: npm i --save clipboard html: <template> <div class="line fs14">
原创 在vue項目中使用Antv-f2的小案例
目錄 一.兩種引入方式 1.瀏覽器引入 2.通過 npm 安裝 二. 兩種使用方式 1. 在配置了webpack或使用vue-cli構建的vue項目使用 2. 另一種使用方式是在html中直接使用 三. vue循環渲染圖表,動態綁定Id
原创 記錄問題:This request has been blocked, the content must be served over HTTPS. 解決https和http混用導致的問題
引起原因: 前端項目部署在服務器上配置的域名是https的, 而接口部署的服務器域名配置的是http的。 HTTPS 是 HTTP over Secure Socket Layer,以安全爲目標的 HTTP 通道,所以在 HTTPS 承載
原创 h5頁面與原生APP的交互
前陣子有個需求, 需要在移動端實現圖表的呈現, 問題就在於, android和ios,以及h5能夠統一的圖表很少,echarts又不太符合我們的需求, 並且ios需要提審, 圖表可能會更換樣式. 經過探討, 統一由h5提供圖表. app內
原创 記錄問題: git報錯: error: You have not concluded your merge (MERGE_HEAD exists)
引起原因: git pull會拉取遠端最新版本併合併到本地,但是拉下來的代碼自動合併失敗,出現了這個報錯 error: You have not concluded your merge (MERGE_HEAD exists) 解決方法:
原创 JS 獲取客戶端IP
一.獲取客戶端公網IP <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script> <script type="text/javascript"> document.
原创 js利用數組的reduce方法實現一維數組轉二維數組
先上效果圖 而後端返回的數據結構是這樣的: [ { payDate:"2020-06-01 23:23:45", orderCode:'0821591252396397', profitMone
原创 記錄問題: git 分支後面多了rebasing,如何去除?
在開發中, 合併提交代碼時出現錯誤 ,分支後面一直帶着rebasing, 解決方法1:git rebase --continue git status查看哪些文件衝突,解決後git add衝突文件,最後git rebase --con
原创 在js中數組和字符串之間的相互轉化
在這個前後端分離的時代, 與API接口交互的過程中經常需要對數據進行處理, 比如,根據多個id值查詢數據,對前端來說, 數組當然是好處理一些, 而後端往往會要求字符串格式。 一. 數組轉化爲字符串 1.toString() 數組中 toS
原创 不用找UI, CSS也能搞定圖片效果(等比縮放, 背景模糊處理,投影等等)
一. 實現圖片的等比縮放 在實際開發過程中, 總是會遇到各種需要處理圖片的情況,舉個簡單的例子, 用戶上傳頭像,我們都知道頭像寬高是有一定比例的, 但用戶的圖片千奇百怪,如果簡單的按照我們設定的寬高顯示,圖片變形不可避免,那麼該怎麼處理?
原创 css強制換行的三個屬性word-space、word-break、white-space解析
目錄 white-space 1. white-space:nowrap 2.white-space: pre; 3. white-space: pre-wrap; 4.white-space: pre-line; w
原创 js 時間戳與時間格式的轉化, xx天xx小時xx分倒計時,距離當前時間多久
目錄 一.時間戳和日期格式相互轉化 (1) 獲取時間戳 (2) 時間戳轉化爲日期格式 (3) 日期格式轉換爲時間戳 二. XX天XX小時XX分倒計時 三.距離當前時間的計算, 顯示效果爲3秒前,1小時前 一.時間戳和日期格式相互轉化 (1