Time of Update: 2014-08-22
javascript對中文按照拼音排序代碼,javascript拼音排序今天在代碼中用到了對中文按照拼音排序,諮詢了群裡面的大神後得到了下面的代碼:var arr = ["張三","李四","王五","阿三"]; document.write(arr+"<br/>"); arr.sort(function(a,b){ return a.localeCompare(b); });
Time of Update: 2014-08-22
jQuery添加/改變/移除CSS類及判斷是否已經存在CSS,jquerycss改變頁面元素樣式使用Javascript也可實現,但有沒有更簡潔的辦法,答案是肯定的,現在有了jQuery,似乎讓Js代碼瘦身了不少,應驗了那句話:“jQuery讓JavaScript代碼變得簡潔!”,言歸正傳,來看jquery如何添加、移除CSS類:1. removeClass() - 移除CSS類$("#target").removeClass("oldClass"); //#target
Time of Update: 2014-08-21
CSS3實戰開發:使用CSS3實現photoshop的過濾效果,css3photoshop我們知道,使用Photoshop來調整映像的亮度和對比,或者將圖片轉化為灰階等等是很常見的功能。今天我將給大家介紹幾個新特性,我們使用CSS來給web映像添加相同的效果。首先我們先在網頁中顯示一張圖片,html代碼如下:<!DOCTYPE html><html><head><meta charset="utf-8"><link
Time of Update: 2014-08-21
css3實現的4種動畫特效按鈕,css34種特效按鈕今天要給大家介紹的是css3按鈕,裡麵包含四種特效的動畫,如: 線上預覽 下載源碼實現html代碼: <div align="center" class="fond"> <br /> <div class="bouton_1"> <a href="#123">
Time of Update: 2014-08-21
linux/centos下安裝nginx(rpm安裝和源碼安裝)詳細步驟,centosnginxCentos下安裝nginx rpm包
Time of Update: 2014-08-21
java--jsp+ssh+select動態綁定資料並選中(解決方案)在三層架構與jsp組合的項目中,如何?select動態綁定資料並動態選中指定行?且看下文:1、先定義一個Bean類,用於執行個體化select綁定的每一條資料的id和name:public class DropDownListBean { private String id; private String name; public String getId() {return id; } public void
Time of Update: 2014-08-21
純css3開發的響應式設計動畫菜單(支援ie8),css3ie8這是一個響應式設計的菜單。單擊列表表徵圖,當你顯示屏大小可以完全水平放下所有功能表項目時,菜單水平顯示(1)。當你的顯示屏不能水平放置所有功能表項目時,菜單垂直顯示(2)。 而且顯示的時候是以動畫的型式顯示。效果相當的好。 點擊這裡線上預覽下面貼出實現這功能的原始碼,這是一個純用css3實現的菜單html代碼: <div class="container"> <!--[if lte IE 8]>
Time of Update: 2014-08-21
PHP結合JQueryJcrop實現頭像圖片裁切執行個體代碼看到一些網站上有圖片剪下的功能,覺得挺炫,後來找了一款專用於圖片裁切的外掛程式,jquery.Jcrop.min.js,用這個外掛程式可以方便的實現這個功能,使用時滑鼠在圖片上圈選出選區,即可把圖片裁切成所選部分,非常適合用於頭像的裁切編輯功能。前端UI分享示範分為HTML和php兩部分:第一部分,HTML代碼:.代碼 Jcrop實現圖片裁剪 <script src="../jquery-1.6.2.min.js"
Time of Update: 2014-08-21
table 西邊框樣式,table邊框樣式table { border-collapse: collapse; border: none; &
Time of Update: 2014-08-21
CSS3 實現的一個簡單的"動態主菜單" 樣本,css3主菜單其實這個樣本蠻無聊的 很簡單 也沒什麼實際的用處. 主要是展示了 CSS3 如何?動畫效果. 寫這個主要是想看一看 完成這樣的效果 我到底要寫多少代碼. 同時和我熟悉的java做個比較. 比較結果不用我說大家也知道. 用java來實現樣本中的效果 如果不藉助第三方的架構 編碼量將是相當大的. 就算用flash 來做
Time of Update: 2014-08-21
html圖片自適應螢幕大小(手機),body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul { margin: 0; padding: 0}body { min-width: 320px; font-family: 'microsoft yahei',Verdana,Arial,Helvetica,sans-serif;
Time of Update: 2014-08-21
使用jQuery實現返回頂部功能很多網站上都有返回頂部的效果,本文闡述如何使用jquery實現返回頂部按鈕。首先需要在頂部添加如下html元素:返回頂部其中a標籤指向錨點top,可以在頂部防止一個的錨點,這樣在瀏覽器不支援js時也可以實現返回頂部的效果了。要想讓返回頂部的圖片顯示在右側,還需要一些css樣式,如下:/*returnTop*/p#back-to-top{ position:fixed; display:none; bottom:100px; right:80
Time of Update: 2014-08-21
我的AngularJS 學習之旅 1、Angular的 起源 關於Angular 的起源,可以追溯到2009 年的Google Feedback 項目。當時,團隊中的一個成員Misko Hevery 做出了一個大膽的宣言:利用他自己業餘時間所開發的一個開源庫,他可以在兩周之內把目前所有東西重寫一遍。三個星期之後,他所開發的新應用的代碼量從原來的17000 行壓縮到了1500 行。是的,Misko Hevery 就是Angular之父.
Time of Update: 2014-08-21
jquery的checkbox,radio,select等方法總結jquery的checkbox,radio,select等方法總結,該文章為我的新部落格文章,以後此部落格更新頻率會降低,想查看我的最新部落格文章請看
Time of Update: 2014-08-21
JavaScript非同步機制JavaScript是單線程非同步執行的,單線程意味著代碼在任務隊列中會按照順序一個接一個的執行。非同步代表JavaScript代碼在任務隊列中的順序並不完全等同於代碼的書寫順序,比如事件綁定、Ajax、setTimeout()等任務的發生時間是“不可被預期”的。 既然JavaScript是單線程機制,那Ajax為什麼是非同步?setTimeout()是怎樣執行的? 在瀏覽器中,JavaScript引擎是單線程執行的。也就
Time of Update: 2014-08-21
jQuery實現返回頂部功能適合不支援js的瀏覽器,jquery返回頂部很多網站上都有返回頂部的效果,本文闡述如何使用jquery實現返回頂部按鈕。首先需要在頂部添加如下html元素:<p id="back-to-top"><a href="#top" rel="external nofollow" ><span></span>返回頂部</a></p>其中a標籤指向錨點top,可以在頂部防止一個<a
Time of Update: 2014-08-21
用JavaScript實現使用滑鼠畫線的範例程式碼,javascript範例程式碼<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta
Time of Update: 2014-08-21
應用r.js來最佳化你的前端我們開啟index.html 和 reg.html兩個檔案,從引入requireJS標籤中的data-main資訊,可以知道它們的入口檔案分別為 js/pages 目錄下的 index.js 和 reg.js。 故咱分別開啟 js/pages 目錄下的 index.js 和 reg.js 檔案,看下它們的配置代碼: ⑴ index.js: 複製代碼require.config({ paths: {
Time of Update: 2014-08-21
JS中實現簡單Formatter函數範例程式碼,formatter範例程式碼JS原生並沒有提供方便使用的Formatter函數,用字元拼接的方式看起來混亂難讀,而且使用起來很不方便。個人感覺C#裡提供的文法比較好用,如:String.Format(“Welcome to learn '{0}','{0}' is awesome,you will {1}
Time of Update: 2014-08-21
JS辨別訪問瀏覽器判斷是android還是ios系統,androidios項目中需要掃描二維碼之後自動分辨出是android還是ios系統,針對於不同的系統進行不同的下載。<script type="text/javascript">/** 智能機瀏覽器版本資訊:**/var browser = {versions: function() {var u = navigator.userAgent, app = navigator.appVersion;return