原创 video 標籤 各種屬性及所有事件監聽大全

video 屬性 <!-- video 不支持 IE8及以下版本瀏覽器,支持三種視頻格式:MP4,WebM 和 Ogg --> <video src="test.mp4" controls width="400" height="3

原创 雅虎工程師提供的CSS初始化代碼

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { m

原创 驗證數字的正則表達式集

轉載自:驗證數字的正則表達式集  驗證數字的正則表達式集  驗證數字:^[0-9]*$  驗證n位的數字:^\d{n}$  驗證至少n位數字:^\d{n,}$  驗證m-n位的數字:^\d{m,n}$  驗證零和非零開頭的數字:^(0|[

原创 AngularJS、 Angular 2、Angular 4 的區別

序言 隨着Angular版本的頻繁推出,有必要了解下AngularJS、 Angular 2、Angular 4 的區別。 字面上的區別 (1)我們常說的 Angular 1 是指 AngularJS; 從Angular 2 開始已經改名

原创 html 內嵌PDF

 html內嵌pdf原來這麼簡單 <embed src="documents/測試文檔.pdf" width="100%" height="100%">  

原创 js--手機端簽到日曆

效果展示: html代碼 <div class="sign-bg"> <!-- header --> <div class="header"> <div class="row"> <div class="

原创 js--註冊/登錄時獲取驗證碼之後限制時間倒計時

在前端開發過程中,登錄/註冊爲常見的功能,現在一般以獲取短信驗證碼來驗證註冊或登錄時的手機號是否正確,爲了防止用戶頻繁點擊,就需要有倒計時的功能來限制用戶點擊事件,爲此寫下開發心得,如有錯誤還請大家指教! HTML代碼 <div cla

原创 微信小程序wx.request()封裝

 微信小程序開發過程中,請求用的次數是比較多的,那麼能自己每次的重複代碼太多,所以還是自己封裝一個請求吧,使代碼越來越精簡。 現在請求分爲兩種一種是GET一種是POST,在微信小程序的請求中POST請求的header中的'content-

原创 Echarts 地圖生成 以及生成geojson文件(附帶完整代碼)

前言:需要實現的效果就是生成省級地圖,點擊省級地圖中的市切換至市級地圖。爲了自己方便查閱,也方便大家使用。 效果如下: 所用的插件 echarts.js  官方地址:http://echarts.baidu.com/examples/

原创 全屏網頁fullpage.js最後一屏不滿一屏時,滾動方式

這兩天公司網頁改版用到fullpage.js這個滾屏插件,頁面內容整屏的滾動,不成問題,各種設置在網上也都有文檔。 而我遇到的問題就是,頁面內容不滿屏的時候,和上面的內容放一塊就太擠,單獨放一屏就太空,好尷尬的說 底部的footer部分

原创 移動端與原生APP的交互 WebViewJavascriptBridge

首先定一個公共的方法 /*這段代碼是固定的,必須要放到js中*/ var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('

原创 Angular.js 之 factory自定義方法

在之前經常使用jq自定義方法,這個很簡單,但是最近用angluar卻不知道如何定義方法,以便二次使用。總結規整如下: var app = angular.module('indexApp', ['ngSanitize']); //定義方

原创 解決從APP分享到微信再通過微信轉發給好友自定義轉發樣式的問題

案例分析 處理前 處理後 通用分享js代碼 var imgUrl = 'http://tzhh5.tzhhx.com/html/tzh/images/logo.png'; var lineLink = window.location

原创 前端自定義提示框樣式之--alert

前言:在這個看臉的時代,頁面美觀固然是跟重要的,系統自帶的彈框樣式滿足不了UI設計的需求,那麼只能自己動手做一個了。 公共js代碼: //公共提示框 function myalert(str) { var div = '<div c

原创 關於時間戳轉換爲日期格式的方法總結

在開發中會經常遇到後臺傳來的日期格式爲時間戳格式,那麼如何使後臺傳來的時間戳轉換成UI設計的日期格式呢? 以下是在前端開發中總結的方法: 使用時直接調用 如需要的時間格式爲 5-4 14:45 那麼直接調用該方法 timeStamp2St