Time of Update: 2016-05-11
js判斷手機瀏覽器作業系統和瀏覽器的方法,js判斷今天就為大家介紹一下用js判斷手機用戶端平台及系統平台的方法:<script type="text/javascript">//手機端判斷各個平台瀏覽器及作業系統平台function checkPlatform(){if(/android/i.test(navigator.userAgent)){document.write("This is
Time of Update: 2016-05-11
js根據手機用戶端瀏覽器類型,判斷跳轉官網/手機網站多個執行個體代碼,js跳轉執行個體一、比較簡單粗暴缺少點類型判斷<script type="text/javascript"> var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs =
Time of Update: 2016-05-11
javascript實現列表轉場效果,javascript實現切換IE相容性沒處理,確切的說不太會,還望指點一二思路:1、js擷取要給定點擊事件的按鈕組對象,如btns=document.xxx(),遍曆過程綁定事件之前先取得當前對象的下標eg:btns[i].index=i;2、匹配index為將要顯示的DOM對象3、點擊過程中要切換class,先判斷是否含有指定class,有就刪除,沒有就添加指定class。注:if(!null)為真.4、onmouseover同理HTML<!DOCT
Time of Update: 2016-05-10
學習web前端之神器sublime text 3,websublime 第一次在部落格園寫部落格,以前都是看別人寫的技術在自己慢慢的學習。現在想自己把每天學習的東西理解並記錄下來,加深下印象以後可以做個回顧。不知道自己能否堅持每盩厔少寫2篇博文。 古話說的好:工欲善其事,必先利其器。所以我們要找到一個神器來協助我們更好的學習前端開發,要麼記事本怎麼樣?不錯是不錯估計要寫到猴年馬月了。 百度一搜,web前端開發利器有很多,比如:EditPlus,Dreamweaver,HBuilder,
Time of Update: 2016-05-11
vueJS簡單的點擊顯示與隱藏的效果【實現代碼】,vuejs隱藏實現代碼目前前端架構太多,接觸過angular、ember,現在開始倒騰vue此處用到v-if、v-else、v-show,v-if或讓元素不在DOM上,v-show只是改變display:block屬性,感覺v-if好感覺跟適合、<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>v-
Time of Update: 2016-05-11
淺析函式宣告和函數運算式——函式宣告的聲明提前,淺析運算式前兩天班級聚會,除了吃喝玩樂就是睡覺扯淡,甚是喜悅,真是獨樂樂不如眾樂樂啊。PS:畢業的或即將畢業的有時間能聚就聚吧,畢了業以後屬於自己的時間能聚到一塊兒可就少太多了。現在有點時間來看點東西總結些東西了,又因為前段時間片片斷斷地看了看JavaScript的函數部分,所以抽時間總結下函數的相關部分,當然,裡面有些部分都是自己的理解,如果有理解的不對的地方還請小夥伴們不吝指出。這一節我結合自己的理解和小夥伴們聊一下函式宣告的聲明提前。註:有的
Time of Update: 2016-05-10
帶箭頭提示框總結及執行個體,箭頭框總結執行個體 無論是提示框還是導覽列都能看到如所示的帶有箭頭的框框,這種箭頭可以通過背景圖片或者是css來實現,本文介紹三種通過css實現帶箭頭的提示框。一、通過border屬性:我們先做一個寬和高都是10px的div,邊框也是10px,1 width: 10px;2 height: 10px;3 border: 10px solid;4 border-color: red green yellow blue;
Time of Update: 2016-05-10
從一篇外文談談盒模型,外文盒模型從一篇外文談談盒模型 聲明:作為初涉前端的老菜鳥,在對知識的理解上肯定會出現些許偏差,在此先向各位看官提個醒,呵呵。我認為,理解盒子模型是學好整個CSS的關鍵之關鍵基礎。本文借鑒http://www.chinaz.com/design/2010/1229/151993.shtml(翻譯篇)的基礎上,重新翻譯了http://www.sitepoint.com/web-foundations/css-box-model/(純英文)這篇文章,再加上自己的理解,
Time of Update: 2016-05-10
JS運動學習筆記,js學習筆記<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>任意值的運動架構</title> <style> div { float: left; width: 200px; height: 200px;
Time of Update: 2016-05-10
js隨機產生姓名、手機號、社會安全號碼、銀行卡號【實現代碼】,js銀行卡開發測試的時候,經常需要填寫姓名、手機號、社會安全號碼、銀行卡號,既要符合格式要求、又不能重複。大家會到網上搜各種產生器。能不能自己寫一個簡單的產生器呢。下面是隨機產生姓名、手機號、社會安全號碼、銀行卡號的js代碼。// 產生隨機姓名 function getName(){ var familyNames = new Array( "趙", "錢", "孫", "李", "周", "吳",
Time of Update: 2016-05-10
jquery實現去除重複字串的方法小結,jquery小結本文執行個體總結了jquery實現去除重複字串的方法。分享給大家供大家參考,具體如下:這裡總結了三種去除重複字串的方法:把例子貼上,用jQuery方便些,首先要搭好環境,就是在同一目錄下(同一檔案夾下)保證有所使用的jquery1.8.1(如果是其他版本就在html代碼中作相應改動)第一:<html><head><script
Time of Update: 2016-05-10
基於BootStarp的Dailog,BootStarpDailogBootStrip簡介Bootstrap,來自 Twitter,是目前很受歡迎的前端架構。Bootstrap 是基於 HTML、CSS、JAVASCRIPT 的,它簡潔靈活,使得 Web 開發更加快捷。 它由Twitter的設計師Mark Otto和Jacob
Time of Update: 2016-05-10
onclick和onblur衝突問題的快速解決方案,onclickonblur衝突新浪首頁的搜尋方塊裡面有一個使用ajax的下拉框。我們需要實現一個點擊下拉框裡面的一項,讓搜尋方塊裡面的值變成這一項,同時下拉框消失的效果,但同時在點擊其他地方的時候,這個下拉框也要消失。大致我們同時使用onblur和onclick來使下拉框隱藏,但是更大的問題出現了,這兩個功能相衝突,onblur過於強悍,根本沒有onclick方法實現的機會,搜尋方塊無法擷取點擊項的內容。這個就是我們想要解決的onclick和o
Time of Update: 2016-04-23
Ajax 原理及優缺點 1、ajax技術的背景不可否認,ajax技術的流行得益於google的大力推廣,正是由於google earth、google
Time of Update: 2016-04-23
JS實現訊息來時讓網頁標題閃動效果的方法,js來時本文執行個體講述了JS實現訊息來時讓網頁標題閃動效果的方法。分享給大家供大家參考,具體如下:<html xmlns="http://www.w3.org/1999/xhtml" ><head runat="server"><title>無標題頁</title><script>var g_blinkid = 0;var g_blinkswitch = 0;var g_blinktitle
Time of Update: 2016-04-21
js如何準確擷取當前頁面url網址資訊,js當前url網址資訊在WEB開發中,時常會用到javascript來擷取當前頁面的url網址資訊,在這裡是我的一些擷取url資訊的小總結。下面我們舉例一個URL,然後獲得它的各個組成部分:http://i.cnblogs.com/EditPosts.aspx?opt=11、window.location.href(設定或擷取整個 URL 為字串)var test =
Time of Update: 2016-04-20
使用css3背景漸層中的透明度來設定不同顏色的背景漸層,css3透明度為了添加透明度,我們使用 rgba() 函數來定義顏色結點。rgba() 函數中的最後一個參數可以是從 0 到 1 的值,它定義了顏色的透明度:0 表示完全透明,1 表示完全不透明。rgba()後面的百分比表示位置。具體代碼:background: -webkit-linear-gradient(top, rgba(255,255,255,0.4)0%, rgba(255,255,255,0.2)75%, rgba(255,2
Time of Update: 2016-04-20
ArtEditor富文字編輯器增加表單提交功能,arteditor表單摘要: artEditor.js是一款移動端的富文字編輯器,支援圖片上傳,後面會增加表情、小視頻等功能。最近有朋友反饋artEditor是否支援表單提交,當然是支援的,在未開發該功能之前,你可以像下面這樣來實現表單提交$('.submit').on('click', function(e)
Time of Update: 2016-04-18
關於圖片清晰度問題,圖片清晰度問題今天測試給我了個建議修改的BUG,說標題列中的表徵圖不是太清楚,標題列中有個南理工的學校標誌,由於標題列整體高度就是36PX,我就讓美工給了我個32X32的透明底色的南理工表徵圖,結果是不太清楚,我就使用了原始的700X700不透明的原始圖片,通過設定IMG的width和height屬性,將其顯示為32X32的大小,觀察了下是比直接使用32X32的圖片清晰,但這個檔案比較大1M多,不適合在網頁上展示這麼大的圖片,所以我就使用PS將其調整為128X128大小,並將
Time of Update: 2016-04-17
談一談JS訊息機制和事件機制的理解,js機制訊息/事件機制是幾乎所有開發語言都有的機制,並不是deviceone的獨創,在某些語言稱之為訊息(Event),有些地方稱之為(Message).