国产精品自在线拍亚洲另类,亚洲国产av无码

062021-8

jquery、js獲取table,遍歷輸出tr中各個(gè)td的內(nèi)容。

首先，依賴jquery..

1 $('#btntb').click(function(){ 2 $('#tab tr').each(function(i){ // 遍歷 tr 3 $(this).children('td').each(function(j){ // 遍歷 tr 的各個(gè) td 4 alert("第"+(i+1)+"行，第"+(j+1)+"個(gè)td的值："+$(this).text()+"。"); 5  }); 6  }); 7 });

js的方法

var tb = document.getElementById('tab'); // table 的 id var rows = tb.rows; // 獲取表格所有行 for(var i = 0; i<rows.length; i++ ){ for(var j = 0; j<rows[i].cells.length; j++ ){ // 遍歷該行的 td alert("第"+(i+1)+"行，第"+(j+1)+"個(gè)td的值："+rows[i].cells[j].innerHTML+"。"); // 輸出每個(gè)td的內(nèi)容  }
}

Html代碼

<div align="center"> <table id="tab" border="1" align="center"> <tr> <td>西瓜</td> <td>橙</td> </tr> <tr> <td>芒果</td> <td>桔子</td> </tr> <tr> <td>奇異果</td> <td>葡萄</td> <td>西柚</td> </tr> </table> <br> <button id="btntb">遍歷table</button> </div>

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼ben_lanlan，報(bào)下信息，會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

文章來(lái)源：博客園

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、包裝設(shè)計(jì) 、圖標(biāo)定制、用戶體驗(yàn) 、交互設(shè)計(jì)、網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

評(píng)論(0) 瀏覽(2433)

062021-8

設(shè)計(jì)師的年中總結(jié)這點(diǎn)事兒

seo達(dá)人

01.年中總結(jié)到底重不重要？

靜下心來(lái)仔細(xì)想想，年中總結(jié)到底重不重要？我覺得對(duì)于設(shè)計(jì)師來(lái)說(shuō)非常重要的！因?yàn)橥ㄟ^(guò)年中總結(jié)可以更好地了解上半年的產(chǎn)出，有什么亮點(diǎn)。技能上是否成長(zhǎng)，其中哪些不足，都可以在這個(gè)階段進(jìn)行復(fù)盤。分析遇到的問(wèn)題，解決問(wèn)題并總結(jié)歸納。

02.怎么才能使內(nèi)容更出彩？

我們?cè)诳偨Y(jié)之前，不要著急上來(lái)就寫，要先列出一個(gè)基本的框架，要進(jìn)行分析，捋清邏輯。

首先要羅列出在這上半年做了多少個(gè)項(xiàng)目，想不起來(lái)可以翻一翻以前的周報(bào)，把項(xiàng)目進(jìn)行歸類，可以分為3類：重點(diǎn)項(xiàng)目、常規(guī)項(xiàng)目和其他參與的項(xiàng)目。

然后就可以列出一個(gè)基本的總結(jié)框架，按照這個(gè)框架在結(jié)合自己的實(shí)際情況，就方便多了！下面是我列出的一個(gè)基本框架，可以根據(jù)自身情況進(jìn)行刪減。

·自我介紹

這個(gè)在開講之前都會(huì)講一下，尤其在大廠，向領(lǐng)導(dǎo)們匯報(bào)，首先要介紹你是誰(shuí)，主要負(fù)責(zé)哪個(gè)業(yè)務(wù)線，主要負(fù)責(zé)什么內(nèi)容。但是如果是小公司或者是在組內(nèi)進(jìn)行匯報(bào)，那這個(gè)環(huán)節(jié)就省去了！因?yàn)轭I(lǐng)導(dǎo)和大家對(duì)你是比較熟悉的。

·內(nèi)容引言

可以用幾個(gè)關(guān)鍵語(yǔ)句來(lái)概括一下半年的工作，能給人留下深刻的印象。要以工作的核心價(jià)值為主，比如：我把這半年我在業(yè)務(wù)能力的顯著提升總結(jié)出3個(gè)關(guān)鍵點(diǎn)

1.品質(zhì)感的提升

2.解決問(wèn)題能力的提升

3.善于思考

簡(jiǎn)單明了，定好主題后，下面內(nèi)容都圍繞著主題去說(shuō)明論證。

·重點(diǎn)內(nèi)容講解

很多人有一個(gè)誤區(qū)，覺得總結(jié)的內(nèi)容越多越好，如果缺乏重點(diǎn)，也只會(huì)讓大家覺得你努力但是卻沒有成績(jī)的印象。以這個(gè)我在年中總結(jié)中摘出來(lái)的一個(gè)紅包雨小游戲項(xiàng)目來(lái)說(shuō)：

1.首先要向大家介紹一下這個(gè)項(xiàng)目的背景，讓大家了解這個(gè)項(xiàng)目是干什么的，以及玩法是什么。

2.介紹此次項(xiàng)目中設(shè)計(jì)的亮點(diǎn)

沖擊力、層次豐富、光影質(zhì)感

PPT上面文字不用太多，提煉出關(guān)鍵點(diǎn)，簡(jiǎn)單明了，容易被大家閱讀，在講的時(shí)候在把細(xì)節(jié)具體的展開來(lái)說(shuō)，充分的介紹你的設(shè)計(jì)思路。

3.完整的界面展示

把項(xiàng)目的設(shè)計(jì)思路以及亮點(diǎn)介紹完之后，要把項(xiàng)目的所有的頁(yè)面都展示出來(lái)。并在PPT中用數(shù)字展現(xiàn)出來(lái)，要進(jìn)行量化。

4.遇到問(wèn)題如何解決的

那這個(gè)部分是非常重要的，因?yàn)榭梢哉宫F(xiàn)出你解決問(wèn)題的能力，設(shè)計(jì)師不僅僅要把界面做的美觀實(shí)用，還要在遇到問(wèn)題是能給出一個(gè)解決問(wèn)題的好方法，這也是設(shè)計(jì)師必須具備的能力之一。

當(dāng)時(shí)這個(gè)紅包雨的因?yàn)槊恳粋€(gè)界面都涉及動(dòng)效，所以和開發(fā)溝通起來(lái)很難去描述細(xì)節(jié)，最后產(chǎn)出的效果不理想的話改也是很麻煩的，所以干脆出一個(gè)demo，把想要實(shí)現(xiàn)的效果直接展示出來(lái)，這樣就什么問(wèn)題都解決了！

03.自我反思

這是對(duì)自己半年的評(píng)價(jià)，這部分可以分成自己的優(yōu)點(diǎn)和缺點(diǎn)兩類來(lái)說(shuō)，優(yōu)點(diǎn)可以說(shuō)設(shè)計(jì)滿意度，技能是否提高，設(shè)計(jì)能力是否提高，哪方面有提高；缺點(diǎn)可以說(shuō)還有哪里不足需要加強(qiáng)。

04. 明年規(guī)劃

經(jīng)過(guò)反思，你會(huì)了解到自身的不足，可以根據(jù)這些不足制定下半年的計(jì)劃，在明年的相同地方至少可以不走彎路，快速超車，最終到達(dá)目的地。

05.結(jié)語(yǔ)

都說(shuō)干得好不如ppt寫得好，其實(shí)無(wú)論是在年中或者年底的大總結(jié)還是日常的小總結(jié)，要想出彩，必然離不開平時(shí)兢兢業(yè)業(yè)的工作。但只有苦勞是遠(yuǎn)遠(yuǎn)不夠的，總結(jié)也是一種日常積累，我更希望我們每個(gè)人做的不僅僅是年中這種大一點(diǎn)的總結(jié)，而是每月總結(jié)，每周總結(jié)，甚至每天總結(jié)，曾子之所以有偉大的德行，是歸功于他的“吾日三省吾身”。如果能夠做到隔段時(shí)間就把過(guò)往工作做一次梳理，重大項(xiàng)目完結(jié)都做一次總結(jié)，那總結(jié)匯報(bào)時(shí)必然能交上像樣的答卷。

原文地址：58UXD（公眾號(hào)）

作者：環(huán)鐵藝術(shù)家

轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》設(shè)計(jì)師的年中總結(jié)這點(diǎn)事兒

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

文章來(lái)源：csdn

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、包裝設(shè)計(jì) 、圖標(biāo)定制、用戶體驗(yàn) 、交互設(shè)計(jì)、網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

評(píng)論(0) 瀏覽(1469)

062021-8

設(shè)計(jì)沉思錄｜設(shè)計(jì)價(jià)值難量化？掌握這套方法就夠了

seo達(dá)人

01.目標(biāo)導(dǎo)向的來(lái)源

目標(biāo)導(dǎo)向在我們身邊隨處可見，大到公司建立的使命、愿景、價(jià)值觀，小到公司的規(guī)劃的3年、5年的發(fā)展戰(zhàn)略，再聚焦一點(diǎn)便是每個(gè)季度制定的OKR。大大小小的目標(biāo)形成一條路徑，使得公司上下多個(gè)人、多個(gè)團(tuán)隊(duì)共同合作，為實(shí)現(xiàn)最終目標(biāo)而不懈努力。

a

02.目標(biāo)導(dǎo)向方法幫助設(shè)計(jì)師解決什么問(wèn)題

作為設(shè)計(jì)師，參與的目標(biāo)鏈路絕大多數(shù)處在偏下游的一環(huán)。設(shè)計(jì)師需要明確自己的價(jià)值，并且產(chǎn)出自己的價(jià)值。通常我們拿到的目標(biāo)是比較宏觀的，這就需要我們不斷拆解為更小的子目標(biāo)，每層目標(biāo)便是上層目標(biāo)的實(shí)現(xiàn)路徑。

目標(biāo)導(dǎo)向的設(shè)計(jì)方法能幫助設(shè)計(jì)師在整個(gè)系統(tǒng)中梳理清楚我們要承接的上層目標(biāo)是什么，也就是設(shè)計(jì)職能對(duì)業(yè)務(wù)的價(jià)值，幫助我們了解工作要求是什么，設(shè)計(jì)需要達(dá)到什么樣的標(biāo)準(zhǔn)，向下拆解我們能產(chǎn)出怎樣的策略。

a

03.目標(biāo)導(dǎo)向的設(shè)計(jì)分析方法

第一步：明確設(shè)計(jì)目標(biāo)

1.首先要了解什么是清晰的目標(biāo)。清晰的目標(biāo)由2個(gè)部分構(gòu)成，一部分是預(yù)期結(jié)果，另一部分是現(xiàn)狀，其中必然存在一定的落差。那么這個(gè)落差便是我們要解決的問(wèn)題和要完成的任務(wù)，所以一個(gè)清晰的目標(biāo)需要包括預(yù)期和現(xiàn)狀。

2.符合Smart原則：具體的、可衡量的、可實(shí)現(xiàn)的、相關(guān)的、有截止期限的。

制定的目標(biāo)不能含糊，能否達(dá)成一定是可以被證實(shí)的，不能不切實(shí)際。除此以外，制定的目標(biāo)需要和其他的目標(biāo)有所關(guān)聯(lián)，在準(zhǔn)確的截止日期完成。

3.明確我們的設(shè)計(jì)目標(biāo)需要從項(xiàng)目目標(biāo)切入，通過(guò)不斷向上追問(wèn)，補(bǔ)全業(yè)務(wù)的背景和目標(biāo)。同時(shí)基于業(yè)務(wù)目標(biāo)，拆解出設(shè)計(jì)目標(biāo)，并且為設(shè)計(jì)目標(biāo)找到可衡量的指標(biāo)。

第二步：拆解目標(biāo)的兩大步驟

通常人類有兩種思考方式：直覺思維和結(jié)構(gòu)思維。直覺思維大多是在極短的時(shí)間內(nèi)大腦做出的判斷，想到的方案大概率是不完整的。結(jié)構(gòu)思維是經(jīng)過(guò)系統(tǒng)分析后作出結(jié)論，對(duì)大的目標(biāo)拆解成要素，最后形成一個(gè)影響目標(biāo)的結(jié)構(gòu)圖。通過(guò)補(bǔ)全所有的視角，從中找到最后那幾條或者一條關(guān)鍵的解決方案。帶入這樣的思考方式，我們?nèi)绾螌?duì)目標(biāo)進(jìn)行拆解呢？

1.找拆解維度：

麥肯錫 6W3H方法：

what\where\which\when\why\how\how much\how many

通常解決一個(gè)問(wèn)題，要從提出一個(gè)好的提問(wèn)開始，提的問(wèn)題就是切入的角度。6W3H中問(wèn)到最多的是“Why”，往往也是最核心所在。通過(guò)不斷的提問(wèn)，打開的視角越廣，認(rèn)知才能越廣。

2.系統(tǒng)拆解：

找好拆解維度，怎么判斷是不是一個(gè)好的拆解呢？可以看它是否符合Mece原則：同一維度，不重不漏。它是麥肯錫的第一個(gè)女咨詢顧問(wèn)巴巴拉·明托在《金字塔原理》中提出的一個(gè)很重要的原則：各部分之間相互獨(dú)立，所有部分完全窮盡。

常見的拆解模型有以下5種：

A.二分法：把信息拆解成A和非A兩個(gè)部分。

B.過(guò)程法：按照事情發(fā)展的時(shí)間、流程、程序，對(duì)信息進(jìn)行逐一的拆解。

C.要素法：可以是從上到下，從外到內(nèi)，從整體到局部進(jìn)行拆解。

D.公式法：按照固定公式設(shè)計(jì)的要素去拆解，比如CTR、GMV等計(jì)算公式。

E.矩陣法：根據(jù)重要緊急程度構(gòu)建價(jià)值矩陣對(duì)應(yīng)四個(gè)象限：重要緊急、重要不緊急、不重要但緊急、不重要也不緊急。

同時(shí)，在目標(biāo)拆解中也有一些小技巧：

A.要夠多：對(duì)一個(gè)拆解維度的拆解方式越多，找到關(guān)鍵因素的概率越高；

B.要夠細(xì)：在逐層拆解的過(guò)程中，需要不斷檢查最細(xì)要素是否已無(wú)法再進(jìn)行拆解；

C.要夠準(zhǔn)：拆解時(shí)，要檢查是否可以推導(dǎo)出具有指導(dǎo)意義的結(jié)論。

第三步：定位重點(diǎn)

定位重點(diǎn)，可以分為2個(gè)維度構(gòu)建價(jià)值矩陣：

1.重要程度：看如何構(gòu)成目標(biāo)；

2.提升空間：看橫向?qū)Ρ?，看時(shí)間變化。

第四步：挖掘策略

通常情況下，在前面步驟做到足夠充分的時(shí)候，對(duì)應(yīng)的解決策略也會(huì)相應(yīng)成型。挖掘解決策略同樣也有4大步驟。

1.明確研究?jī)?nèi)容：依舊采用6W3H的方法，進(jìn)一步細(xì)分明確要研究的內(nèi)容；

2.選擇研究方法：桌面研究、數(shù)據(jù)分析、用戶研究、競(jìng)品分析等；

3.提取研究結(jié)論：通過(guò)以上方法研究得出的結(jié)論可能會(huì)有相同與不同之處，對(duì)最終的信息進(jìn)行分析及整理，得出最終的研究結(jié)論；

4.提煉策略：基于研究結(jié)論，提煉出相應(yīng)的解決策略。

a

結(jié)語(yǔ)：

以目標(biāo)導(dǎo)向的設(shè)計(jì)方法可以有效地幫助設(shè)計(jì)師通過(guò)對(duì)目標(biāo)的逐層拆解，從宏觀看到微觀，從模糊到清晰，從方向轉(zhuǎn)變?yōu)閯?dòng)作。在此過(guò)程中了解設(shè)計(jì)職能在整個(gè)產(chǎn)業(yè)鏈條中起到什么作用，幫助設(shè)計(jì)師們?cè)诳砂l(fā)揮的空間內(nèi)大展拳腳，實(shí)現(xiàn)價(jià)值最大化。

推薦閱讀：

《麥肯錫問(wèn)題分析與解決技巧》

《麥肯錫教我的思考武器:從邏輯思考到真正解決問(wèn)題》

《金字塔原理》

文地址： 58UXD（公眾號(hào)）

作者：環(huán)鐵藝術(shù)家

轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》設(shè)計(jì)沉思錄｜設(shè)計(jì)價(jià)值難量化？掌握這套方法就夠了

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

文章來(lái)源：csdn

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、包裝設(shè)計(jì) 、圖標(biāo)定制、用戶體驗(yàn) 、交互設(shè)計(jì)、網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

評(píng)論(0) 瀏覽(1618)

062021-8

防呆設(shè)計(jì)——10個(gè)防錯(cuò)的通用設(shè)計(jì)原則

資深UI設(shè)計(jì)者

防呆（日語(yǔ)：ポカヨケ poka yoke），是一種預(yù)防矯正的行為約束手段，運(yùn)用防止錯(cuò)誤發(fā)生的限制方法，讓操作者不需要花費(fèi)注意力、也不需要經(jīng)驗(yàn)與專業(yè)知識(shí)，憑借直覺即可準(zhǔn)確無(wú)誤地完成的操作。

而說(shuō)到防呆設(shè)計(jì)，在各行各業(yè)都應(yīng)用得非常廣泛。為了避免用戶在使用產(chǎn)品時(shí)不小心犯錯(cuò)，產(chǎn)品在設(shè)計(jì)時(shí)都會(huì)加入“防呆設(shè)計(jì)”。防呆設(shè)計(jì)，就是通過(guò)設(shè)計(jì)的方法來(lái)實(shí)現(xiàn)防呆，來(lái)幫助盡可能多的人進(jìn)行“無(wú)腦操作”的方法。當(dāng)然，防呆設(shè)計(jì)如果做得不好，就變成了招呆設(shè)計(jì)。

今天老王就跟大家來(lái)分享一下，在UI界面的設(shè)計(jì)中10種防呆設(shè)計(jì)原則。

1.阻斷性原則

2.保險(xiǎn)性原則

3.自動(dòng)原則

4.相符原則

5.順序原則

6.隱私原 則

7.重復(fù)原則

8.提示原則

9.錯(cuò)誤提示

10. 緩和原則

如果你細(xì)心觀察你的四周，就會(huì)發(fā)現(xiàn)生活中很多細(xì)節(jié)都運(yùn)用到了防呆設(shè)計(jì)。今天跟大家分享的這10種防呆設(shè)計(jì)的原則其實(shí)更是一種方法總結(jié)，具體如何運(yùn)用還需要大家?guī)氲綄?shí)戰(zhàn)中多多練習(xí)，在產(chǎn)品遇到錯(cuò)誤時(shí)，想想該用哪種方式解決。

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼ben_lanlan，報(bào)下信息，會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

文章來(lái)源：站酷作者：micu設(shè)計(jì)

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、包裝設(shè)計(jì) 、圖標(biāo)定制、用戶體驗(yàn) 、交互設(shè)計(jì)、網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

評(píng)論(0) 瀏覽(4258)

062021-8

興趣電商，是新機(jī)遇還是偽概念？

資深UI設(shè)計(jì)者

編輯導(dǎo)語(yǔ)：如今，電商的發(fā)展如火如荼，我們的生活已經(jīng)離不開電商平臺(tái)。隨之帶來(lái)的是豐富多樣的選擇，消費(fèi)者可選擇的種類更多了。但消費(fèi)者的需求也在發(fā)生著變化，興趣電商的機(jī)會(huì)也來(lái)了。如何在興趣電商中拔得頭籌，脫穎而出？我們一起來(lái)看看吧。

作者 | 周曉奇

編輯 | 子夜

來(lái)源 | 連線Insight（ID:lxinsight）

“過(guò)度豐富的商品對(duì)于消費(fèi)者來(lái)說(shuō)，或許是一種恩賜，或許是一種詛咒?！痹凇镀奉悮⑹帧芬粫校绹?guó)著名零售業(yè)研究專家羅伯特·斯佩克特提到。

經(jīng)過(guò)十幾年的蓬勃發(fā)展，電商生態(tài)已經(jīng)足夠豐富，如今人們足不出戶就可以購(gòu)買到市面上絕大部分商品。

但電商在豐富消費(fèi)者物質(zhì)生活的同時(shí)，也出現(xiàn)了商品過(guò)度豐富、信息過(guò)剩，用戶反而會(huì)因此感到疲倦，貨比三家也頗費(fèi)精力。

這也讓“推薦商品”成了新的商機(jī)。從社交電商，到目前依靠?jī)?nèi)容吸引用戶購(gòu)買行為的電商生態(tài)，都是“貨找人”的場(chǎng)景。

據(jù)招商證券發(fā)布的《直播電商三國(guó)殺》報(bào)告顯示，從2015年開始，以短視頻、直播為主要載體，依托優(yōu)質(zhì)內(nèi)容激發(fā)消費(fèi)者興趣的電商生態(tài)，在國(guó)內(nèi)突然興起，并呈現(xiàn)爆發(fā)式發(fā)展。

圖源招商證券報(bào)告

今年2月，中國(guó)互聯(lián)網(wǎng)絡(luò)信息中心發(fā)布的第47次《中國(guó)互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計(jì)報(bào)告》，其中數(shù)據(jù)顯示，在電商直播中購(gòu)買過(guò)商品的用戶已經(jīng)占到整體電商直播用戶的66.2%，其中17.8%用戶的電商直播消費(fèi)金額占其所有網(wǎng)上購(gòu)物消費(fèi)額的三成以上。

通過(guò)短視頻、直播，用戶發(fā)現(xiàn)并了解了商品，而優(yōu)質(zhì)的內(nèi)容則激發(fā)了用戶潛在的消費(fèi)需求。

這種電商生態(tài)，用興趣電商表述更為準(zhǔn)確。

不過(guò)，頗受爭(zhēng)議的是，在國(guó)內(nèi)電商生態(tài)如此繁榮的環(huán)境下，興趣電商是涌現(xiàn)的新機(jī)遇，還是偽概念？

商家、品牌商們已經(jīng)在用腳投票，越來(lái)越多的品牌正在組建獨(dú)立的興趣電商團(tuán)隊(duì)。

據(jù)連線Insight不完全統(tǒng)計(jì)，美的、珀萊雅等品牌都在內(nèi)部搭建了專門的直播團(tuán)隊(duì)，三只松鼠有十余人的直播運(yùn)營(yíng)團(tuán)隊(duì)，良品鋪?zhàn)由踔吝€專門為抖音電商渠道單獨(dú)注冊(cè)了一家公司。

在技術(shù)的不斷突破下，電商生態(tài)也隨之風(fēng)云變幻，而興趣電商的出現(xiàn)，或?qū)⒊蔀楫?dāng)前短視頻平臺(tái)在電商領(lǐng)域突圍的關(guān)鍵。

一、用戶消費(fèi)習(xí)慣變了，電商的新機(jī)會(huì)是什么？

時(shí)代浪潮滾滾向前，電商世界也隨著用戶習(xí)慣的變化而風(fēng)云變幻。

在最早期，人們希望買到自己需要的東西，搜索式電商滿足了這一階段的用戶需求，解決了購(gòu)物渠道和價(jià)格信息不對(duì)稱的問(wèn)題。

搜索電商時(shí)代解決了“人找貨”的問(wèn)題，而社交電商時(shí)代很快進(jìn)入了“貨找人”的階段。

在新的階段，出現(xiàn)了借助社交流量激活的電商生態(tài)。在社交電商中，人的價(jià)值開始發(fā)揮重要作用，通過(guò)用戶與用戶建立聯(lián)系，進(jìn)而推薦商品，極大地提升了用戶對(duì)不熟悉商品的信任感。

更關(guān)鍵的是，在社交電商生態(tài)中，產(chǎn)生第一次交易后，真正的裂變才剛剛開始。通過(guò)社群或個(gè)體聯(lián)系，社交電商可以覆蓋單個(gè)用戶所有生活必需品。

由此，專業(yè)的社交電商玩家陸續(xù)誕生，開始有了與傳統(tǒng)電商分庭抗禮的實(shí)力。

可見，跟隨用戶消費(fèi)習(xí)慣的變遷，在不同階段都會(huì)誕生不同的電商模式。

那么目前，用戶出現(xiàn)了什么新的消費(fèi)習(xí)慣？電商領(lǐng)域還有什么新趨勢(shì)？

通過(guò)觀察用戶可支配收入、規(guī)模，以及日常高頻使用的軟件，或許能夠看到正在誕生的新機(jī)會(huì)。

如今，隨著全國(guó)居民人均可支配收入的連年增長(zhǎng)，人們的消費(fèi)習(xí)慣在不斷發(fā)生改變。

據(jù)國(guó)家統(tǒng)計(jì)局?jǐn)?shù)據(jù)顯示，2020年，全國(guó)居民人均可支配收入為32189元，比上年名義增長(zhǎng)4.7%，扣除價(jià)格因素，實(shí)際增長(zhǎng)2.1%。其中，城鎮(zhèn)居民人均可支配收入43834元，增長(zhǎng)3.5%，扣除價(jià)格因素，實(shí)際增長(zhǎng)1.2%；農(nóng)村居民人均可支配收入17131元，增長(zhǎng)6.9%，扣除價(jià)格因素，實(shí)際增長(zhǎng)3.8%。

與電商剛崛起的時(shí)代不同，如今網(wǎng)購(gòu)已演變?yōu)橐环N基礎(chǔ)消費(fèi)形式，成為大多數(shù)用戶日常生活的基礎(chǔ)組成部分，而此時(shí)大部分用戶已經(jīng)跨越了生存需求階段，越來(lái)越愿意為自己的興趣付費(fèi)。

抖音電商總裁康澤宇提到，當(dāng)前用戶的消費(fèi)結(jié)構(gòu)發(fā)生了升級(jí)，早期大眾消費(fèi)時(shí)代，消費(fèi)者需要什么買什么，現(xiàn)在消費(fèi)者生活富裕了，出現(xiàn)了很多精品店、Shopping Mall，消費(fèi)者逛街過(guò)程中，沒有什么特別明確的需求，只是看到什么喜歡買什么。

據(jù)中國(guó)網(wǎng)絡(luò)視聽節(jié)目服務(wù)協(xié)會(huì)發(fā)布的《2020年中國(guó)網(wǎng)絡(luò)視聽發(fā)展研究報(bào)告》（以下簡(jiǎn)稱網(wǎng)絡(luò)視聽報(bào)告）顯示，我國(guó)短視頻用戶規(guī)模已經(jīng)達(dá)8.18億，占網(wǎng)民整體的87.0%，其中，抖音穩(wěn)居行業(yè)第一梯隊(duì)。

在報(bào)告進(jìn)行的專項(xiàng)調(diào)查結(jié)果中，其中46.9%的用戶每天看綜合視頻的時(shí)間在1-2小時(shí)，對(duì)于短視頻而言，這一數(shù)字為34.8%；此外，有16.1%的用戶每天收看綜合視頻的時(shí)長(zhǎng)在2小時(shí)以上，對(duì)于短視頻而言，這一數(shù)字為18.2%。

從各項(xiàng)維度來(lái)看，短視頻已經(jīng)成長(zhǎng)為互聯(lián)網(wǎng)行業(yè)第一大用戶時(shí)長(zhǎng)、流量和內(nèi)容的聚集地。

這意味著，很多用戶的喜好在短視頻這個(gè)巨大的內(nèi)容平臺(tái)上展示，他們對(duì)感興趣的內(nèi)容點(diǎn)贊和評(píng)論。

根據(jù)用戶喜愛的內(nèi)容，發(fā)現(xiàn)用戶的潛在需求，給他們推薦他們感興趣的商品，這是興趣電商最大的特點(diǎn)。

但要做好這件事并不容易，當(dāng)消費(fèi)者的需求不明確的時(shí)候，商家要怎么幫助用戶發(fā)現(xiàn)潛在需求？平臺(tái)又怎么幫助商家將商品推薦給感興趣的人？

二、興趣電商，重在興趣

興趣電商，真的能帶來(lái)成交嗎？

興趣電商對(duì)應(yīng)的消費(fèi)特征是，用戶存在潛在的消費(fèi)需求，但并不知道真正契合自己需求的是什么商品，或者說(shuō)，在海量的商品信息、層出不窮的新科技新產(chǎn)品面前，消費(fèi)者不知道自己的興趣和需求究竟應(yīng)該以怎樣的產(chǎn)品形態(tài)出現(xiàn)。

而在用戶觀看短視頻或直播的過(guò)程中，豐富而生動(dòng)的內(nèi)容會(huì)激發(fā)出用戶潛在的消費(fèi)需求，從而轉(zhuǎn)化為商品訂單。

在招商證券的《直播電商三國(guó)殺》報(bào)告中提到，直播帶貨能夠帶動(dòng)觀看用戶的消費(fèi)欲望：超過(guò)60%的用戶表示直播帶貨能夠非常大或者比較大地引起消費(fèi)欲望。

抖音創(chuàng)作者馬玲敏最先感覺到了這一趨勢(shì)。三年前，馬玲敏只是在朋友中最先玩抖音，平常拍攝的也都是自己上下班的日常，而在一次無(wú)意中，她拍攝了一條云南特色美食”油炸玫瑰花”的視頻，這讓其一夜?jié)q粉五萬(wàn)。

當(dāng)?shù)亓?xí)以為常的食物與鄉(xiāng)貨，在外界看來(lái)卻是新鮮事、新鮮好物。馬玲敏捕捉到這種變化后，開始通過(guò)短視頻和直播，將更多云南的特色鄉(xiāng)貨傳播給更多地方。

2020年，馬玲敏與團(tuán)隊(duì)小伙伴，走了上萬(wàn)公里路，探訪了30多個(gè)云南村莊，在傳播云南特色鄉(xiāng)貨的同時(shí)，也賣出了2.5萬(wàn)件當(dāng)?shù)靥厣朗?，年銷售額達(dá)到123萬(wàn)元。

馬玲敏的案例，正展現(xiàn)出興趣電商的獨(dú)特性與商業(yè)價(jià)值。如果沒有抖音短視頻和直播，馬玲敏或許還是一個(gè)幼兒園老師，而沒有她的傳播，全國(guó)各地的用戶也不會(huì)知道眾多云南特色鄉(xiāng)貨。

通過(guò)短視頻和直播，貨找人的路徑得以實(shí)現(xiàn)，而依托優(yōu)質(zhì)的內(nèi)容，才是真正推進(jìn)興趣電商誕生并發(fā)展壯大的重要因素。

更多的創(chuàng)作者，正在短視頻平臺(tái)上輸出著優(yōu)質(zhì)的內(nèi)容，而這些內(nèi)容，都蘊(yùn)藏著商機(jī)。

只要在工作室內(nèi)，陳凱拿起一把錘子，就能敲敲打打一整天，但他不是修理工，而是一位中國(guó)傳統(tǒng)甲胄愛好者。

傳統(tǒng)甲胄，圖源抖音賬號(hào)殿前司-胖虎

作為中國(guó)鎧甲愛好者社團(tuán)“殿前司”的發(fā)起人之一，2018年，陳凱注冊(cè)了抖音賬號(hào)，開始通過(guò)短視頻的形式，讓那些曾經(jīng)只存在于壁畫上、書籍里的傳統(tǒng)鎧甲“活了起來(lái)”。

在他的短視頻中，包含了從傳統(tǒng)甲胄的整體展示，到制作過(guò)程、盔甲相關(guān)的歷史文化知識(shí)。

在現(xiàn)代追求高科技、新技術(shù)的潮流下，陳凱為喜愛甲胄的玩家，開辟了一個(gè)小小的天地，而網(wǎng)友在陳凱的短視頻和直播當(dāng)中，也找到了自己對(duì)傳統(tǒng)甲胄的熱情，成為了資深愛好者，積極地消費(fèi)、傳播著相關(guān)工藝作品和文化。

據(jù)連線Insight了解，如今在抖音上，手藝人的比例越來(lái)越多。原本，這些手藝人制作的工藝品無(wú)人問(wèn)津，而通過(guò)抖音等短視頻平臺(tái)，這些手藝人甚至實(shí)現(xiàn)了年入百萬(wàn)。

追根溯源，這些手藝人能夠崛起的關(guān)鍵原因之一是，他們?cè)絹?lái)越習(xí)慣并擅長(zhǎng)使用短視頻渠道。

相比圖文內(nèi)容，豐富的視頻內(nèi)容更為通俗易懂，理解短視頻內(nèi)容的門檻也就更低，由此吸引并帶來(lái)了更多元化的用戶群體。

據(jù)網(wǎng)絡(luò)視聽報(bào)告顯示，截至2020年6月，我國(guó)網(wǎng)民較2020年3月新增3625萬(wàn)。新增網(wǎng)民中，15.2%的人第一次上網(wǎng)時(shí)使用的是短視頻應(yīng)用，此外，新網(wǎng)民對(duì)短視頻使用率為77.2%，較2018年底增長(zhǎng)10個(gè)百分點(diǎn)以上。

對(duì)手藝人而言，他們創(chuàng)作的內(nèi)容天然具有稀缺的趣味性，而這種趣味性內(nèi)容一旦匹配到相關(guān)愛好者，就有了商業(yè)變現(xiàn)的可能。

可以說(shuō)，短視頻和直播帶貨，將商品展示變得更加生動(dòng)、直觀，而這也是推動(dòng)興趣電商興起的時(shí)代背景。

根據(jù)第三方測(cè)算，興趣電商的GMV到2023年大概會(huì)超過(guò)9.5萬(wàn)億，整個(gè)電商行業(yè)會(huì)有越來(lái)越多的參與者轉(zhuǎn)向興趣電商。

三、風(fēng)口漸起，誰(shuí)能突圍成功？

興趣電商的想象空間很大，但想吃到這塊蛋糕得有真實(shí)力。

需要比拼的要點(diǎn)，包括了平臺(tái)創(chuàng)作者的數(shù)量、用戶數(shù)量、內(nèi)容的豐富和優(yōu)質(zhì)程度、推薦分發(fā)技術(shù)。

只有這些都具備了，才能同時(shí)服務(wù)好用戶和商家，在激烈的電商競(jìng)爭(zhēng)中實(shí)現(xiàn)突圍。

對(duì)于商家而言，興趣電商的崛起，意味著更嚴(yán)峻的考驗(yàn)，其不僅需要挑選出符合用戶興趣的商品，還要通過(guò)豐富的內(nèi)容來(lái)展現(xiàn)該商品的趣味性，但這也意味著有更多發(fā)展與崛起的機(jī)會(huì)。

首先最直觀的，就是獲得新客。

在流量普遍高昂的情況下，商家獲客的成本居高不下，興趣電商顯然是一個(gè)值得嘗試的渠道。

據(jù)康澤宇透露，抖音平臺(tái)的商家反饋，抖音電商85%的消費(fèi)者都是新客，這意味著越來(lái)越多的消費(fèi)者，開始涌入興趣電商生態(tài)。

當(dāng)前，據(jù)抖音官方數(shù)據(jù)顯示，截至2020年8月，包含抖音火山版在內(nèi)，抖音的日活躍用戶數(shù)已經(jīng)超過(guò)6億。

在這個(gè)用戶數(shù)量的基礎(chǔ)上，只要結(jié)構(gòu)合理、運(yùn)行得當(dāng)，其未來(lái)發(fā)展空間足夠廣闊。

加華資本創(chuàng)始合伙人宋向前曾提到，現(xiàn)在年輕人受到非常好的教育，他們的視野更廣闊，而且作為數(shù)字經(jīng)濟(jì)原住民，這一代年輕人掌握了很多信息，填補(bǔ)了信息差距。

龐大的年輕群體，也有更高的消費(fèi)力。

據(jù)第一財(cái)經(jīng)商業(yè)數(shù)據(jù)中心發(fā)布的《2020Z世代消費(fèi)態(tài)度洞察報(bào)告》顯示，在中國(guó)，Z時(shí)代的開支達(dá)4萬(wàn)億人民幣，占全國(guó)家庭總開支的13%，同時(shí)Z時(shí)代人群更愿意為自己的多元興趣而買單。

Z時(shí)代消費(fèi)規(guī)模，圖源2020Z世代消費(fèi)態(tài)度洞察報(bào)告

可見，在不久的將來(lái)，隨著Z時(shí)代逐漸成為社會(huì)重要支柱，更有趣、精準(zhǔn)，內(nèi)容質(zhì)量更好的興趣電商，可能將改變整個(gè)電商產(chǎn)業(yè)以及重塑其中各個(gè)環(huán)節(jié)。

但如今，國(guó)內(nèi)興趣電商市場(chǎng)還在發(fā)展初期，與傳統(tǒng)電商生態(tài)依舊有很大差距，同時(shí)興趣電商要想避免僅停留在概念層面，平臺(tái)應(yīng)該有耐心、有遠(yuǎn)見，重視治理、重視質(zhì)量，重視單純的GMV數(shù)字之外更切實(shí)的用戶體驗(yàn)，如此才能讓興趣電商真正成為增長(zhǎng)引擎。

更為重要的是，作為電商生態(tài)中的新勢(shì)力，興趣電商不僅需要保證商品的內(nèi)容有趣，更需要確保商品質(zhì)量，保障每個(gè)消費(fèi)者的購(gòu)物體驗(yàn)。

看起來(lái)質(zhì)量好，拿到手的產(chǎn)品不低于預(yù)期，這才能真正讓感興趣的用戶，沉淀為忠誠(chéng)粉絲。

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼ben_lanlan，報(bào)下信息，會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

文章來(lái)源：人人都是產(chǎn)品經(jīng)理作者：米可

分享此文一切功德，皆悉回向給文章原作者及眾讀者.

免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、包裝設(shè)計(jì) 、圖標(biāo)定制、用戶體驗(yàn) 、交互設(shè)計(jì)、網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

評(píng)論(0) 瀏覽(1451)

052021-8

jq 變量轉(zhuǎn)字符串_JS中將一個(gè)值轉(zhuǎn)換為字符串的3種方法

前端達(dá)人

1.value.toString()

2."" + value

3.String(value)

第一種方法存在的問(wèn)題是,它不能把null和undefined轉(zhuǎn)換為字符串.還有第二種和第三種方法,這兩種方法的效果基本一樣.

""+value: 使用加法運(yùn)算符配合一個(gè)空字符串可以把任意值轉(zhuǎn)換為字符串,我覺得這種方法代碼的可讀性很差,但相對(duì)String(value)來(lái),還是有一些人更喜歡用這種轉(zhuǎn)換方式.

String(value): 這種方法可讀性更好,唯一的問(wèn)題是,這種函數(shù)調(diào)用可能會(huì)迷惑一些人,尤其是那些熟悉Java的程序員,因?yàn)镾tring同時(shí)也是一個(gè)構(gòu)造函數(shù).要注意的是它作為普通函數(shù)和作為構(gòu)造函數(shù)時(shí)的表現(xiàn)完全不同

其他：

a. 要把一個(gè)數(shù)字轉(zhuǎn)換為字符串，只要給它添加一個(gè)空的字符串即可：

var n = 100;

var n_as_string = n + "";

b. 要讓數(shù)字更加顯式地轉(zhuǎn)換為字符串,可以使用String()函數(shù):

var string_value = String(number);

c. 使用toString()方法:

string_value = number.toString();

Number對(duì)象的(基本的數(shù)字轉(zhuǎn)換為Number對(duì)象，以便可以調(diào)用這個(gè)方法)toString()方法有一個(gè)可選的參數(shù)，該參數(shù)用來(lái)指定轉(zhuǎn)換的基數(shù)。如果不指定這個(gè)參數(shù)，轉(zhuǎn)換會(huì)以10為基數(shù)進(jìn)行。然而，也可以按照其他的基數(shù)(2到36之間的數(shù))來(lái)轉(zhuǎn)換數(shù)字。

var n = 17;

binary_string = n.toString(2); // Evaluates to "10001"

octal_string = "0" + n.toString(8); // Evaluates to "021"

hex_string = "0x" + n.toString(16); // Evaluates to "0x11"

d. toFixed()方法把一個(gè)數(shù)字轉(zhuǎn)換為字符串，并且顯示小數(shù)點(diǎn)后的指定的位數(shù)。它不使用指數(shù)表示法。

var n = 123456.789;

n.toFixed(0); // "123457"

n.toFixed(1); // "123456.8"

e. toExponential()使用指數(shù)表示法把一個(gè)數(shù)字轉(zhuǎn)換為字符串，小數(shù)點(diǎn)前面有1位數(shù)，而小數(shù)點(diǎn)后面有特定的位數(shù)。

var n = 123456.789;

n.toExponential(1); // "1.2e+5"

n.toExponential(3); // "1.235e+5"

f. toPrecision()使用指定的有意義的位數(shù)來(lái)顯示一個(gè)數(shù)字，如果有意義的位數(shù)還不夠顯示數(shù)字的整個(gè)整數(shù)部分，它就使用指數(shù)表示法。

var n = 123456.789;

n.toPrecision(4); // "1.235e+5"

n.toPrecision(7); // "123456.8"

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼ben_lanlan，報(bào)下信息，會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

文章來(lái)源：博客園

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、包裝設(shè)計(jì) 、圖標(biāo)定制、用戶體驗(yàn) 、交互設(shè)計(jì)、網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

評(píng)論(0) 瀏覽(1944)

052021-8

jquery遍歷table的tr獲取td的值

前端達(dá)人

html代碼：

 1 <tbody id="history_income_list">  2 <tr>  3 <td align="center"><input type="text" class="input-s input-w input-hs"></td>  4 <td align="center"><input type="text" class="input-s input-w input-hs"></td>  5 <td align="center"><input type="text" class="input-s input-w input-hs"></td>  6 <td align="center"><a class="" onclick="history_income_del(this);" href="###">刪除</a></td>  7 </tr>  8 <tr>  9 <td align="center"><input type="text" class="input-s input-w input-hs"></td> 10 <td align="center"><input type="text" class="input-s input-w input-hs"></td> 11 <td align="center"><input type="text" class="input-s input-w input-hs"></td> 12 <td align="center"><a class="" href="###">刪除</a></td> 13 </tr> 14 <tr> 15 <td align="center"><input type="text" class="input-s input-w input-hs"></td> 16 <td align="center"><input type="text" class="input-s input-w input-hs"></td> 17 <td align="center"><input type="text" class="input-s input-w input-hs"></td> 18 <td align="center"><a class="" href="###">刪除</a></td> 19 </tr> 20 </tbody> 21

方法一：

var trList = $("#history_income_list").children("tr") for (var i=0;i<trList.length;i++) { var tdArr = trList.eq(i).find("td"); var history_income_type = tdArr.eq(0).find('input').val();//收入類別 var history_income_money = tdArr.eq(1).find('input').val();//收入金額 var history_income_remark = tdArr.eq(2).find('input').val();// 備注  alert(history_income_type);
        alert(history_income_money);
        alert(history_income_remark);
    }

方法二：

$("#history_income_list").find("tr").each(function(){ var tdArr = $(this).children(); var history_income_type = tdArr.eq(0).find('input').val();//收入類別 var history_income_money = tdArr.eq(1).find('input').val();//收入金額 var history_income_remark = tdArr.eq(2).find('input').val();// 備注  alert(history_income_type);
        alert(history_income_money);
        alert(history_income_remark);

    });

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼ben_lanlan，報(bào)下信息，會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

文章來(lái)源：博客園

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、包裝設(shè)計(jì) 、圖標(biāo)定制、用戶體驗(yàn) 、交互設(shè)計(jì)、網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

評(píng)論(0) 瀏覽(2001)

052021-8

jquery中checkbox反復(fù)沒反應(yīng)問(wèn)題解決辦法

前端達(dá)人

jquery1.9以后，checkbox的選中用attr就有問(wèn)題，第一次能選中，第二次選不中，要換成prop來(lái)設(shè)置屬性。

1,問(wèn)題重現(xiàn)

代碼如下

復(fù)制代碼

<html>
<body>
<input type="checkbox" name="items" value="test" id='test' />test

在這里有一點(diǎn)要注意，第一次選中后，用開發(fā)者工具，可以看到，checkbox有checked='checked'屬性，第二次，點(diǎn)了，但是選不中，還是有checked='checked'

2,解決辦法

代碼如下	復(fù)制代碼
<script type="text/javascript"> $(function(){ $('.selected').click(function(){ $('#test').prop('checked',true); }); $('.unselected').click(function(){ $('#test').prop('checked',false); }); }); </script>

轉(zhuǎn)載于:https://my.oschina.net/china008/blog/407350

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼ben_lanlan，報(bào)下信息，會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

文章來(lái)源：博客園

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、包裝設(shè)計(jì) 、圖標(biāo)定制、用戶體驗(yàn) 、交互設(shè)計(jì)、網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

評(píng)論(0) 瀏覽(2448)

052021-8

怎么使用jquery判斷一個(gè)元素是否含有一個(gè)指定的類（class）

前端達(dá)人

在jQuery中可以使用2種方法來(lái)判斷一個(gè)元素是否包含一個(gè)確定的類(class)。兩種方法有著相同的功能。2種方法如下：（個(gè)人喜歡用hasClass()）

1. hasClass(‘classname’)

2. is(‘.classname’)

以下是一個(gè)div元素是否包含一個(gè)redColor的例子：

1. 使用is(‘.classname’)的方法

$('div').is('.redColor')

2. 使用hasClass(‘classname’)的方法(注意jquery的低版本可能是hasClass(‘.classname’))

$('div').hasClass('redColor')

以下是檢測(cè)一個(gè)元素是否含有一個(gè)redColor類的例子，含有時(shí)，則把其類變?yōu)閎lueColor。

<html>

<head>

<styletype="text/css">

  .redColor {

        background:red;

  .blueColor {

        background:blue;

</style>

<scripttype="text/javascript"src="jquery-1.3.2.min.js"></script>

</head>

<body>

  <h1>jQuery check if an element has a certain class</h1>

  <divclass="redColor">This is a div tag with class name of "redColor"</div>

<p>

  <buttonid="isTest">is('.redColor')</button>

  <buttonid="hasClassTest">hasClass('.redColor')</button>

  <buttonid="reset">reset</button>

  </p>

<scripttype="text/javascript">

    $("#isTest").click(function () {

          if($('div').is('.redColor')){

                $('div').addClass('blueColor');

});

    $("#hasClassTest").click(function () {

          if($('div').hasClass('redColor')){

                $('div').addClass('blueColor');

});

        $("#reset").click(function () {

          location.reload();

});

</script>

</body>

</html>

初始效果：

點(diǎn)擊is('.redColor')后的效果：

點(diǎn)擊hasClass('redColor')的效果與點(diǎn)擊is('.redColor')后的效果相同，點(diǎn)擊reset的效果與初始效果相同。

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼ben_lanlan，報(bào)下信息，會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

文章來(lái)源：博客園

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、包裝設(shè)計(jì) 、圖標(biāo)定制、用戶體驗(yàn) 、交互設(shè)計(jì)、網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

評(píng)論(0) 瀏覽(3190)

052021-8

用戶體驗(yàn)設(shè)計(jì)法則應(yīng)該怎么用？來(lái)看看這些應(yīng)用原理！

seo達(dá)人

1、菲茨定律

選中目標(biāo)所需時(shí)間與移動(dòng)距離長(zhǎng)短和目標(biāo)面積大小有關(guān)。（與距離負(fù)相關(guān)，與面積正相關(guān)）

現(xiàn)實(shí)中的應(yīng)用

在商場(chǎng)中尋找洗手間取決于標(biāo)志的大小及步行的距離。為了滿足這兩個(gè)標(biāo)準(zhǔn)，標(biāo)志設(shè)計(jì)得更大、更容易接近。

設(shè)計(jì)應(yīng)用

▲ 左側(cè)頁(yè)面的CTA按鈕很小，沒有突出顯示，與表單的其他元素基本上沒有區(qū)分；右側(cè)頁(yè)面CTA按鈕尺寸很大，能讓用戶清晰識(shí)別。

2、?？硕?/strong>

決策所需要花費(fèi)的時(shí)間隨著選擇的數(shù)量和復(fù)雜性增加而增加。

現(xiàn)實(shí)中的應(yīng)用

與餐廳相比，快餐店的菜單選項(xiàng)有限。因此顧客點(diǎn)餐速度更快，門店提供的服務(wù)也更快。

設(shè)計(jì)應(yīng)用

▲ 在Whatsapp上轉(zhuǎn)發(fā)消息時(shí)，會(huì)在“最近聊天”列表上方看到“經(jīng)常聯(lián)系”的3個(gè)好友。這對(duì)用戶來(lái)說(shuō)是一種簡(jiǎn)單的交互，幫助用戶節(jié)省操作時(shí)間。

3、共域定律

被一個(gè)顯而易見的邊框包圍起來(lái)的多個(gè)元素，被視為一個(gè)群組。(從屬于格式塔理論)

現(xiàn)實(shí)中的應(yīng)用

在服裝店中，衣服按照類型被分到不同的架子上來(lái)展示，即使對(duì)這家服裝店一無(wú)所知，顧客也會(huì)將一個(gè)貨架內(nèi)的商品關(guān)聯(lián)成相似的東西。

設(shè)計(jì)應(yīng)用

▲ 過(guò)濾器被封閉在產(chǎn)品頁(yè)面之外的單獨(dú)區(qū)域中，因此可以清楚地識(shí)別左右兩部分的差異。

4、雅各布定律

用戶將大部分時(shí)間花在別人家的網(wǎng)站(產(chǎn)品)上，而不是你的。這意味著他們希望你的網(wǎng)站(產(chǎn)品)跟別人的有相同的使用方式。

現(xiàn)實(shí)中的應(yīng)用

假設(shè)家中的陽(yáng)臺(tái)是一扇推拉門，我們可能希望酒店的陽(yáng)臺(tái)門也以同樣的方式操作。因此如果酒店有一個(gè)滑動(dòng)門，我們可能會(huì)下意識(shí)地先去推門。

設(shè)計(jì)應(yīng)用

▲ 以上是國(guó)外知名的電商網(wǎng)站導(dǎo)航欄設(shè)計(jì)，這幾個(gè)網(wǎng)站導(dǎo)航欄中顯示的信息及其結(jié)構(gòu)都非常相似：左側(cè)是品牌標(biāo)志，中間為搜索欄，右側(cè)為其他選項(xiàng)(購(gòu)物車/個(gè)人賬戶)。

5、系列位置效應(yīng)

用戶更容易記住系列中出現(xiàn)的第一項(xiàng)(首因效應(yīng))和最后一項(xiàng)(近因效應(yīng))。

現(xiàn)實(shí)中的應(yīng)用

我們通常更容易記住某個(gè)電話號(hào)碼的前4位或后3位，這條法則也是銀行卡號(hào)被分成4組數(shù)字的原因。

設(shè)計(jì)應(yīng)用

▲ 在亞馬遜主頁(yè)上，網(wǎng)站的第一部分總是顯示最重要的內(nèi)容：導(dǎo)航包含logo、搜索和其他重要功能；輪播圖通過(guò)圖形設(shè)計(jì)吸引用戶的目光，引導(dǎo)新的交易或優(yōu)惠。

6、馮·雷斯托夫效應(yīng)

又稱隔離效應(yīng)。當(dāng)存在多個(gè)相似物體時(shí)，與眾不同的物體最容易被記住。

現(xiàn)實(shí)中的應(yīng)用

在商場(chǎng)購(gòu)物時(shí)，相較于普通裝飾的門店，我們更有可能記住或?qū)⒆⒁饬D(zhuǎn)移到具有霓虹燈效果的門店上。

設(shè)計(jì)應(yīng)用

▲ App上有新消息時(shí)，會(huì)在圖標(biāo)上用紅點(diǎn)顯示，這樣的提示更清晰和突出，從而吸引用戶的注意力，引導(dǎo)用戶點(diǎn)擊并查看消息。

7、審美可用性效應(yīng)

用戶通常認(rèn)為漂亮的設(shè)計(jì)更易用。

現(xiàn)實(shí)中的應(yīng)用

當(dāng)參觀汽車展廳時(shí)，我們通常會(huì)對(duì)汽車精美的展示感到驚嘆，并立即對(duì)這個(gè)品牌產(chǎn)生積極的印象。

設(shè)計(jì)應(yīng)用

▲ 在愛彼迎上，我們住在陌生人的房子里，因此建立雙方的信任是必要的。當(dāng)訪問(wèn)像愛彼迎這樣干凈簡(jiǎn)潔的網(wǎng)站時(shí)，我們會(huì)下意識(shí)地信任這個(gè)產(chǎn)品，也確保了用戶對(duì)品牌的信任。

8、峰終定律

人們?cè)u(píng)論體驗(yàn)優(yōu)劣，大多基于峰值和結(jié)束時(shí)的感受，而不是所有環(huán)節(jié)的平均值。

現(xiàn)實(shí)中的應(yīng)用

在足球比賽中，整場(chǎng)的觀看體驗(yàn)將根據(jù)比賽結(jié)束(誰(shuí)獲勝)和比賽高潮（誰(shuí)進(jìn)球最多/比賽中最激動(dòng)人心的時(shí)刻)來(lái)判斷。

設(shè)計(jì)應(yīng)用

▲ 在夜晚非常饑餓的時(shí)候，我們使用訂餐App選擇食物時(shí)，卻被告知付款失敗。這時(shí)候App界面設(shè)計(jì)的再好看也無(wú)關(guān)緊要，訂餐失敗就是從這次體驗(yàn)中收獲的結(jié)果。

參考：uxplanet.org/laws-of-ux-outside-the-screens-d44298c85d94

原文地址：Clip設(shè)計(jì)夾（公眾號(hào)）

作者：Clippp

轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》用戶體驗(yàn)設(shè)計(jì)法則應(yīng)該怎么用？來(lái)看看這些應(yīng)用原理！

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

文章來(lái)源：csdn
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、包裝設(shè)計(jì) 、圖標(biāo)定制、用戶體驗(yàn) 、交互設(shè)計(jì)、網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)