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).
Time of Update: 2016-04-17
一起學寫js Calender日曆控制項,jscalender日曆控制項最近看了一下關於js日期的一些函數,突然想到了日曆控制項,於是試著寫了一個,作為背景程式員的我水平有限,大家抱著學習的態度看看我寫的這個例子吧,一起學習進步!首先一個常用的日期函數:Date(year,month,day) var date=new Date();擷取年份var
Time of Update: 2016-04-15
js仿QQ中對連絡人向左滑動、滑出刪除按鈕的操作,js仿本文執行個體為大家分享實作類別似QQ中對連絡人的操作:向左滑動,滑出刪除按鈕。滑動超過一半時鬆開則自動滑到底,不到一半時鬆開則返回原處。純js實現使用了h5的touchmove等事件,以及用js動態改變css3的translate屬性來達到動畫效果:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta
Time of Update: 2016-04-15
分離與繼承的思想實現圖片上傳後的預覽功能:ImageUploadView,本文要介紹的是網頁中常見的圖片上傳後直接在頁面產生小圖預覽的實現思路,考慮到該功能有一定的適用性,於是把相關的邏輯封裝成了一個ImageUploadView組件,實際使用效果可查看下一段的git。在實現這個組件的過程中,有用到前面幾篇部落格介紹的相關內容,比如繼承庫class.js,任意組件的事件管理庫eventBase.js,同時包含進了自己對職責分離,表現與行為分離這兩方面的一些思考,歡迎閱讀與交流。示範效果:註:由於
Time of Update: 2016-04-15
js類式繼承與原型式繼承詳解,js原型繼承詳解本文執行個體為大家分享了js類式繼承與原型式繼承相關代碼,供大家參考,具體內容如下1.js類式繼承/* -- 類式繼承 -- *///先聲明一個超類function Person(name) {this.name = name;}//給這個超類的原型對象上添加方法 getName Person.prototype.getName = function() {return this.name;}//執行個體化這個超var a = new Person(
Time of Update: 2016-04-15
關於cookie的初識和運用(js和jq),cookie初識jsjqcookie是什麼---------------------------------------------------cookie是瀏覽器提供的一種機制,它將document
Time of Update: 2016-04-15
如何高效率去掉js數組中的重複項,高效率去掉js數組方式一: 常規模式1.構建一個新的臨時數組存放結果2.for迴圈中每次從原數組中取出一個元素,用這個元素迴圈與臨時數組對比3.若臨時數組中沒有該元素,則存到臨時數組中方式二: 使用了預設Js數組sort預設排序,是按ASCII進行排序;若要按照升降序的排列如下:<控制台列印輸出>1.先將當前數組進行排序2.檢查當前中的第i個元素 與
Time of Update: 2016-04-15
學習使用bootstarp基本控制項(table、form、button),bootstarpbuttonbootstrap為我們定義了簡潔易用的樣式,我們只需要很少的樣式指定,就可以完成簡約優雅的頁面展示。本篇主要介紹以下幾個基本控制項:1. table2. form 3. button1.
Time of Update: 2016-04-14
JS模組化開發(requireJS)使用模組化開發的好處:通過 exports 暴露介面。這意味著不需要命名空間了,更不需要全域變數。這是一種徹底的命名衝突解決方案。通過 require 引入依賴。這可以讓依賴內建,開發人員只需關心當前模組的依賴,其他事情 Sea.js/ Require.js 都會自動處理好。對模組開發人員來說,這是一種很好的 關注度分離,能讓程式員更多地享受編碼的樂趣實現JS模組化開發,目前有兩個規範,一個是AMD規範,一個是CMD規範。RequireJS遵循的是AMD規範。
Time of Update: 2016-04-15
兩種方法解決javascript url post 特殊字元轉義 + & #,最近在用url 傳特殊字元的時候探索資料丟失了。其實不是丟失,比如 ‘+'它會當成串連字元來處理了。一、替換成16進位字元,在這列幾個常用的轉換 + 空格 / ? % & = # %2B %20 %2F %3F %25 %26 &3D
Time of Update: 2016-04-14
不使用border-radius,實現一個可複用的高度和寬度都自適應的圓角矩形,border-radius圓角現在css3支援圓角矩形,但是為了相容性問題,雖然比較麻煩,但還是有必要瞭解一下以下方法。在一個div內,包含8個div,控制這個8個div的height、margin以及border屬性值,以達到圓角矩形效果,不過要注意div的順序。 html代碼:<body> <div class="bor"> <div class="b1">&