首頁

從零開始學(xué)習(xí)jQuery (六) AJAX快餐

藍(lán)藍(lán)設(shè)計(jì)的小編

一.摘要

本系列文章將帶您進(jìn)入jQuery的精彩世界, 其中有很多作者具體的使用經(jīng)驗(yàn)和解決方案,  即使你會(huì)使用jQuery也能在閱讀中發(fā)現(xiàn)些許秘籍.

本篇文章講解如何使用jQuery方便快捷的實(shí)現(xiàn)Ajax功能.統(tǒng)一所有開發(fā)人員使用Ajax的方式.

 

二.前言

Ajax讓用戶頁面豐富起來, 增強(qiáng)了用戶體驗(yàn). 使用Ajax是所有Web開發(fā)的必修課. 雖然Ajax技術(shù)并不復(fù)雜, 但是實(shí)現(xiàn)方式還是會(huì)因?yàn)槊總€(gè)開發(fā)人員的而有所差異.jQuery提供了一系列Ajax函數(shù)來幫助我們統(tǒng)一這種差異, 并且讓調(diào)用Ajax更加簡單.

 

從內(nèi)觀禪修悟出的產(chǎn)品哲學(xué)

藍(lán)藍(lán)設(shè)計(jì)的小編

藍(lán)藍(lán)注:很久以前,有一個(gè)很好的朋友去國內(nèi)的內(nèi)觀中文呆了十天,回來后的他與以前不同,多了一些寂靜觀喜,總是以喜悅的態(tài)度去看人事物,不糾結(jié),不為難自己,也不強(qiáng)求別人。他一直對(duì)我們講要我們也去禪修一下。我口上答應(yīng)著,內(nèi)心嘀咕著:去哪兒修行嗎?對(duì)公司、對(duì)工作、對(duì)家庭有好處嗎?十天很久也。

今天看到這篇文章,有心人去哪里都有領(lǐng)悟,能以文章表示出來,是一種能力。

這文中三點(diǎn):1、與其相信用戶告訴你他要什么,不如靠自己的對(duì)產(chǎn)品的覺知——用戶觀察為先不一定正確。

我是這樣理解的:覺知比理性調(diào)查更有用,有人信覺知,有人信調(diào)查。你問出答案,對(duì)方回答出來的未必是真心的,有可能說慌。有一部片子 lie to  me,是講以人的身體語言去覺知人的思想的,高水平的覺知可看透人心。

2、平等地去看待假設(shè),它們本質(zhì)上是沒有區(qū)別的——保持對(duì)他人的同理心

我是這樣理解的:事無對(duì)錯(cuò),只看從什么角度對(duì)看,產(chǎn)品經(jīng)理保持無區(qū)別心的對(duì)待,從各角度理解體察,能理解別人,海納百川,從善如流。

3、以慈悲的態(tài)度對(duì)待用戶,人性化的設(shè)計(jì)——拒絕被動(dòng)的用戶黏度

我是這樣理解的:不強(qiáng)迫用戶,用吸引的方式達(dá)成,不用推薦及強(qiáng)買強(qiáng)賣達(dá)成。


Broadway – ipad平板app界面設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   sillybuy.com  )是一家專注而深入的設(shè)計(jì)機(jī)構(gòu) ,為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)

來源:http://www.uisheji.com/161332.html

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中,   請(qǐng)點(diǎn)這里

Broadway ipad平板app界面設(shè)計(jì)

 

Broadway ipad平板app界面設(shè)計(jì)

 

Broadway ipad平板app界面設(shè)計(jì)

 

Broadway ipad平板app界面設(shè)計(jì)

 

Broadway ipad平板app界面設(shè)計(jì)

 

Broadway ipad平板app界面設(shè)計(jì)

 

Broadway ipad平板app界面設(shè)計(jì)

 

 

 

 

 

從零開始學(xué)習(xí)jQuery (五) 事件與事件對(duì)象

藍(lán)藍(lán)設(shè)計(jì)的小編

一.摘要

事件是腳本編程的靈魂. 所以本章內(nèi)容也是jQuery學(xué)習(xí)的重點(diǎn). 本文將對(duì)jQuery中的事件處理以及事件對(duì)象進(jìn)行詳細(xì)的講解. 

 

二.前言

本篇文章是至今為止本系列內(nèi)容最多的一篇, 足以可見其重要性.  大家反映要多列舉示例. 我會(huì)在時(shí)間允許的情況下盡量多列舉示例. 真正的投入生產(chǎn)使用的實(shí)例暫時(shí)還無法加入到文章中, 但是可能最后我會(huì)列舉一些作品供大家借鑒. 另外本人水平有限, 因?yàn)槲也皇荱I設(shè)計(jì)師. 文章可能有錯(cuò)誤的地方, 希望大家?guī)兔χ赋? 一起學(xué)習(xí)一起進(jìn)步. 在技術(shù)的世界里我們是沒有任何利益瓜葛. 希望大家都抱著彼此鼓勵(lì)的心態(tài), 對(duì)于回復(fù)中的激進(jìn)評(píng)論我也都會(huì)考慮, 但是希望能夠彼此尊重, 保護(hù)博客園這片程序員的凈土!

提升產(chǎn)品體驗(yàn)愉悅性的十個(gè)方法

藍(lán)藍(lán)設(shè)計(jì)的小編

無論我們的實(shí)踐方式從哪個(gè)角度出發(fā),有一點(diǎn)是無疑的:任何一個(gè)成功的設(shè)計(jì)方案都必須以產(chǎn)品功能的可行、可用、可靠為基礎(chǔ)。假設(shè)你已經(jīng)有了一款可用的產(chǎn)品,并且希望為其注入更多能夠讓用戶在情感上為之吸引的元素,那么你應(yīng)該做些什么呢?應(yīng)該從何處入手?下面是我的十個(gè)建議,希望能夠幫你有效的提升網(wǎng)站或應(yīng)用產(chǎn)品的體驗(yàn)愉悅性。

從零開始學(xué)習(xí)jQuery (四) 使用jQuery操作元素的屬性與樣式

藍(lán)藍(lán)設(shè)計(jì)的小編

一.摘要

本篇文章講解如何使用jQuery獲取和操作元素的屬性和CSS樣式. 其中DOM屬性和元素屬性的區(qū)分值得大家學(xué)習(xí).

 

二.前言

通過前面幾章我們已經(jīng)能夠完全控制jQuery包裝集了,  無論是通過選擇器選取對(duì)象, 或者從包裝集中刪除,過濾元素. 本章將講解如何使用jQuery獲取和修改元素屬性和樣式.

 

三. 區(qū)分DOM屬性和元素屬性

一個(gè)img標(biāo)簽:

<img src="images/image.1.jpg" id="hibiscus" alt="Hibiscus" class="classA" />

通常開發(fā)人員習(xí)慣將id, src, alt等叫做這個(gè)元素的"屬性". 我將其稱為"元素屬性". 但是在解析成DOM對(duì)象時(shí), 實(shí)際瀏覽器最后會(huì)將標(biāo)簽元素解析成"DOM對(duì)象", 并且將元素的"元素屬性"存儲(chǔ)為"DOM屬性". 兩者是有區(qū)別的. 
雖然我們?cè)O(shè)置了元素的src是相對(duì)路徑:images/image.1.jpg 
但是在"DOM屬性"中都會(huì)轉(zhuǎn)換成絕對(duì)路徑:http://localhost/images/image.1.jpg.

甚至有些"元素屬性"和"DOM屬性"的名稱都不一樣,比如上面的元素屬性class, 轉(zhuǎn)換為DOM屬性后對(duì)應(yīng)className.

牢記, 在javascript中我們可以直接獲取或設(shè)置"DOM屬性":

    <script type="text/javascript">         $(function() {
            var img1 = document.getElementById("hibiscus");
            alert(img1.alt);
            img1.alt = "Change the alt element attribute";
            alert(img1.alt);
        })
    </script>


所以如果要設(shè)置元素的CSS樣式類, 要使用的是"DOM屬性"className"而不是"元素屬性"class:

img1.className = "classB";

從零開始學(xué)習(xí)jQuery (三) 管理jQuery包裝集

藍(lán)藍(lán)設(shè)計(jì)的小編

一.摘要

在使用jQuery選擇器獲取到j(luò)Query包裝集后, 我們需要對(duì)其進(jìn)行操作. 本章首先講解如何動(dòng)態(tài)的創(chuàng)建元素, 接著學(xué)習(xí)如何管理jQuery包裝集, 比如添加,刪除,切片等.

 

二.前言

本系列的2,3篇上面列舉了太多的API相信大家看著眼暈. 不過這些基礎(chǔ)還必須要講, 基礎(chǔ)要扎實(shí).其實(shí)對(duì)于這些列表大家可以跳過, 等以后用到時(shí)再回頭看或者查詢官方的API說明.

本章內(nèi)容很少, 主要講解動(dòng)態(tài)創(chuàng)建元素和操作jQuery包裝集的各個(gè)函數(shù).

 

案例學(xué)習(xí):優(yōu)化移動(dòng)Web產(chǎn)品的四個(gè)要點(diǎn)

藍(lán)藍(lán)設(shè)計(jì)的小編

世界范圍內(nèi)移動(dòng)設(shè)備的使用數(shù)量在與日俱增。面對(duì)在跨越多個(gè)不同設(shè)備上創(chuàng)建良好web體驗(yàn)的挑戰(zhàn),現(xiàn)在已經(jīng)存在多種解決方案。但是對(duì)于任何一個(gè)給定的項(xiàng)目,這些解決方案中哪個(gè)是最合適的?為了回答這個(gè)問題,《移動(dòng)優(yōu)先》作者Luke以Bagcheck應(yīng)用作為案例(注:Bagcheck是一家從事搜索與發(fā)現(xiàn)業(yè)務(wù)的創(chuàng)新型企業(yè)),解釋了選擇分別設(shè)計(jì)移動(dòng)版和桌面版背后的原因,并通過對(duì)比提煉出四個(gè)優(yōu)化移動(dòng)Web產(chǎn)品的建議。全文如下:

談?wù)劗a(chǎn)品敏捷開發(fā)的幾大要點(diǎn)

藍(lán)藍(lán)設(shè)計(jì)的小編

[核心提示] 我們時(shí)常聽到許多產(chǎn)品團(tuán)隊(duì)提到“小步快跑,快速迭代”,但它到底指的是什么?對(duì)此不了解的同學(xué)可以看看這篇文章。

今天在微博上又一次看到有人轉(zhuǎn)發(fā)小馬哥的:“小步快跑,快速迭代”理論,剛好鄙人近期收集了一些快速迭代的資料,接下來結(jié)合自身的經(jīng)驗(yàn)來淺談產(chǎn)品的快速迭代方式。這篇文字可能會(huì)偏項(xiàng)目管理一些,不過我認(rèn)為項(xiàng)目管理也是產(chǎn)品經(jīng)理基本素質(zhì)之一。

日歷

鏈接

個(gè)人資料

存檔