摘要:如何解決移動(dòng)端的自適應(yīng)問(wèn)題主要是移動(dòng)端的屏幕尺寸比較多,如何在各種屏幕寬度下顯示的更好,更一致問(wèn)題。用解決自適應(yīng)的問(wèn)題,是個(gè)非常精確的解決方案,能夠?qū)⒏叨群蛯挾榷甲龅诫S著屏幕的寬度完全的等比縮放,但是缺點(diǎn)就是開(kāi)發(fā)起來(lái)效率低點(diǎn)。 1.背景知識(shí) 首先是看幾篇文章,了解viewport scale dpr 圖片的顯示精度問(wèn)題 一像素顯示問(wèn)題, 縮放導(dǎo)致的像素適應(yīng)問(wèn)題 移動(dòng)端的自適應(yīng)問(wèn)題...
摘要:使用和開(kāi)發(fā)系列之一配置如果你對(duì)的安裝不熟悉,請(qǐng)參閱其他教程安裝和。配置如下這里我們使用和兩個(gè)依賴包。然后在項(xiàng)目的文件下執(zhí)行,等待執(zhí)行完成。這時(shí)候的文件目錄下應(yīng)該包含了這個(gè)文件夾。小結(jié)這是一個(gè)最簡(jiǎn)單的的一個(gè)示例,下一節(jié)我們使用來(lái)構(gòu)造服務(wù)。 使用node.js,express和pug開(kāi)發(fā)web系列之一 配置package.json如果你對(duì)node的安裝不熟悉,請(qǐng)參閱其他教程安裝node和n...
摘要:正如上篇文章說(shuō)的,由于項(xiàng)目中的樣式有點(diǎn)特殊要求,所以自己在項(xiàng)目中寫(xiě)了一個(gè)瀑布流組件,在這里分享下,由于最近沒(méi)太多時(shí)間,趁中秋把這個(gè)組件發(fā)上來(lái),寫(xiě)的不是很詳細(xì),畢竟中秋,我的心已經(jīng)發(fā)出去啦。 ng-water-scroll 正如上篇文章說(shuō)的,由于項(xiàng)目中的樣式有點(diǎn)特殊要求,所以自己在項(xiàng)目中寫(xiě)了一個(gè)瀑布流組件,在這里分享下,由于最近沒(méi)太多時(shí)間,趁中秋把這個(gè)組件發(fā)上來(lái),寫(xiě)的不是很詳細(xì),畢竟中秋...
摘要:灰姑娘灰姑娘灰姑娘不足點(diǎn)擊事件綁定在代碼中,很笨重,下一篇中將做升級(jí)。 前言:在《DOM編程藝術(shù)》一書(shū)中,作者給出了一個(gè)實(shí)例:創(chuàng)建一個(gè)圖片庫(kù),其實(shí)功能很簡(jiǎn)單,就是點(diǎn)擊某個(gè)列表項(xiàng)時(shí),下方出現(xiàn)相應(yīng)的圖片以及圖片說(shuō)明(圖片說(shuō)明事先以title的形式寫(xiě)在HTML中),雖然是一個(gè)簡(jiǎn)單的例子,當(dāng)時(shí)作者在書(shū)中循序漸進(jìn),不斷的改善圖片庫(kù)中間引入各種知識(shí)點(diǎn),真的是一本好書(shū),在此對(duì)這個(gè)實(shí)例進(jìn)行一些總結(jié)。 ...
摘要:抽象策略角色這是一個(gè)抽象角色,通常由一個(gè)接口或抽象類實(shí)現(xiàn)。,不知道會(huì)不會(huì)有人這么做,一般都是加鹽加醋用戶類加密接口加密接口兩個(gè)實(shí)現(xiàn)類使用偽加密偽加密輸出偽加密偽加密參考來(lái)源設(shè)計(jì)模式策略模式上文概念內(nèi)容大部分來(lái)源于這文章設(shè)計(jì)模式 概念 策略模式:定義了算法族,分別封裝起來(lái),讓他們之間可以相互替換,此模式讓算法的變化獨(dú)立于使用算法的客戶 showImg(https://segmentfau...