JavaScript

標籤：lower   前台   []   變數   檢測   等於   系統   win   cas   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

前端編碼規範（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()

BootStrap CSS全域樣式和表格樣式源碼解析，bootstrapcssCSS全域樣式1、版面配置容器類樣式：.container 和 .container-fluid.container 固定寬度並且具有響應式。.container-fluid 自由寬度(100%寬度)。這2個class是直接在body標籤下建立一個div標籤，class等於這2個中的一個。 然後其他內容全部寫在這個div標籤中即可！ 例如:<!DOCTYPE

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

原生js實現新聞列表展開/收合全文功能，js新聞列表知識要點1.實現原理很簡單，通過點擊a標籤設定div的display屬性隱藏或者顯示，主要是對dom操作的掌握。2.需要用到的dom操作：parentNode

原生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

原生js實現網頁頂部自動下拉/收縮廣告效果，js知識要點1.實現原理：通過遞迴改變div的高度值達到緩慢下拉的效果。2.一共分為3個步驟我寫了三個函數第一個show()函數（下拉）：初始值高度h<300的話 h+5  反之return退出停止，調用setTimeout方法30毫秒執行一次+5第二個hide()函數（收回）：只是高度的判斷不同高度h-5

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