reveal精品文章

• 

  有趣的交互系列 - 文字遮罩入場(chǎng)效果

  ...; } a { color: #fff; } a:hover { text-decoration: none; } [data-reveal=content] { display: inline-block; position: relative; } [data-reveal=cover] { position: absolute; ...

  鄒強(qiáng) 2019-08-02 15:13 評(píng)論0 收藏0
• 

  有趣的交互系列 - 文字遮罩入場(chǎng)效果

  ...; } a { color: #fff; } a:hover { text-decoration: none; } [data-reveal=content] { display: inline-block; position: relative; } [data-reveal=cover] { position: absolute; ...

  tyheist 2019-08-23 17:56 評(píng)論0 收藏0
• 

  [LeetCode] 529. Minesweeper

  ...re given a 2D char matrix representing the game board. M represents an unrevealed mine, E represents an unrevealed empty square, B represents a revealed blank square that has no adjacent (above, be...

  Alex 2019-08-16 13:44 評(píng)論0 收藏0
• 

  JS設(shè)計(jì)模式之Module（模塊）模式、Revealing Module（揭示模塊）模式

  ... 1 ? orderNum - 1 : orderNum; } } })(); orderModule.getNum(); Revealing Module（揭示模塊）模式 概念 揭示模塊模式是在模塊模式的基礎(chǔ)上進(jìn)行改進(jìn)，在私有范圍內(nèi)簡(jiǎn)單定義所有的函數(shù)和變量，并返回一個(gè)匿名對(duì)象，它擁有指向私有函數(shù)...

  xavier 2019-08-23 14:40 評(píng)論0 收藏0
• 

  Javascript 設(shè)計(jì)模式 -- Revealing Module（揭示模塊）模式

  ...本。方便集中管理公有API，使公有API更簡(jiǎn)潔清楚。 var myRevealingModule = function () { var privateVar = Ben Cherry, publicVar = Hey there; function privateFunction() { console.log(Name: + pri...

  Apollo 2019-08-21 10:23 評(píng)論0 收藏0
• 

  [譯]如何構(gòu)建自己的Progressive Image Loader

  ...們定義圖片完整顯示時(shí)候的樣式和動(dòng)畫(huà)： a.progressive img.reveal { position: absolute; left: 0; top: 0; will-change: transform, opacity; animation: reveal 1s ease-out; } @keyframes reveal { 0% {transform: ...

  cartoon 2019-08-29 12:14 評(píng)論0 收藏0
• 

  UI 層的松耦合

  ...樣式 ， 在 javascript 中 通過(guò) className 通信 */ // 在 css 中 .reveal { color: red; left: 10px; visibility: visible; } // 在 javascript 中 element.className += reveal; // 原生寫(xiě)法 $(element).addCla...

  keithxiaoy 2019-08-21 12:37 評(píng)論0 收藏0
• 

  編寫(xiě)扁平化的代碼

  ...op > 0 && box.bottom - document.body.scrollTop < window.innerHeight) { reveal(); } else { hide(); } 那么，上面的代碼發(fā)生了什么呢？if 語(yǔ)句檢查元素當(dāng)前是否在頁(yè)面的可見(jiàn)部分內(nèi)，這個(gè)信息在代碼的任何地方都沒(méi)有表達(dá)出來(lái)?；诖瞬紶栔担?..

  lunaticf 2019-08-21 17:23 評(píng)論0 收藏0
• 

  每周前端開(kāi)源推薦第二期

  ...輯。 這是我通過(guò)impress做的ppt，大家可以看看。 hakimel/reveal.js Its a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com....

  Crazy_Coder 2019-08-28 17:51 評(píng)論0 收藏0
• 

  每周前端開(kāi)源推薦第二期

  ...輯。 這是我通過(guò)impress做的ppt，大家可以看看。 hakimel/reveal.js Its a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com....

  szysky 2019-08-19 14:21 評(píng)論0 收藏0
• 

  每周前端開(kāi)源推薦第二期

  ...輯。 這是我通過(guò)impress做的ppt，大家可以看看。 hakimel/reveal.js Its a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com....

  hoohack 2019-08-01 14:36 評(píng)論0 收藏0
• 

  github 上有趣又實(shí)用的前端項(xiàng)目（持續(xù)更新，歡迎補(bǔ)充）

  ...thub 上有趣又實(shí)用的前端項(xiàng)目（持續(xù)更新，歡迎補(bǔ)充） 1. reveal.js: 幻燈片展示框架 一個(gè)專門用來(lái)做 HTML 幻燈片的框架，支持 HTML 和 Markdown 語(yǔ)法。 github: https://github.com/hakimel/reveal.js demo: https://revealjs.com 動(dòng)圖取自博客 reveal.js ...

  zzzmh 2019-08-23 12:09 評(píng)論0 收藏0