原创 ElementUI 日期組件在IE下數據無法正常顯示

問題描述: ElementUI 日期組件在IE下顯示bug 問題分析: 解決方案: 1、使用組件自帶屬性value-format(解決選擇後無法顯示問題); value-format="yyyy-MM-dd hh:mm:ss" 2、刪除

原创 數據對接時數值丟失精度問題

問題描述: 當前後端返回給前端的數值大於16位數後,出現精度的問題; 錯誤分析: 前端JS的基礎數據類型爲:Number,所以最大值爲 2的53次方,即9007199254740992,如果超過這個值,就會出現精度問題; 解決方案: 後端

原创 element-ui表格多選回填及聯動實現

問題描述: 表格分頁後,數據多選並支持數據回顯; 問題分析: 在表格初始化時,需要把之前選擇的數據勾選上,當操作當前表格時,需要把數據聯動到已選擇數據中; 解決方案: 1、對源數據深拷貝; let copyData = JSON.par

原创 js class類簡介

問題描述: 調用其中的方法、向其中添加方法 、定義變量、get和set 問題分析: 解決方案: //定義類 class Test { constructor(x, y) { this.x = x; this.y =

原创 mui拍照上傳不同照片,圖片始終不變

問題描述: mui拍照上傳,每次獲取到的圖片都是一樣的 問題分析: mui拍照上傳,每次獲取路徑都與第一次一致,以至於拍幾次圖片都是一樣的 解決方案: 將獲取到的本地路徑後邊拼接當前時間,目的是讓每次的路徑都發生改變,從而使圖片發生變化

原创 IE瀏覽器日期轉換問題

問題描述: 日期在谷歌瀏覽器轉換沒有問題,在IE轉換失敗的問題; 錯誤分析: IE在轉換的時候,要求日期格式爲yyyy/MM/dd hh:mm:ss,當日期爲yyyy-mm-dd時會出現轉換錯誤,當new Date時,IE要求的格式爲ne

原创 Flexbox 佈局的最簡單表單

一、<form> 元素 表單使用<form>元素。 <form></form> 上面是一個空表單。根據 HTML 標準,它是一個塊級元素,默認將佔據全部寬度,但是高度爲0,因爲沒有任何內容。 二、表單控件 現在,加入兩個最常用的表單控件

原创 JavaScript常用數組操作方法,包含ES6方法

一、concat() concat() 方法用於連接兩個或多個數組。該方法不會改變現有的數組,僅會返回被連接數組的一個副本。 var arr1 = [1,2,3]; var arr2 = [4,5]; var arr3 = arr1

原创 五個小技巧讓你寫出更好的 JavaScript 條件語句

在使用 JavaScript 時,我們常常要寫不少的條件語句。這裏有五個小技巧,可以讓你寫出更乾淨、漂亮的條件語句。  1. 使用 Array.includes 來處理多重條件 舉個栗子 🌰: // 條件語句 function test

原创 前端動畫效果實現的簡單比較

前端動畫效果實現的簡單比較 合適的動畫不僅更能吸引人們的眼球,也能讓你的應用體驗更爲流暢,而將動畫的效果做到極致,才能讓用戶感到使用你的應用是一種享受,而不是覺得生硬和枯燥。本文旨在探討各種前端動畫效果實現方式的異同,具體應用中如何實現,

原创 jquery如何判斷滾動條滾到頁面底部並執行事件

轉載自:http://www.diycms.com/edu/jquery/117.html 首先理解三個dom元素,分別是:clientHeight、offsetHeight、scrollTop。 clientHeight:這個元素

原创 不要濫用CSS Sprite

      CSS Sprite俗稱雪碧,也有人叫它CSS精靈,是一種CSS圖像合併技術,該方法是將小圖標和背景圖像合併到一張圖片上,然後利用css的背景定位來顯示需要顯示的圖片部分。   使用雪碧圖的優點:    1、減少加載網頁

原创 去除inline-block間距的幾種方法

一、現象描述 真正意義上的inline-block水平呈現的元素間,換行顯示或空格分隔的情況下會有間距,很簡單的個例子: 這樣就會產生間距 這種表現是符合規範的應該有的表現(如果有人認爲是bug就太()ay ()oy 了