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
JS實現圖片高斯模糊轉場效果的焦點圖執行個體,js高斯焦點圖相信對大家來說都不陌生,本文給大家分享的是一種圖片高斯模糊轉場效果的焦點圖,下面話不多說了,來看看實現的和執行個體代碼吧。執行個體代碼<!doctype html><html><head><meta charset="utf-8"><title>無標題文檔</title><style>@-webkit-keyframes show{0%{opacity:
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
遍曆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
vue實現添加標籤demo範例程式碼,vue範例程式碼本篇文章主要介紹vue添加標籤,廢話不多說了,下面上具體代碼效果如下:html<div id="app"><div style="margin-bottom: 4px;"> <span class="selectedItem" v-for="item in selectedItems">{{item.name}} <i class="red fa fa-close (alias)"
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
ng-options和ng-checked在表單中的進階運用(推薦),ngcheckedAngularJS是當前非常的流行的前端架構,它的文法糖非常多,也極大的方便了前端開發人員,但是有著用法還是需要去琢磨一下的。ng-options在select表單控制項中,總結一下目前的幾種寫法。普通寫法<select> <option value="test1">test1</option> <option value="test1">test1<
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
原生js實現無限迴圈輪播圖效果,js輪播圖知識要點1.實現無限迴圈的原理:以位移的距離來判斷是否跳回第一張和最後一張也可以利用迴圈判斷圖片的當前索引值var newLeft=parseInt(list.style.left)+offset;//當前的位移量+下一次的位移量=新的位移量list.style.left=newLeft+"px";//當前的位移值=新的位移值//以位移的距離來判斷是否跳回第一張和最後一張if(newLeft>-600){ list.style.left=-3000
Time of Update: 2017-01-23
淺談angularjs $http提交資料探索,淺談angularjs前兩天在搞自己的項目,前端js架構用的是angularjs架構;網站整的差不多的時候出事了;那就是當我用$http.post()方法向伺服器提交一些資料的時候;後台總是接收不到資料;於是採用了其他方法暫時性替代一下;今天正好有時間研究這個事情;網上查了很多資料;都試了試;都是不太好;但是還是給我提供了一些解決問題的思路;本文開始:首先做了個demo如下;主要是為了比較他們的不同之處;html如下:<div class="
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