原创 3D翻轉

向上 html <div class="div1"> <img src="images/ad_stock.jpg" alt=""> <div> 山水 </div> </div> css .

原创 layui 一個頁面綁定多個日期

<input type="text" name="" class="layui-input" id="datePicker"> js // 綁定日期控件 layui.use('laydate', function(){

原创 leaflet 曲線

項目開發過程中有繪製歷史軌跡的功能,上面說直線繪製效果不是太好,想看看曲線繪製的效果。 由於leaflet沒有提供繪製曲線的方法,只能自己算出曲線的座標點以直線相連,繪製成曲線 算法部分https://blog.csdn.net/

原创 獲取本地上傳圖片、網絡圖片資源的base64編碼

1、獲取本地上傳圖片的base64編碼 var file = $_('upload_file').files[0]; var reader = new FileReader(); reader.readAsDataURL(file

原创 拖動時禁止選中文字

js 全局 document.body.onselectstart = document.body.ondrag = function(){   return false; } css 元素樣式 -webkit-user-se

原创 vue axios請求頭攜帶信息(token)

vue項目使用axios請求,其中部分接口需要token值;但是開發階段前後端分離項目設計跨域問題,設置cookie請求頭不攜帶; 解決:用axios攔截器設置請求頭攜帶信息 axios.interceptors.request.

原创 vue父子組件傳值,子組件改變值後父組件的值也變了

問題複述 父組件給子組件傳值,子組件改變值,父組件的值也相應的跟着變化,但有時並不想父組件的值改變 問題原因 雙向綁定 解決辦法 最簡單有效的方法是JSON.parse(JSON.stringify(data )) 參考 http

原创 獲取視頻流播放

項目中遇到的小視頻回放的問題,客戶需要查看視頻設備某一段時間的視頻 獲取視頻是其他平臺提供的接口,地址類似:http://10.231.20.42:8080/v4/clips/bweed—16-_340c5d5779a1/data

原创 vue運行報錯FATAL ERROR: NewSpace::Rebalance Allocation failed - process out of memory(內存溢出)

問題:在添加一些項目文件時,用npm run dev運行項目,項目運行報錯如下圖: 原因:項目運行內存溢出 解決:找到node_modules>.bin>webpack-dev-server.cmd文件,進行配置修改,增加

原创 vue 根據變量值來判斷顯示class

<div :class="['bottom-btn',{'face-btn':type=='face'}]"> </div>

原创 前端數據存儲 cookie sessionStorage localStorage

Cookie 是一種以文本形式存在於客戶端的數據;由於cookie儲存大小的限制即具有保質期,所以一般用於記錄用戶的登錄信息; cookie的使用除了本地存儲數據信息,還可以攜帶在請求頭裏傳遞給後臺,用於客戶端身份標識等 使用Ja

原创 js下載get請求返回的文件流(請求頭攜帶token)

需求是下載請求接口返回的文件流 var xhh = new XMLHttpRequest(); xhh.open("get", baseUrl+'/cert/download?name='+name ); xhh.setRequ

原创 vue axios以formData方法上傳文件

上傳文件使用FormData對象發送 let formData = new FormData(); formData.append('file', this.addItem.file); 這裏還有一點就是不要忘記改變請求頭 he

原创 iview table展示圖片、文字,判斷顯示相應內容

在項目中使用iview的table控件時,遇到的問題: 1.表格如何顯示圖片(居中): { title: '戶籍照片', type: 'photoUrl', align: 'center', render: (h, par

原创 動態數據生成collapse自動打開第一面板

vue使用iview手風琴遇到的坑。 vue動態數據生成手風琴,初始化打開面板值時,不會自動打開面板值。 <Collapse ref="Collapse" v-model="collapseValue"> <Panel ref