首頁(yè)

詳解JS 變量、作用域及內(nèi)存

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

基本類型值有:undefined,NUll,Boolean,Number和String,這些類型分別在內(nèi)存中占有固定的大小空間,他們的值保存在??臻g,我們通過(guò)按值來(lái)訪問(wèn)的。

 

1)值類型:數(shù)值、布爾值、nullundefined。
2)引用類型:對(duì)象、數(shù)組、函數(shù)。
 
如果賦值的是引用類型的值,則必須在堆內(nèi)存中為這個(gè)值分配空間。由于這種值的大小不固定(對(duì)象有很多屬性和方法),因此不能把他們保存到棧內(nèi)存中。但內(nèi)存地址大小是固定的,因此可以將內(nèi)存地址保存在棧內(nèi)存中。
 
<script type="text/javascript”>
var box = new Object();  //創(chuàng)建一個(gè)引用類型
var box = "trigkit4";   //基本類型值是字符串
box.age = 21;    //基本類型值添加屬性很怪異,因?yàn)橹挥袑?duì)象才可以添加屬性。
alert(box.age);  //不是引用類型,無(wú)法輸出;
</script>
 

朋友圈被天貓雙11邀請(qǐng)函刷屏了?我們和它的創(chuàng)作者們聊了聊

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

從2008年開始,每年臨近11月11日,全國(guó)——現(xiàn)在可能是全球——的剁手黨們都在等著看馬云爸爸和天貓又能玩出什么新花樣。今年除了史無(wú)前例的整整49張品牌海報(bào)以及4個(gè)版本的“主題大片”之外,天貓的小伙伴們居然連一封小小的邀請(qǐng)函都沒放過(guò)。這支將最龐大的信息量用最簡(jiǎn)單的“手指刷一下”交互方式呈現(xiàn)的H5,相信已經(jīng)刷爆了大家上周末的朋友圈。

軟件界面設(shè)計(jì)的四點(diǎn)小要求

ui設(shè)計(jì)分享達(dá)人

互聯(lián)網(wǎng)時(shí)代的到來(lái),催生了好多的技術(shù)和產(chǎn)品,比如手機(jī),電腦,掌上終端等產(chǎn)品,而這些產(chǎn)品更多的是滿足消費(fèi)者的精神層面上的需求,當(dāng)然也包括視覺、心理上的感受以及情感體驗(yàn)等等。所以,這類產(chǎn)品的設(shè)計(jì)就要針對(duì)用戶本身的體驗(yàn)特點(diǎn)來(lái)進(jìn)行。那么,要想做好一個(gè)號(hào)的軟件界面,有哪些要求呢?我們總結(jié)了四點(diǎn)小小的要求:

好的軟件界面設(shè)計(jì)都有三點(diǎn)共性

ui設(shè)計(jì)分享達(dá)人

智能時(shí)代的到來(lái)讓人們對(duì)于軟件界面有了重新的認(rèn)識(shí)和思考。這也是大勢(shì)所趨,眾所周知,現(xiàn)在的人們離不開手機(jī),手機(jī)里面都是各種各樣的軟件信息,用戶使用一個(gè)軟件,接觸到的就是軟件界面。第一印象是至關(guān)重要的,所以,一個(gè)軟件能否被用戶所接受,就看軟件界面設(shè)計(jì)了,而那些好的軟件界面往往都有一些共性,今天我們就來(lái)分析下那些好的軟件界面的共性。

寫給新手的情感化UI設(shè)計(jì)簡(jiǎn)明指南

ui設(shè)計(jì)分享達(dá)人

今天來(lái)聊一下情感化的UI設(shè)計(jì)。在用戶和UI之間建立情感聯(lián)系是構(gòu)建用戶信任和依賴關(guān)系的關(guān)鍵因素,而實(shí)際上要做的事情比聽起來(lái)麻煩得多,因?yàn)樾枰紤]的因素更多。情緒是廣泛的、復(fù)雜的,它容易受到影響,但是也很難改變。

而這也是我們今天要思考的事情,什么是情感化的UI設(shè)計(jì)?如何創(chuàng)建一個(gè)能夠喚起用戶情感波動(dòng),構(gòu)建情感紐帶的UI界面?這應(yīng)該就是你的下一個(gè)設(shè)計(jì)項(xiàng)目中應(yīng)該仔細(xì)考慮的事情。

阿里干貨!實(shí)戰(zhàn)案例幫你學(xué)會(huì)基于場(chǎng)景的設(shè)計(jì)方法

周周

阿里巴巴_BBC_UED:移動(dòng)終端由于被用戶隨身攜帶,變成用戶身體的延伸,在每一個(gè)場(chǎng)景中,深度陪伴著用戶。也因此,移動(dòng)終端獲得天然的優(yōu)勢(shì),得以針對(duì)用戶實(shí)際所在的場(chǎng)景來(lái)設(shè)計(jì),以設(shè)計(jì)出更加貼心的體驗(yàn)。 但是,由于設(shè)計(jì)師與用戶的空間相隔,無(wú)法看到用戶在真實(shí)場(chǎng)景中的使用情況。為了了解用戶的痛點(diǎn)及需求,我們需要通過(guò)場(chǎng)景設(shè)計(jì)的方法,對(duì)用戶使用場(chǎng)景進(jìn)行分析或預(yù)期?;趫?chǎng)景的設(shè)計(jì)可以幫助設(shè)計(jì)師找到用戶與場(chǎng)景的內(nèi)在聯(lián)系,探索新的功能及交互方式。 本文將以案例為主介紹基于場(chǎng)景的設(shè)計(jì)方法。

什么是基于場(chǎng)景的設(shè)計(jì)?

什么才是基于場(chǎng)景的設(shè)計(jì)呢?以看電影為例,在整個(gè)看電影的過(guò)程中,涉及到的主要場(chǎng)景有以下六個(gè):線上買票-去電影院-線下取票-檢票入座-觀影-評(píng)論吐槽?;诳措娪吧婕暗降膱?chǎng)景,格瓦拉app設(shè)計(jì)了一個(gè)基于場(chǎng)景的功能:當(dāng)用戶在格瓦拉購(gòu)票成功后,首頁(yè)會(huì)出現(xiàn)一個(gè)人偶小浮標(biāo),在不同場(chǎng)景下點(diǎn)擊該浮標(biāo),會(huì)出現(xiàn)不同的內(nèi)容,例如在去電影院的場(chǎng)景下顯示影院地理位置以及滴滴打車入口;線下取票場(chǎng)景顯示取票二維碼可以快捷取票;線下取票后再點(diǎn)擊小浮標(biāo)顯示電影開始時(shí)間以及座位號(hào);觀影后顯示別人的評(píng)論以及吐槽入口引導(dǎo)用戶去評(píng)論(如圖1)。

uisdc-ali-201610261

昨夜,微軟發(fā)布了一臺(tái)可以被推倒的設(shè)計(jì)師神器,微軟這次硬了!

用心設(shè)計(jì)

微軟也可以巨硬。

微軟也可以巨硬。

昨晚微軟在紐約發(fā)布了全新一體機(jī)Surface Studio、新一代Surface Book以及新操控配件Surface Dial等系列新品。

Image title

一款A(yù)PP從設(shè)計(jì)稿到切圖全記錄

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

這里寫的不是一種規(guī)范,只是一種工作方法,大家在具體工作中,一定要靈活運(yùn)用。另外,技術(shù)的更新是非??斓模覍懙倪@些可能某些東西已經(jīng)和你們的工程師搭檔所用的方法不一樣了,所以,還是要靈活運(yùn)用。

設(shè)計(jì)師成長(zhǎng)要經(jīng)歷的五步

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

第三步:他開始關(guān)注生活投入生活和研究生活,他變成了一個(gè)感情細(xì)膩,生活灑脫的人,他開始意識(shí)到自己的人格境界,自己的生活方式和感情表達(dá)方式加上生命的目的正是自己鮮明的面貌,他意識(shí)到自己正走向一種境界,真正屬于自己的形式語(yǔ)言和符號(hào)圍繞者這種狀態(tài)應(yīng)運(yùn)而生,思想不再被形式所控制,他的設(shè)計(jì)中,形式真正的作為一種為表達(dá)環(huán)境的精神空間服務(wù)的手段而變的不再?gòu)垞P(yáng)和膚淺。在一段時(shí)間的摸索,自己的理論體系逐漸清晰并成熟之后,他具備了一種能力,用自己的理論和人格面貌去影響自己的客戶和周圍的人,并且引導(dǎo)他們進(jìn)入那種境界。


第四步:這個(gè)時(shí)期的設(shè)計(jì)師是成熟和另人尊重的,因?yàn)樗呀?jīng)進(jìn)入了他的灰色時(shí)代。他開始走出工作室第一次去關(guān)注人,關(guān)注自然,開始不完全依賴材料市場(chǎng)而是向生活要材料,他意識(shí)到應(yīng)該注重自己的經(jīng)歷積累,戲劇化的人生概念使他為此振奮。他的作品變的更穩(wěn)定更嚴(yán)謹(jǐn)也更平淡,同時(shí)也具備了精神張力,這種精神狀態(tài)已經(jīng)淘去了浮躁的形式感而進(jìn)入了一種塵埃落定的心境,你會(huì)聽到時(shí)間流逝的聲音,和平靜的永恒的另人絕望而不可超越的幸福。這不是滄桑而是生活的最高境界。他征服客戶的方式不是眼花繚亂的形式手段而是心靈。


第五步:當(dāng)一個(gè)設(shè)計(jì)師具備了大量的優(yōu)秀案例,在社會(huì)上享有了崇高的聲譽(yù)和財(cái)富的時(shí)候,他開始憑著感覺和思想做事情。他已經(jīng)看穿了人間事故,無(wú)論他的生活和作品都是他本人的化身,社會(huì)上開始推崇他的理論和著作,他變成了一個(gè)博學(xué)的德高望重的思想家,他的思想已經(jīng)不僅僅對(duì)本行業(yè)具有指導(dǎo)意義,對(duì)很多其他的領(lǐng)域也具有杰出貢獻(xiàn),他對(duì)世界對(duì)人類對(duì)設(shè)計(jì)對(duì)自己的生涯已經(jīng)看的無(wú)比清晰和透徹,他進(jìn)入了設(shè)計(jì)師最高階段白色時(shí)代,這個(gè)階段的設(shè)計(jì)師是真正的大師,他們擁有不朽的人格。


如何讀懂并寫出裝逼的函數(shù)式代碼

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

今天在微博上看到了 有人分享了下面的這段函數(shù)式代碼,我把代碼貼到下面,不過(guò)我對(duì)原來(lái)的代碼略有改動(dòng),對(duì)于函數(shù)式的版本,咋一看,的確令人非常費(fèi)解,仔細(xì)看一下,你可能就暈掉了,似乎完全就是天書,看上去非常裝逼,哈哈。不過(guò),我感覺解析那段函數(shù)式的代碼可能會(huì)一個(gè)比較有趣過(guò)程,而且,我以前寫過(guò)一篇《函數(shù)式編程》的入門式的文章,正好可以用這個(gè)例子,再升華一下原來(lái)的那篇文章,順便可以向大家更好的介紹很多基礎(chǔ)知識(shí),所以寫下這篇文章。

先看代碼

這個(gè)代碼平淡無(wú)奇,就是從一個(gè)數(shù)組中找到一個(gè)數(shù),O(n)的算法,找不到就返回 null。

下面是正常的 old-school 的方式。不用多說(shuō)。

//正常的版本 function find (x, y) { for ( let i = 0; i < x.length; i++ ) { if ( x[i] == y ) return i;
  } return null;
} let arr = [0,1,2,3,4,5] console.log(find(arr, 2)) console.log(find(arr, 8))

日歷

鏈接

個(gè)人資料

存檔