JavaScript

js實現使用者輸入的小寫字母自動轉大寫字母的方法，js大寫字母執行個體如下：<script language="JavaScript"> function toUpperCase(obj) { obj.value = obj.value.toUpperCase() }</script> <body> <input type="text" id="txt1" value="" onkeyup="toUpperCase(this)"/>

vue2.0父子組件及非父子組件之間的通訊方法，vue2.0父子1.父組件傳遞資料給子組件父組件資料如何傳遞給子組件呢？可以通過props屬性來實現父組件：<parent> <child :child-msg="msg"></child>//這裡必須要用 - 代替駝峰</parent>data(){ return { msg: [1,2,3] };}子組件通過props來接收資料:方式1：props: ['childMsg']方式2 :

jQuery點擊彈出層彈出模態框點擊模態框消失代碼分享，jquery模態廢話不多說了，直接給大家貼代碼了，具體代碼如下所示：<!DOCTYPE html><html><head> <title>jQuery彈出層 模態框</title> <script src="./jquery.min.js" type="text/javascript"></script> <style> .btn{

小程式之拖拽排序（代碼分享），小程式拖拽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"

JavaScript數組去重的6個方法，javascript數組方法一無需思考，我們可以得到 O(n^2) 複雜度的解法。定義一個變數數組 res 儲存結果，遍曆需要去重的數組，如果該元素已經存在在 res 中了，則說明是重複的元素，如果沒有，則放入 res 中。 function unique(a) { var res = []; for (var i = 0, len = a.length; i < len; i++) { var item = a[i]; for (var j = 0

Bootstrap架構安裝使用詳解，bootstrap使用詳解Bootstrap架構安裝使用簡單介紹下載 Bootstrap可以從 http://getbootstrap.com/ 上下載 Bootstrap 的最新版本。Download Bootstrap：下載 Bootstrap。點擊該按鈕，您可以下載 Bootstrap CSS、JavaScript 和字型的先行編譯的壓縮版本。不包含文檔和最初的原始碼檔案。Download Source：下載原始碼。點擊該按鈕，您可以直接從 from

遍曆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 = {

小程式 利用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}) } }

前端編碼規範（3）JavaScript 開發規範，前端javascriptJavaScript規範 變數聲明 總是使用 var 來聲明變數。如不指定 var，變數將被隱式地聲明為全域變數，這將對變數難以控制。如果沒有聲明，變數處於什麼定義域就變得不清（可以是在 Document 或 Window 中，也可以很容易地進入本地定義域）。所以，請總是使用 var 來聲明變數。 採用strict

boostrapTable的refresh和refreshOptions區別淺析，boostrap和sui區別在使用bootstrapTable時，重新整理資料有兩個方法refresh、refreshOptions，其用法相似：<table id="event_table"></table>...<script> $("#event_table").bootstrapTable('refresh', {url: new_url });

AngularJs上傳前預覽圖片的執行個體代碼，在工作中，使用AngularJs進行開發，在項目中，經常會遇到上傳圖片後，需在一旁預覽圖片內容，之前查了一些資料，結合實踐，得出一種比較實用的方法，相對簡化版，在這裡記錄一下，如有不同看法，歡迎一起溝通，一起成長。demo.html:<!doctype html> <html ng-app="myTestCtrl"> <head> <meta charset="UTF-8"> <title&

JavaScript基於Dom操作實現尋找、修改HTML元素的內容及屬性的方法，javascriptdom本文執行個體講述了JavaScript基於Dom操作實現尋找、修改HTML元素的內容及屬性的方法。分享給大家供大家參考，具體如下：當網頁被載入時，瀏覽器會建立頁面的文件物件模型（Document Object Model）。HTML DOM 模型被構造為對象的樹。通過可程式化的物件模型，JavaScript 獲得了足夠的能力來建立動態 HTML。例如：改變HTML元素，改變HTML

Ajax跨域實現代碼(後台jsp)，ajaxjspAJAX 教程AJAX = Asynchronous JavaScript and XML（非同步 JavaScript 和 XML）。在應用時主要是建立XMLHttpRequest對象，調用指定服務地址。但是IE中各個版本支援的不太一樣,所以在建立次對象時可能要特殊處理下。一般如下：function createXMLHttpRequest(){ var xmlhttp; try{ xmlhttp = new XMLHttpRequest()

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

jQuery中DOM節點刪除之empty與remove，jquerydom前言最近剛學了新知識，雖然是一個小知識點，但還是忍不住想和大家分享。本文的內容主要針對的是初學者，如果大家有什麼意見或者問題都可以留言交流的，下面來看看詳細的介紹吧。.empty()是指對該節點後代的刪除，結果是清空該節點（該節點裡面已無元素）。.remove()是指刪除該節點，結果是刪除該節點(該節點及其後代元素都將不存在)。下面放代碼來說明。<!DOCTYPE

Vue開發過程中遇到的疑惑知識點總結，vue知識點前言Vue.js是當下很火的一個JavaScript MVVM庫，它是以資料驅動和組件化的思想構建的。相比於Angular.js，Vue.js提供了更加簡潔、更易於理解的API，使得我們能夠快速地上手並使用Vue.js。最近終於有時間空下來，所以想著把在使用vue過程遇到的一些問題疑惑總結處理，方便自己或者有需要的朋友們參考，下面話不多說了，來看看詳細的介紹吧。一、計算緩衝computed與Methodshtml代碼: <div

原生js實現彈出層效果，js彈出知識要點1.遮罩層的寬度和高度是js擷取頁面的寬高（頁面內容）//擷取遮罩層(內容)的高度和寬度 var sHeight=document.documentElement.scrollHeight; var sWidth=document.documentElement.scrollWidth;2.登入框設定靜止定位fixed3.登入框置中顯示公式：(可視地區寬高-登入框寬高)/2//擷取login的寬度和高度並設定位移值 var

淺談angularjs $http提交資料探索，淺談angularjs前兩天在搞自己的項目，前端js架構用的是angularjs架構；網站整的差不多的時候出事了；那就是當我用$http.post()方法向伺服器提交一些資料的時候；後台總是接收不到資料；於是採用了其他方法暫時性替代一下；今天正好有時間研究這個事情；網上查了很多資料；都試了試；都是不太好；但是還是給我提供了一些解決問題的思路；本文開始：首先做了個demo如下；主要是為了比較他們的不同之處；html如下：<div class="

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

canvas繪製萬花筒效果（代碼分享），canvas萬花筒話不多說，請看代碼：<!doctype html><html><head><meta charset="utf-8"><title>萬花筒</title><style>canvas{ background:#eee; }</style><script>window.onload = function(){ var canvas =