原创 阿里雲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