Time of Update: 2016-03-10
JavaScript中三種非同步上傳檔案方式,javascript上傳檔案非同步上傳檔案是為了更好的使用者體驗,是每個前端必須掌握的技能。這裡我提出三點有關非同步檔案上傳的方式。 使用第三方控制項,如Flash,ActiveX等瀏覽器外掛程式上傳。 使用隱藏的iframe類比非同步上傳。 使用XMLHttpRequest2來實現非同步上傳。 第一種使用瀏覽器外掛程式上傳,需要一定的底層編碼功底,在這裡我就不講了,以免誤人子弟,提出這點大家可以自行百度。 第二種使用隱藏的if
Time of Update: 2016-03-10
在React架構中實現一些AngularJS中ng指令的例子,reactangularjs首先設定一段Angularjs代碼的ng-class:<i class="header-help-icon down" ng-class="{up:showMenu}"></i> 比較容易理解的Angularjs ng-class設定樣式代碼,那我們使用React怎麼去實現它呢?首先在state設定一個變數比如:
Time of Update: 2016-03-10
JavaScript實現資料類型的相互轉換,javascript相互轉換所有語言都有類型轉化的能力,javascript也不例外,它也為開發人員提供了大量的類型轉化訪法,本文為大家分享js實現資料類型的相互轉換,具體內容如下字串轉換數字var a =
Time of Update: 2016-03-10
javascript特殊日曆控制項分享,javascript日曆控制項本文為大家分享了一個炫酷的js日曆控制項,供大家參考,具體內容如下引用JSLit.js 下載 JSLite.io,相容 JSLite 和 jQuery安裝方法頁面引用 JSLite 或者jQuery<div id="JSLiteCalenbar4"><input type="text"></div><script type="text/javascript"
Time of Update: 2016-03-06
基於javascript html5實現多檔案上傳,javascripthtml5本文執行個體為大家分享了javascript html5實現多檔案上傳的實現方法,具體內容如下HTML結構:<div class="container"> <label>請選擇一個影像檔:</label> <input type="file" id="file_input" multiple/></div>順便說下這個上傳的主要邏輯:
Time of Update: 2016-03-10
詳解JavaScript數組和字串中去除重複值的方法,javascript數組原理在代碼中表現得非常清晰,我們直接來看代碼例子:var ages = array.map(function(obj) { return obj.age; }); ages = ages.filter(function(v,i) { return ages.indexOf(v) == i; }); console.log(ages); //=> [17, 35] function
Time of Update: 2016-03-06
JavaScript使ifram跨域相互訪問及與PHP通訊的執行個體,javascriptiframiframe 與主架構相互存取方法1.同域相互訪問假設A.html 與 b.html domain都是localhost (同域)A.html中iframe 嵌入 B.html,name=myframeA.html有js function fMain()B.html有js function fIframe()需要實現 A.html 調用 B.html 的 fIframe(),B.html 調用
Time of Update: 2016-03-10
JavaScript實現帶播放清單的音樂播放器執行個體分享,javascript音樂播放器代碼較最基礎的播放器實現增加了playlist,使用MakeList實現多首播放,有需要的可以直接使用:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html
Time of Update: 2016-03-06
初步使用Node串連Mysql資料庫,nodemysql資料庫使用Node做Web頁面開發,基本上是串連非關係型資料庫mongodb,而這裡我還是先嘗試串連了一下mysql資料庫,因為相對於mysql來說mongodb過於生疏,想著快速出來頁面,所以選擇相對熟悉一些的mysql。1. 安裝mysql下載MySQL :MySQL Downloads,並進行安裝。安裝完,會引導你對資料庫進行配置,設定root密碼以及建立普通使用者以及密碼。2.
Time of Update: 2016-03-06
深入學習AngularJS中資料的雙向繫結機制,深入學習angularjsAngular JS (Angular.JS) 是一組用來開發Web頁面的架構、模板以及資料繫結和豐富UI組件。它支援整個開發進程,提供web應用的架構,無需進行手工DOM操作。 AngularJS很小,只有60K,相容主流瀏覽器,與 jQuery 配合良好。雙向資料繫結可能是AngularJS最酷最實用的特性,將MVC的原理展現地淋漓盡致.AngularJS的工作原理是:HTML模板將會被瀏覽器解析到DOM中,
Time of Update: 2016-03-06
基於Javascript實現二級聯動菜單效果,javascript聯動菜單本文執行個體為大家分享了Javascript實現二級聯動菜單效果的對應代碼,具體內容如下如下:具體實現步驟如下:1.所用js代碼如下:<script type="text/javascript">var arr_province=["請選擇省份/城市","北京市","上海市","天津市","河南省","山東省","河北省"];var arr_city=[ ["請選擇城市/地區"],
Time of Update: 2016-03-06
jquery實現頁面常用的返回頂部效果,jquery返回頂部本文執行個體為大家分享了jquery實現返回頂部效果的全部代碼,供大家參考,具體內容如下:實現代碼:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>返回頂部</title> <style type="text/css"> *{ margin:
Time of Update: 2016-03-06
JS動態增刪表格行的方法,js動態增刪表格本文執行個體講述了JS動態增刪表格行的方法。分享給大家供大家參考,具體如下:function insertRow(tableName,className,bgcolor, cellContentArray){ var t = document.getElementByIdx(tableName); //取得table表 var tr = t.insertRow(); //插入一行 tr.className=className; //設定行的css
Time of Update: 2016-03-06
初步使用bootstrap快速建立頁面,bootstrap建立頁面1. 安裝bower前端包管理器bower是一個前端軟體包管理器,便於安裝、更新以及卸載javascript,css,html等架構資源,並解決之間的相互依賴關係。npm install -g bower // 安裝bower help //
Time of Update: 2016-03-06
jQuery實現TAB選項卡切換特效簡單示範,jquerytab本文執行個體為大家分享jQuery實現TAB選項卡切換特效,供大家參考,具體內容如下1、tab切換 on<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jQuery tab切換</title> <style type="text/css"> *{
Time of Update: 2016-03-06
node.js公眾平台開發教程,node.js公眾用nodejs怎樣來實現對公眾平台的開發呢? 別的就不多說了,先來簡單介紹公眾平台的基本原理。 伺服器就相當於一個轉寄伺服器,終端(手機、Pad等)發起請求至伺服器,伺服器,然後將請求轉寄給自訂服務(這裡就是我們的具體實現)。服務處理完畢,然後轉寄給伺服器,伺服器再將具體響應回複到終端;通訊協定為:HTTP;資料格式為:XML。
Time of Update: 2016-03-06
jquery ajax雙擊div可直接修改div中的內容,jqueryajax最近在做後台功能開發的時候,用到對排序欄位的修改,感覺只為了修改一個排序值,而要重新進入編輯頁比較麻煩,於是網上找點資料自己動手寫了一個jquery雙擊實現直接修改排序值的效果:html代碼:<div title="【雙擊可直接修改】" class="changeSort" id="{$id}">{$sort}</div>JS代碼:<script
Time of Update: 2016-03-06
JQuery日期外掛程式datepicker的使用方法,jquerydatepicker JQuery是一款非常優秀的指令碼架構,其豐富的控制項使用起來也非常簡單,配置非常靈活。下面做一個使用日期外掛程式datapicker的例子。1、下載jQuery核心檔案就不用說了吧,datepicker是輕量級外掛程式,只需jQuery的min版本就行了,然後到官網http://jqueryui.com/download下載jquery-ui壓縮包(可以選擇喜歡的theme),裡面就包含對dat
Time of Update: 2016-03-06
JavaScript類比滑鼠右鍵菜單效果,javascript滑鼠右鍵本文執行個體為大家分享了JavaScript類比滑鼠右鍵菜單的具體代碼,供大家參考,具體代碼如下:具體代碼:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>右鍵菜單</title> <style type="text/css"> *{
Time of Update: 2016-03-06
Node.js操作Firebird資料庫教程,node.jsfirebird Firebird是一個跨平台的關聯式資料庫系統,目前能夠運行在Windows、linux和各種Unix作業系統上,提供了大部分SQL-99標準的功能。它既能作為多使用者環境下的資料庫伺服器運行,也提供嵌入式資料庫的實現。 Firebird脫胎於Borland公司的開源版資料庫Interbase6.0,是一個完全非商業化的產品,用C和C++開發。