用戶中心USER CENTER
摘要：兩個(gè)例子比較而言，語(yǔ)句的實(shí)現(xiàn)可能更具兼容性，可以適應(yīng)于數(shù)組元素是小數(shù)的情況。若數(shù)組元素為浮點(diǎn)類型，第二個(gè)例子就無(wú)法正常使用。開(kāi)發(fā)環(huán)境推薦是基于瀏覽器的集成式開(kāi)發(fā)環(huán)境，支持絕大部分編程語(yǔ)言，包括小程序等等，無(wú)需下載安裝程序，一鍵切換開(kāi)發(fā)環(huán)境。 Coding Tip: Try to Code Without If-statements showImg(https://segmentfaul...
jackwang
發(fā)布于JavaScript
摘要：為什么是如果你使用過(guò)預(yù)處理器，比如，以上示例你或許碰到過(guò)然而，函數(shù)提供了更好的解決方案。當(dāng)使用預(yù)處理器做數(shù)學(xué)運(yùn)算時(shí)，給定值為表達(dá)式的結(jié)果。使用函數(shù)可以用來(lái)對(duì)數(shù)值屬性執(zhí)行四則運(yùn)算。函數(shù)的計(jì)算值如下所示降級(jí)方案已經(jīng)得到普遍支持。 CSS3 的 calc() 函數(shù)允許我們?cè)趯傩灾抵袌?zhí)行數(shù)學(xué)操作。例如，我們可以使用 calc() 指定一個(gè)元素寬的固定像素值為多個(gè)數(shù)值的和。 .foo { w...
jackwang
發(fā)布于JavaScript
摘要：在網(wǎng)上看到了有如相機(jī)功能的實(shí)現(xiàn)比較好看的圖片樣式，自己也想弄下，在這里記錄下效果圖相關(guān)屬性正常正片疊底濾色疊加變暗變亮顏色減淡顏色加深強(qiáng)光柔光差值排除色相飽和度顏色 在網(wǎng)上看到了有如相機(jī)功能的mix-blend-mode實(shí)現(xiàn)比較好看的圖片樣式，自己也想弄下，在這里記錄下 1.效果圖 showImg(https://segmentfault.com/img/bVblsM0?w=726&...
jackwang
發(fā)布于JavaScript
摘要：移動(dòng)端的下拉刷新是一個(gè)很常見(jiàn)的功能，也有許多開(kāi)源庫(kù)實(shí)現(xiàn)了這個(gè)功能，不過(guò)為了學(xué)習(xí)，還是先自己寫一個(gè)例子學(xué)習(xí)一下。 移動(dòng)端的下拉刷新是一個(gè)很常見(jiàn)的功能，也有許多開(kāi)源庫(kù)實(shí)現(xiàn)了這個(gè)功能，不過(guò)為了學(xué)習(xí)，還是先自己寫一個(gè)例子學(xué)習(xí)一下。其中用到了一些touch事件和一些DOM屬性CSS3屬性。直接上代碼，代碼里面有注釋。 Document ...
jackwang
發(fā)布于JavaScript
摘要：使用具有回彈效果的滾動(dòng)當(dāng)手指從觸摸屏上移開(kāi)，內(nèi)容會(huì)繼續(xù)保持一段時(shí)間的滾動(dòng)效果。繼續(xù)滾動(dòng)的速度和持續(xù)的時(shí)間和滾動(dòng)手勢(shì)的強(qiáng)烈程度成正比。 最近做了一個(gè)語(yǔ)音直播聊天的項(xiàng)目，有一個(gè)功能是當(dāng)沒(méi)有直播時(shí)，進(jìn)入房間可以查看歷史消息，滑動(dòng)到頂部加載之前的歷史消息，我用jquery scroll事件，來(lái)判斷是否滾動(dòng)到頂部，問(wèn)題來(lái)了： 首先觸發(fā)請(qǐng)求事件之后，prepend插入到當(dāng)前列表之前，而prepen...
jackwang
發(fā)布于JavaScript
