原创 表單提交的幾種方式

一、Form和<input type="submit">提交 html代碼:<form action="userController/getUser

原创 微信小程序中使用Echarts(可異步請求數據)

在微信小程序中使用Echarts,主要分爲以下幾步: 1.首先要下載ecomfe/echarts-for-weixin項目,下載後將ec-canvas文件夾複製到小程序項目中,假設放在根目錄下utils文件夾中。 2.在要實現echart

原创 自適應網頁(響應式佈局)+彈性佈局

1.自適應網頁1.聲明viewport元標籤<meta name="viewport" content="width=device-width,in

原创 異步加載JavaScript

異步加載JavaScript    默認情況下javaScript是同步加載的,同步加載js文件時會阻塞後續程序的執行,影響頁面渲染效率。解決問題兩

原创 ie8兼容問題(一) getElementsByClassName

ie8不兼容原生js的document.getElementsByClassName()方法。 解決方法一: 可以使用jquery的$(".class")代替,需要引入jquery.js文件,適用於使用jquery庫的項目。 注意:do

原创 ie8兼容問題(二) select文字垂直居中問題

ie8兼容問題(二) select文字垂直居中問題 代碼如下: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>

原创 項目兼容ie8技術要點

好久沒有寫博客了,因爲最近公司項目要調ie8兼容,一直在忙這事,終於竣工了,跟大家分享下這老掉牙的瀏覽器是如何搞定的。。。歡迎大家指教 項目是使用的jeecg框架,後臺使用的java,前端頁面使用了bootStrap,jquery,eas

原创 使用原生js獲取頁面信息

1.獲取文檔寬度/高度     console.log(document.body.scrollWidth);     console.log(do

原创 js判斷對象是否爲空對象的幾種方法

1.將json對象轉化爲json字符串,再判斷該字符串是否爲"{}" var data = {}; var b = (JSON.stringify(

原创 如何給元素設置半個像素的邊框

在瀏覽器中能識別的最小像素爲1px,如果需要設置半個像素的邊框我們需要通過僞類來處理。以下代碼中#div1爲一個像素的邊框,#div2爲半個像素的邊框 <!DOCTYPE html> <html lang="en"> <head>

原创 Echarts圖表在移動端和小程序中影響頁面的滾動的解決辦法

Echats圖表在移動端顯示後,當手指在圖表區域內滑動,會影響頁面的滾動。h5頁面沒有親測,小程序頁面,經排查,是因爲觸發了touchStart、touchMove和touchEnd方法。 一、h5頁面解決方法 1.如果可以的話,移動端建

原创 微信小程序按鈕去邊框(button去邊框)

微信小程序中的button組件默認自帶邊框,而且我們常規的給button設置border: none;或者border: 0;並不能去掉邊框。 無論是內聯樣式還是外聯樣式表都不好使。這是因爲微信小程序的button組件的邊框並不在bu

原创 ES6——變量的解構賦值

解構賦值:從數組或對象中提取值爲相同格式對應位置的變量賦值。下面這種寫法屬於“模式匹配”,只要等號兩邊的模式相同,左邊的變量就會被賦予對應的值。 一、數組的解構賦值 //ES5 { let a = 10; let b = 20;

原创 ES6——let和const的用法

一、let 1.let命令, 用於聲明變量,只在let命令所在的代碼塊內有效 es5中的作用域有兩種,全局作用域和函數作用域,es6中let爲js新加入了塊級作用域,這表示外層代碼塊不受內層代碼塊的影響。let命令只在當前塊級作用域內有效

原创 兼容ie8的多文件上傳

在HTML5中,表單元素有一個新的屬性multiple,可實現多選功能。 <input type="file" multiple>這樣就可以實現多文件上傳,但是此方法不兼容ie8等低版本瀏覽器。所以項目中我使用的是百度的WebUploa