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
使用vue.js2.0 + ElementUI開發後台管理系統詳細教程(二),vue.js2.0elementui在上篇文章給大家介紹了使用vue.js2.0 + ElementUI開發後台管理系統詳細教程(一)1. 引入路由工具vue-router,切換視圖# 安裝vue-routercnpm install vue-router --save-dev2. 使用vue-routermain.jsimport Vue from 'vue'import App from
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
新聞上下滾動jquery 超簡潔(必看篇),jquery必看執行個體如下:<div class = "box"><dl
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
小程式 利用css實現遮罩效果執行個體詳解,css遮罩小程式 利用css實現遮罩效果執行個體詳解實現:,使用css實現小程式的遮罩效果,代碼如下js檔案代碼://index.js //擷取應用執行個體 var app = getApp() Page({ data: { flag: false }, a: function(){ this.setData({flag: false}) }, b: function(){ this.setData({flag: true}) } }
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
前端編碼規範(3)JavaScript 開發規範,前端javascriptJavaScript規範 變數聲明 總是使用 var 來聲明變數。如不指定 var,變數將被隱式地聲明為全域變數,這將對變數難以控制。如果沒有聲明,變數處於什麼定義域就變得不清(可以是在 Document 或 Window 中,也可以很容易地進入本地定義域)。所以,請總是使用 var 來聲明變數。 採用strict
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
JavaScript基於Dom操作實現尋找、修改HTML元素的內容及屬性的方法,javascriptdom本文執行個體講述了JavaScript基於Dom操作實現尋找、修改HTML元素的內容及屬性的方法。分享給大家供大家參考,具體如下:當網頁被載入時,瀏覽器會建立頁面的文件物件模型(Document Object Model)。HTML DOM 模型被構造為對象的樹。通過可程式化的物件模型,JavaScript 獲得了足夠的能力來建立動態 HTML。例如:改變HTML元素,改變HTML
Time of Update: 2017-01-23
Ajax跨域實現代碼(後台jsp),ajaxjspAJAX 教程AJAX = Asynchronous JavaScript and XML(非同步 JavaScript 和 XML)。在應用時主要是建立XMLHttpRequest對象,調用指定服務地址。但是IE中各個版本支援的不太一樣,所以在建立次對象時可能要特殊處理下。一般如下:function createXMLHttpRequest(){ var xmlhttp; try{ xmlhttp = new XMLHttpRequest()
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資料的本機存放區詳解,angularjs儲存詳解第一、建立一個factory來儲存和調取你的資料(你可以單獨建立一個js檔案,按照語義命名如:dataService.js。然後在你的首頁面引入這個JS檔案)<!--引入到你的首頁面裡面--><script src="dataService.js"></script>建立一個factory'use
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
小程式 自訂對話方塊執行個體詳解,小程式詳解小程式 自訂對話方塊執行個體詳解:index.wxml:<button type="default" bindtap="clickbtn"> 點擊 </button> <view class="commodity_screen" bindtap="hideModal" wx:if="{{showModalStatus}}"></view> <view