<input id="ohw05"></input>
  • <table id="ohw05"><menu id="ohw05"></menu></table>
  • <var id="ohw05"></var>
  • <code id="ohw05"><cite id="ohw05"></cite></code>
    <label id="ohw05"></label>
    <var id="ohw05"></var>
  • 摘要: 08年畢業就開始接觸javascript,當時是做asp.net發現很多功能用asp.net控件解決不了,比如checkbox單選,全選問題,自動計算總價問題,刷新問題,等等。那時感覺javascript好討厭,沒有好的框架和調試工具,痛不欲生。如今javascript框架漫天飛舞,jquery,z 閱讀全文
    posted @ 2016-05-30 20:31 nd 閱讀(5713) 評論(11) 推薦(27) 編輯
    摘要: pageClass: home-page-class 鯉魚跳龍門動畫 1. 需求 年中618營銷活動要求做一個鯉魚跳龍門的動畫,產品參考了支付寶上的一個動畫,要求模仿這個來做一個類似的動畫。產品提供的截屏視頻如下: 圖1 從這個視頻里得到的信息,我們可以把動畫分解一下: 321倒計時結束,動畫開始播 閱讀全文
    posted @ 2022-06-28 14:37 nd 閱讀(398) 評論(0) 推薦(3) 編輯
    摘要: 本文介紹一個小型動畫庫anime.js,anime.js 是一款功能強大的Javascript 動畫庫插件。anime.js 可以和CSS3 屬性,SVG,DOM 元素和JS 對象一起工作,制作出各種高性能,平滑過渡的動畫效果。 anime.js雖然沒有其他動畫庫功能強大,但是它包含的功完全能夠滿足 閱讀全文
    posted @ 2022-03-15 19:42 nd 閱讀(312) 評論(0) 推薦(1) 編輯
    摘要: 1. 需求 開寶箱在一些商家營銷活動中也很常見,這個需求簡單,產品經理說就是做個動畫就好,那我們就可以自由發揮了。高保圖如下圖1. 圖1 開局一張圖,剩下的全靠自己編了,動作怎么動,先看看UI給的素材,看米下鍋。一張關閉的箱子圖片,如下圖2 圖2 一張打開的箱子,如下圖3 圖3 一張獎品背景圖片,是 閱讀全文
    posted @ 2021-08-20 08:11 nd 閱讀(859) 評論(4) 推薦(5) 編輯
    摘要: 本文介紹一種12宮格抽獎,這種抽獎方式是九宮格抽獎的演變,只不過開始播放的時候是隨機方式,不是順時針播放了。 1.需求 先看看高保,如下圖1 圖1 用戶點擊"立即抽獎"后12個獎品隨機高亮 請求接口,待所有產品都高亮后,根據接口結果,固定在抽中獎品上 最后彈出中獎結果彈框 2.思路 2.1 高亮 實 閱讀全文
    posted @ 2021-08-17 17:06 nd 閱讀(556) 評論(0) 推薦(1) 編輯
    摘要: 1. 需求 上次講到lao虎機抽獎,通過jquery.animate修改background-prosition-y來修改背景圖片實現上下滾動動畫,本文介紹一種左右滾動的動畫,原理是一樣的,這里通過修改background-prosition-x來實現動畫,同時也要注意獎品圖片的尺寸問題,這里姑且叫 閱讀全文
    posted @ 2021-08-13 18:28 nd 閱讀(676) 評論(2) 推薦(0) 編輯
    摘要: 本文介紹九宮格抽獎功能的實現。 1.需求 功能很簡單,來看看高保截圖,如下圖1 圖1 需求的功能點如下: 用戶點擊抽獎,九宮格四周的圖片順時針依次閃爍,空轉幾圈。 請求接口,等接口有返回后最后對應的獎品閃爍,其他獎品不閃爍。 登錄后,正中間的抽獎這個小方格點亮,未登錄是灰色,這一點和抽獎無關,本文不 閱讀全文
    posted @ 2021-08-10 16:51 nd 閱讀(848) 評論(0) 推薦(1) 編輯
    摘要: 本文介紹一個lao虎機抽獎動畫的實現,lao虎機抽獎在各類商家營銷活動中非常常見,這里主要介紹動畫的實現過程,其他細節不做詳細分析。 ps:lao虎機是敏感詞,博客園的富文本和markdown編輯器都限制不允許出現,所以文章中的“老”字用拼音代替。 1. 需求 UI給到的藍湖如下截圖1 圖1 三欄圖 閱讀全文
    posted @ 2021-08-05 15:46 nd 閱讀(538) 評論(0) 推薦(4) 編輯
    摘要: 1.需求 抽獎是各類營銷活動中最常見的一種形式,本產品需求大致如下:轉盤周圍跑馬燈交替閃爍,點擊抽獎,大轉盤旋轉,調用接口獲取抽獎結果,大轉盤指針指向對應的獎品。高保如下圖1 圖1-高保 2.整體思路 2.1跑馬燈 本需求要求跑馬燈交替閃爍,那四周的跑馬燈就不能是死的圖片了,要用動畫來實現,并且第奇 閱讀全文
    posted @ 2021-07-29 09:55 nd 閱讀(1550) 評論(3) 推薦(5) 編輯
    摘要: 1.cookie的誕生 由于HTTP協議是無狀態的,服務端的業務必須帶用戶狀態,cookie的誕生最初就是為了存儲web中的用戶狀態以及其他的相關狀態,以方便服務器使用。比如是否用戶第一次訪問網站,用戶是否登錄等。Cookie目前最新的規范是RFC 6265,它是一個由瀏覽器和服務器共同協作實現的規 閱讀全文
    posted @ 2020-06-29 21:22 nd 閱讀(424) 評論(0) 推薦(0) 編輯
    摘要: 前端開發人員只要了解過vue.js框架可能都知道單文件組件。vue.js中的單文件組件允許在一個文件中定義一個組件的所有內容。這是一個非常有用的解決方案,在瀏覽器網頁中已經開始提倡這種機制。但是不幸的是,這個概念自從2017年8月被提出以來,到現在沒有任何進展,像是已經要消亡了一樣。然而,深入研究這 閱讀全文
    posted @ 2020-05-29 14:52 nd 閱讀(598) 評論(0) 推薦(0) 編輯
    国产美女a做受大片观看