原创 關於PDF文件流的下載
最近遇到要下載pdf的需求,於是一頓亂敲代碼,成功。代碼如下,axios請求裏的代碼複製粘貼即可使用: getAgreementDetailRequest().then(res => { console.log(re
原创 瀑布流無限加載(原生js)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="st
原创 簡單封裝ajax
(function (window) { //避免污染全局變量 function ajax(options) { var init = { type: 'get',
原创 前後、左右、去掉所有的空格的正則表達式
1去掉左邊空格 name.replace(/^\s*/g,""); 2去掉右邊空格 name.replace(/\s*$/g,""); 1去掉前後空格 smSmsModelName.replace(/(^\s*)|(\s*$)
原创 JQuery實現input上傳圖片顯示縮略圖
最近做一套手機商城頁面,在退款申請頁面有上傳圖片顯示縮略圖的功能,以前沒有做過這個,所以整理了一下。 首先 HTML : <p>上傳圖片:</p> <div id="imgPreview"></div> <s
原创 css3背景顏色漸變屬性
很久之前寫的一篇文章了,今天重新整理一下關於css3背景漸變的寫法,至於是怎麼來的,可以看下面漸變的詳細解釋。 在項目中,有很多地方都用到了背景線性漸變。如果在移動端還可以適當使用CSS3這個屬性 css3:linear-gradient
原创 JS獲取瀏覽器窗口大小 獲取屏幕,瀏覽器,網頁高度寬度問題
網頁可見區域寬:document.body.clientWidth 網頁可見區域高:document.body.clientHeight 網頁可見區域寬:document.body.offsetWidth (包括邊線的寬) 網頁可
原创 javascript中的返回函數與閉包
在Javascript中沒有類的概念,函數就是第一類對象。函數就是對象,主要的表現形式有:1. 函數可以在運行時創建,也可以在運行的過程中創建。2. 函數可以被分配給其他變量,可以將它們的引用複製給其他變量。3. 函數可以作爲參數傳
原创 HTML5 實現手機拍照上傳
頁面樣式: 上傳圖片有原生的方法<input type="file" accept="image/*">,如果只想要拍照上傳,不希望用戶選擇圖片上傳,可以通過添加capture屬性,該屬性值有camcorder/microphone
原创 簡單的利用JS來判斷頁面是在手機端還是在PC端打開的方法
Navigator對象 首先來了解一下Navigator 對象,Navigator 對象包含有關瀏覽器的信息,下面的userAgent 屬性是一個只讀的字符串,聲明瞭瀏覽器用於 HTTP 請求的用戶代理頭的值。所以我們可以通過判斷
原创 CSS實現單行、多行文本溢出顯示省略號(…)
如果實現單行文本的溢出顯示省略號同學們應該都知道用text-overflow:ellipsis屬性來,當然還需要加寬度width屬來兼容部分瀏覽。 實現方法: overflow: hidden; text-overflow:ellips
原创 A鏈接標籤點擊不會觸發任何行爲的寫法
<a href="JavaScript:void(0);"></a> javascript:void(0);字串處可以用'#'也可以用'javascript:',但是#會默認指向頁面頂端,因爲該標誌是錨點標誌,而後者不帶void(0)的寫
原创 css實現強制不換行/自動換行/強制換行
css實現強制不換行/自動換行/強制換行 1. 強制不換行 div{ white-space:nowrap; } 2. 自動換行 div{ word-wrap: break-word; word-brea
原创 滾動條插件 nicescroll 的使用
最近寫項目需要美化頁面的滾動條,於是接觸了nicescroll這個滾動條美化插件。具體用法如下圖代碼所示: /*美化滾動條*/ function scroll(id){ $(id).niceScroll({ cu
原创 URL調用高德地圖導航
http://uri.amap.com/navigation?from=" + fromLongitude + "," + fromLatitude + "&to="+ longitude + "," + latitude + "&mod