電商類-仿美團頁面demo
最近學的東西比較雜了點，就想說再好好練練基礎的一些東西，於是就寫了個美團頁面的靜態demo，裡面主要還是用到了html+css+原生js+dom。重點還是在於頁面的佈局，我沒有將網站的全部頁面寫出來，只是寫了幾個重要的佈局，裡面圖片是截的網站上的，因為沒有psd檔案所以不能切圖，所以肯定不很精確，不過我重點是在於網站的佈局方面，所以小細節忽略還是有些小粗糙。下面的圖就是我仿的介面：
此外除了靜態頁面，我還用原生js實現了一些小特效，比如導航欄的切換效果：
比如圖片的切換效果（2秒切換一張）：
相關的程式碼我之後會上傳到我的github，算是一次小練習吧。
相關推薦
電商類-仿美團頁面demo
最近學的東西比較雜了點，就想說再好好練練基礎的一些東西，於是就寫了個美團頁面的靜態demo，裡面主要還是用到了html+css+原生js+dom。重點還是在於頁面的佈局，我沒有將網站的全部頁面寫出來，只是寫了幾個重要的佈局，裡面圖片是截的網站上的，因為沒有psd
仿美團頁面載入-頁面內載入效果
先上圖片： 用法： 首先在主頁面初始化下列資訊 MultiConfigure.setEmptyViewResId(R.layout.welcome); //空頁面 MultiConfigure.setErrorViewResId(R.lay
React Native開發的仿美團小demo
使用React Native開發的一個仿美團首頁小demo， 執行說明： 首先需要安裝好執行React Native的相關環境， 首先需要安裝好執行React Native的相關環境， 首先需要安裝好執行React Native的相關環境， 參考官網 1.執行
仿御泥坊 完美實現電商類專案底部選項卡切換Fragment頁面
此為Activity頁面XML佈局 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.andr
Android從零擼美團(二) - 仿美團下拉重新整理自定義動畫
這是【從零擼美團】系列文章第二篇。 專案地址：github.com/cachecats/L… 今天寫了下拉重新整理，框架用的是 SmartRefreshLayout ，不為啥，因為 Github 上它有 9.5k 個 star，中文支援好節省時間。 先上圖： 一、分析 美團的下拉載入動
仿美團簡訊驗證碼輸入框 + 自定義軟鍵盤
KeyboardDemo 自定義簡訊驗證碼輸入框 + 自定義數字字母軟鍵盤 前段時間做了一個需求，類似驗證碼輸入框，但輸入的優惠碼有數字和大小寫字母，所以就需要用到自定義軟鍵盤，不然總是切換數字與字母太麻煩，使用者體驗不佳。 剛開始想著到網上找一些demo得了，可i
android 動畫--幀動畫--仿美團載入中小人
1 把資源圖片放到drawable中 2 在drawable中寫動畫的xml檔案animation01 Animation01.xml <?xml version="1.0" encoding="utf-8"?> <animation-list xmlns:a
fragment實現仿美團下拉篩選功能
1、前言 在開發APP中，大家基本都會用到篩選功能，而美團、房天下、淘寶等都會有一個下拉篩選功能，其實實現起來並不是很難，先上圖看一看，樣式可能不太好看，還請見諒。頁面篩選時有動畫效果。 2、思路總結和原始碼 （1）首先是一個xml頁面，整體思路就是上方按鈕正常佈局，下方通過f
收藏住：金融&電商類原型模板重磅來襲，免費使用！
經常有很多產品經理和設計師想要各行業的產品原型模板，可以直接下載使用。現在分享下一個資源渠道：墨刀的原型模板。上新了金融類和電商類的主要App設計原型，可以直接免費使用，具體包括： 金融類 招商銀行、支付寶、螞蟻聚寶、同花順、陸金所 電商類 京東、天貓、網易嚴選、宜家
仿 美團/餓了嗎 搜尋框點選效果
就是如下這種總效果： 點選搜尋框（上圖）- 出現帶熱門搜尋、歷史搜尋的頁（下圖） 解決： 1.搜尋框input加 @focus="this.$router.push('/search')" 路由跳轉新頁面 2.新頁面鉤子函式 created()
大資料------電商類網站的大資料應用之使用者畫像的簡單架構搭建
1.大資料時代已經到來，企業希望從使用者行為資料中分析出有價值的東西，利用大資料來分析使用者的行為與消費習慣，可以預測商品的發展的趨勢，提高產品質量，同時提高使用者滿意度。 2.什麼是使用者畫像： 通過不同的維度，去描述一個人，認識一個人，瞭解一個人。使用者畫像也叫使用者
SmartRefreshLayout 仿美團下拉重新整理
先上圖： 一、分析 美團的下拉載入動畫初看挺簡單的，就一個賣萌的小人。細看的話還稍微有點複雜，一共有三個狀態。 剛開始下拉的時候，小腦袋從小變大的過程。 下拉到一定程度但還沒鬆手，小人翻了個跟頭直到完全出現。再往下拉保持最後完全出現的狀態。 鬆開後左右搖
Android 利用ViewPager+GridView，仿美團首頁導航欄分類佈局介面
先看美團的效果： 再看我們山寨的效果： 最初我是使用VIewPager+RecyclerVIew實現的，發現在左右滑動的時候，有問題，經常滑動不了，應該是RecyclerVIew消費了Touch事件，所以棄用這個方法了(效果圖是下面的效果，為了區別VIew頁面，每
Android 仿美團懸浮購物車顯示隱藏
效果圖： 這是美團的效果 通過效果圖可以看到 靜止的時候是購物車圖示是顯示的，滑動的時候是隱藏一半並半透明顯示的。 這裡用到一個觸控反饋的方法dispatchTouchEvent MotionEvent.ACTION_DOWN://手指按下 Mot
仿美團商品選購下拉選單實現
感覺自己還是很少寫實際應用實現的部落格。最近在找實習，寫部落格時間少了，但還是要堅持。今天這篇部落格來講下電商應用中常見的選擇類別下拉列表的實現。先看下效果圖： 一、下拉列表的實現 其實實現方法有很多，這時實現的也沒有什麼技術含量，只是總結下自己在專案中的做法，也提供一個
Android 仿美團網,大眾點評購買框懸浮效果之修改版
我之前寫了一篇關於美團網，大眾點評的購買框效果的文章Android對ScrollView滾動監聽，實現美團、大眾點評的購買懸浮效果，我自己感覺效果並不是很好，如果快速滑動介面，顯示懸浮框的時候會出現一卡的現象，有些朋友說有時候會出現兩個佈局的情況，特別是對ScrollView
電商類APP開發注意事項彙總
怎麼開發電商App才“靠譜”？這是一個刁鑽的問題，因為好的電商類App開發取決於多個方面，包括App價格，App功能，公司開發實力，營銷渠道等。 1 App價格便宜 App開發費用總是人們考慮的第一位，現在市場對於價格問題仍然比較敏感。 從大體上來講，刨除App開發的差異性
仿美團下拉重新整理控制元件（二）
如果想學習更多進階知識，可以關注我的微信公眾號：Android小菜。也可以直接掃描二維碼關注：轉載本專欄文章，請註明出處，尊重原創 。文章部落格地址：道龍的部落格本篇是實現仿美團下拉重新整理控制元件的第二篇，第一篇見：仿美團下拉重新整理控制元件（一）文字最終實現效果如下：由於
自定義下拉重新整理控制元件-仿美團重新整理效果
概述 下拉重新整理是平時專案中最常用的功能,今天要說的就是如何自定義下拉重新整理控制元件。 第三方重新整理控制元件也比較多，例如Android-PullToRefresh,XListView等，但是這些控制元件自定義重新整理頭部不那麼容易擴充套件，它
仿美團APP（前端）
由於第一次上手apicloud，以及時間不足，只做了幾個介面，實現了APP的基本功能。測試手機：錘子 PS：紅圈為可點選部分,美團網每點選按鈕都會開啟一個新的視窗，所以用了很多的openWin 沒用openFrameGroup 最新原始碼已經被APICloud官方收錄到平