Time of Update: 2017-01-23
js實現使用者輸入的小寫字母自動轉大寫字母的方法,js大寫字母執行個體如下:<script language="JavaScript"> function toUpperCase(obj) { obj.value = obj.value.toUpperCase() }</script> <body> <input type="text" id="txt1" value="" onkeyup="toUpperCase(this)"/>
Time of Update: 2017-01-23
jQuery點擊彈出層彈出模態框點擊模態框消失代碼分享,jquery模態廢話不多說了,直接給大家貼代碼了,具體代碼如下所示:<!DOCTYPE html><html><head> <title>jQuery彈出層 模態框</title> <script src="./jquery.min.js" type="text/javascript"></script> <style> .btn{
Time of Update: 2017-01-23
小程式之拖拽排序(代碼分享),小程式拖拽index.wxml<!--index.wxml--><view class="container"> <view bindtap="box" class="box" > <view disable-scroll="true" wx:for="{{content}}" bindtouchmove="move" bindtouchstart="movestart" bindtouchend="moveend"
Time of Update: 2017-01-23
javascript阻止事件冒泡和瀏覽器的預設行為,javascript冒泡1.阻止事件冒泡,使成為捕獲型事件觸發機制.function stopBubble(e) { //如果提供了事件對象,則這是一個非IE瀏覽器 if ( e && e.stopPropagation ) //因此它支援W3C的stopPropagation()方法 e.stopPropagation(); else //否則,我們需要使用IE的方式來取消事件冒泡
Time of Update: 2017-01-23
遍曆json獲得資料的幾種方法小結,曆json幾種方法小結Json在Web開發的用處非常廣泛,作為資料傳遞的載體,如何解析Json返回的資料是非常常用的。下面介紹下四種解析Json的方式:Part 1var list1 = [1,3,4]; alert(list1[1]); var list2 = [{"name":"leamiko","xing":"lin"}]; alert(list2[0]["xing"]) alert(list2[0].xing) Part 2var value = {
Time of Update: 2017-01-23
js驗證手機號、密碼、簡訊驗證碼代碼工具類,js工具類本文執行個體為大家分享了js驗證手機號、密碼、簡訊驗證碼的代碼工具類,供大家參考,具體內容如下代碼工具類/** * 參數較驗 * * */ var verification = { stop : false, //倒計時 //驗證手機號 phone : function (tel, id) { if ("" == tel || !tel) { mui.toast('手機號不可以為空白!'); }
Time of Update: 2017-01-23
小程式 資料互動與渲染執行個體詳解,小程式執行個體小程式 資料互動與渲染實現:小程式的api中提供了網路互動的api,我們只要調用即可和後端進行資料互動,該api為wx.request.,具體代碼如下。//list.js //擷取應用執行個體 var app = getApp() Page({ data: { list:[], hiddenLoading: true, url: '' }, loadList: function () { var that = this;
Time of Update: 2017-01-23
boostrapTable的refresh和refreshOptions區別淺析,boostrap和sui區別在使用bootstrapTable時,重新整理資料有兩個方法refresh、refreshOptions,其用法相似:<table id="event_table"></table>...<script> $("#event_table").bootstrapTable('refresh', {url: new_url });
Time of Update: 2017-01-23
AngularJs上傳前預覽圖片的執行個體代碼,在工作中,使用AngularJs進行開發,在項目中,經常會遇到上傳圖片後,需在一旁預覽圖片內容,之前查了一些資料,結合實踐,得出一種比較實用的方法,相對簡化版,在這裡記錄一下,如有不同看法,歡迎一起溝通,一起成長。demo.html:<!doctype html> <html ng-app="myTestCtrl"> <head> <meta charset="UTF-8"> <title&
Time of Update: 2017-01-23
jquery表單驗證外掛程式validation使用方法詳解,jqueryvalidation一、如何使用引入js檔案<script src="jquery.js"></script><script src="jquery.validate-1.13.1.js"></script>編寫html頁面,這裡僅以使用者名稱、密碼為例<body> <form id="demoForm"> <fieldset>
Time of Update: 2017-01-23
JavaScript簡單驗證表單空值及郵箱格式的方法,javascript表單本文執行個體講述了JavaScript簡單驗證表單空值及郵箱格式的方法。分享給大家供大家參考,具體如下:運行如下:具體代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><meta
Time of Update: 2017-01-23
jQuery中DOM節點刪除之empty與remove,jquerydom前言最近剛學了新知識,雖然是一個小知識點,但還是忍不住想和大家分享。本文的內容主要針對的是初學者,如果大家有什麼意見或者問題都可以留言交流的,下面來看看詳細的介紹吧。.empty()是指對該節點後代的刪除,結果是清空該節點(該節點裡面已無元素)。.remove()是指刪除該節點,結果是刪除該節點(該節點及其後代元素都將不存在)。下面放代碼來說明。<!DOCTYPE
Time of Update: 2017-01-23
Vue開發過程中遇到的疑惑知識點總結,vue知識點前言Vue.js是當下很火的一個JavaScript MVVM庫,它是以資料驅動和組件化的思想構建的。相比於Angular.js,Vue.js提供了更加簡潔、更易於理解的API,使得我們能夠快速地上手並使用Vue.js。最近終於有時間空下來,所以想著把在使用vue過程遇到的一些問題疑惑總結處理,方便自己或者有需要的朋友們參考,下面話不多說了,來看看詳細的介紹吧。一、計算緩衝computed與Methodshtml代碼: <div
Time of Update: 2017-01-23
原生js實現彈出層效果,js彈出知識要點1.遮罩層的寬度和高度是js擷取頁面的寬高(頁面內容)//擷取遮罩層(內容)的高度和寬度 var sHeight=document.documentElement.scrollHeight; var sWidth=document.documentElement.scrollWidth;2.登入框設定靜止定位fixed3.登入框置中顯示公式:(可視地區寬高-登入框寬高)/2//擷取login的寬度和高度並設定位移值 var
Time of Update: 2017-01-23
淺談angularjs $http提交資料探索,淺談angularjs前兩天在搞自己的項目,前端js架構用的是angularjs架構;網站整的差不多的時候出事了;那就是當我用$http.post()方法向伺服器提交一些資料的時候;後台總是接收不到資料;於是採用了其他方法暫時性替代一下;今天正好有時間研究這個事情;網上查了很多資料;都試了試;都是不太好;但是還是給我提供了一些解決問題的思路;本文開始:首先做了個demo如下;主要是為了比較他們的不同之處;html如下:<div class="
Time of Update: 2017-01-23
Angular ui.bootstrap.pagination分頁,angularuibootstrap本文執行個體為大家分享了Angular 分頁的具體代碼,供大家參考,具體內容如下1、Html<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>MyPagination</title>
Time of Update: 2017-01-23
Bootstrap 手風琴菜單的實現代碼,bootstrap手風琴好了,廢話不多說了,直接給大家貼代碼了,具體代碼如下所示:<!DOCTYPE html><html><head> <title></title> <meta charset="UTF-8"> <link rel="stylesheet" href="css/bootstrap.min.css"><!-- 可選的Bootstrap主題檔案(
Time of Update: 2017-01-23
javascript容錯處理代碼(屏蔽js錯誤),javascriptjs有時候大家來瀏覽網頁的時候發現IE瀏覽器左下角總有個黃色錯誤標誌,有時候更是直接彈出錯誤無法繼續瀏覽頁面,這樣對於網站的正規性與權威性發展不利。國外銀行頁面就是因為這樣的錯誤,導致使用者大量流失不敢用這個銀行的網上銀行等導致損失慘重。所以一個想要在使用者體驗與公司實力上都是不容出現的錯誤,就是不影響使用也不能讓使用者反感,幫客之家一直致力於為大家提高更好的代碼,所以這裡我們將會大家整理一些常用的代碼,使用方法什麼,希望大家
Time of Update: 2017-01-23
Vue執行個體簡單方法介紹,vue執行個體介紹 Vue執行個體的一些簡單方法<!DOCTYPE html><html><head> <title></title> <meta charset="utf-8"> <script src="http://unpkg.com/vue/dist/vue.js"></script></head><body> <div
Time of Update: 2017-01-23
bootstrap中的 form表單屬性role="form"的作用詳解,bootstraprolehtml 裡面的 role 本質上是增強語義性,當現有的HTML標籤不能充分表達語義性的時候,就可以藉助role來說明。通常這種情況出現在一些自訂的組件上,這樣可增強組件的可訪問性、可用性和可互動性。role的作用是描述一個非標準的tag的實際作用。比如用div做button,那麼設定div 的 role=“button”,協助工具輔助就可以認出這實際上是個button比如,<div