原创 如何用js獲取url中的參數

前言:有時候,在代碼中的某些參數需要從鏈接中獲取,此時,就需要我們用js方法從中獲取。           具體方法如下所示: //獲取url中的參數 function getURLParams(url) { if (url.

原创 angular.js中封裝異步請求,sign加密

angular.module('starter.services',[]) //接口調用service .factory('zytHttp',["$http","$rootScope",function($http,$rootScope

原创 正則表達式,如何限定輸入的是浮點數,且整數位8位,小數位2位

將這個時間綁定到空間的onblur上 function CheckInputFloat(input){ var reg = /\d{1,8}\.{0,1}\d{0,2}/; if(reg.test(input)){

原创 解決IOS環境下,點擊輸入框鍵盤消失頁面不回彈

前言:復現bug現象,在ios系統中,input輸入框喚出鍵盤後,鍵盤消失頁面卻不回彈,安卓手機無此現象。 一、現象圖片如下所示: 用戶輸入完姓名和性別後,鍵盤迴彈時,留下空白區域。 二、解決方案        ①在頁面的輸入框中添加焦

原创 如何用CSS做倒計時/圓形進度條效果

前言:有時,我們會見一些圓形的進度條,隨着進度條的推進,進行倒計時的變化。           若是隻實現一個圓環的話,只用border和border-radius就能畫出來。           但是這樣的圓環不能動,產生進度條效果的重

原创 js只能輸入數字和小數點的正則

前言:在input輸入框,通過正則表達式,控制只能輸入數字和小數點的方法。 <html> <head> <meta charset="UTF-8"> <title>document</title> </head> <body> <for

原创 往數組中push對象,會覆蓋之前 push的值

一、錯誤代碼   var obj = {a:123,b:234,c:345}; var array= []; var resultObj = {}; for(var i = 0;i<obj.length;i++){ result

原创 json.stringify()與json.parse()的區別

前言:JSON的常規用途是同web服務器進行數據交換。再向web服務器發送數據時,數據必須是字符串。通過JSON.stringify()將JavaScript對象轉換爲JSON字符串,而JSON.parse()可以將JSON字符串轉爲一個

原创 js中的sessionStorage在實際項目中的運用於總結

前言:當我們打開一個頁面時,有時需要將一部分數據在當前會話中保存下來,刷新頁面(或者跳轉第三方鏈接後,再調回之前的頁面)時數據依舊存在。但當頁面關閉後,sessionStorage中的數據就會被清空。 一、回顧一下sessionStora

原创 微信分享的鏈接,手機打開白屏,單頁面應用(Hash模式下),實現微信分享

前言:現在將相關的產品分享至朋友圈,進行宣傳,成爲一種很常見的方式。本文,主要想分享一下,微信分享所遇到的坑,微信分享的鏈接,手機打開白屏,以及產生的原因。 前端微信分享的基本步驟: 一、綁定域名        先登錄微信公衆平臺進入“公

原创 vue顯示當前時間

前言:在實際項目中,我們有時會遇到需要顯示當前時間的問題,這樣可以和數據實時顯示相結合,使數據能夠比較直觀的顯示出來。 一、html部分 <div class="nowDate">更新至當日{{gettime}}時</div> 二、sc

原创 js中進行四捨五入精確計算

背景:最近,開發一個頁面,需要實現雙邊繳費的功能,涉及到運用js進行四捨五入的精確計算,在此記錄一下。 一、最初方案        對於js的四捨五入計算方法,JavaScript toFixed() 方法,toFixed() 方法可把

原创 使用WampServer搭建本地服務器

前言:如果只需要使用localhost來訪問本地站點,那麼使用WampServer會是個不錯的選擇。 一、簡介      WampServer是一款Apache Web服務器、PHP解釋器以及MySQL數據庫的整合軟件包。WampServ

原创 JavaScript核心考點(基礎版)

引言 JavaScript是前端面試的重點,本文只是重點梳理JavaScript中的常考知識點,就一些容易出現的題目進行解析。 一、變量類型 1.JS的數據類型分類 根據JavaScript中的變量類型傳遞方式,分爲基本數據類型和引用數據

原创 圖解初識JS中clientHeight、scrollHeight、offsetHeight、scrollTop、offsetTop概念

前言:clientHeight、scrollHeight、offsetHeight、scrollTop、offsetTop這幾個概念,在網上浩如煙海的文章中基本上都是文字解釋,工具書中給出的圖解也有些晦澀難懂,很難想象具體在窗口中的哪一部