前言

FineUI控制元件庫發展至今已經有 5 個年頭，目前論壇註冊的QQ會員 5000 多人，捐贈使用者 500 多人（捐贈使用者轉化率達到10%以上，在國內開源領域相信這是一個夢幻數字！也足以證明FineUI旺盛的生命力！）。在這 5 年七年，FineUI總共釋出了 100 多個版本！也積攢了大量的典型案例。

然而一直以來，FineUI的典型案例都是在論壇上以帖子的形式進行展示，沒有一個集中展示的地方。今天我們就使用前段時間比較流行的瀑布流來解決FineUI典型案例的展示問題。最終的顯示效果如下圖所示。

五大外掛簡介

為了製作FineUI的《典型案例》頁面，我們綜合運用了Bootstrap+jQuery+Masonry+imagesLoaded+Lightbox五大外掛，下面先對這 5 個外掛進行簡單的介紹。

1. Bootstrap：強大的CSS框架，由Twitter的開發工程師推出，不僅僅是960佈局，而且包含很多很多拿來就用的漂亮樣式。從Bootstrap推出第一個版本作者就開始使用，http://twitter.github.io/bootstrap/

2. jQuery：JavaScript框架，業界事實的標準。http://jquery.com/

用Bootstrap打底

首先為每個案例準備1-2張截圖、案例名稱以及案例作者，並建立簡單的HTML佈局如下：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

<div id="masonry" class="container-fluid"> <div class="thumbnail"> <div class="imgs"> <img src="./images/2426.png" /> </div> <div class="caption"> <div class="title">簡單OA管理系統</div> <div class="content"> </ div> <div class="author"> </div> </div> </div> </ 相關推薦 純手工打造漂亮的瀑布流，五大外掛一個都不少Bootstrap+jQuery+Masonry+imagesLoaded+Lightbox！ 前言 FineUI控制元件庫發展至今已經有 5 個年頭，目前論壇註冊的QQ會員 5000 多人，捐贈使用者 500 多人（捐贈使用者轉化率達到10%以上，在國內開源領域相信這是一個夢幻數字！也足以證明FineUI旺盛的生命力！）。在這 5 年七年，FineUI總 Java jdbc事物回滾處理，純手工打造 全部個人實踐得出結論，如有不到位地方，請大家指正，謝謝（資料庫自己隨便建個就行） Connection conn；建立資料庫連線，來自dao層中的conn PreparedStatement psta；執行SQL，對照用 conn.setAutoCommi 利用openGL純手工打造一個金字塔 環境：linux(ubuntu16.4)、gcc 第一步：先出一個三角形線框 　　效果： 　　 　　實現程式碼： 　　　　Makefile BDIR = -L/usr/X11R6/lib CC = gcc CFLAGS = $(COMPILERFLAGS) LIBRARIES = -lX11 純css實現圖片瀑布流佈局 先看一下效果圖：     瀑布流，又稱瀑布流式佈局。是比較流行的一種網站頁面佈局，視覺表現為參差不齊的多欄佈局，隨著頁面滾動條向下滾動，這種佈局還會不斷載入資料塊並附加至當前尾部。最早採用此佈局的網站是Pinterest，逐漸在國內流行開來。國內大多數清新 純手工打造MyBatis 1小時解密底層原始碼   上課時間 2018/12/31 20:00 授課講師 Lison老師 課程連結 https://ke.qq.com/course/284963 [置頂] RecyclerView實現瀑布流，圖片自適應高度 話不多說，先上效果圖 對於RecyclerView，相信大家都不陌生了，這個集listView，GridView，瀑布流效果與一身強大控制元件，漸漸地滲透在每個App.... 還是回到正題，如何讓RecyclerView裡的圖片自適應高度？ 我們知道，要讓RecyclerView有瀑布流效果，R 瀑布流的實現方式，移動端的瀑布流，資料多列表渲染方式 效果請看：連結 程式碼請看：連結 問題： 在H5的移動端開發中，經常會遇到類似瀑布流的佈局，近期做了一下總結。 大致有三種實現方式： 1. css3的column屬性實現 2. jquery，對高做陣列處理的定位型方式 3. js，對高做陣列處 C++純手工打造COM:COM之來龍去脈——元件如何被建立 本文意旨幫助初涉COM的學者能對COM元件的建立過程有一個清晰的瞭解。全文以《COM技術內幕》第7章的示例程式碼為藍本，稍做修改之後進行詳細介紹。如果你也閱讀過此書的相關內容，那麼理解起來將會更容易。 《COM技術內幕》這本書的示例程式碼編寫於1996年。時至今 RecyclerView瀑布流，專案解決item跳動，留白，閃爍 最近公司，開發仿快手的短視訊音樂APP，其中首頁自然需要用到瀑布流，下面說下自己碰到的坑：瀑布流，首先，肯定圖片要設定不同的高度，佈局中圖片自然是用wrap_content，下面說坑：item到處跳動，甚至左右兩列切換，解決辦法：manager.setGapStrategy( 關於RecyclerView實現瀑布流，上下滑動時item之間互換位置的問題   最近專案需求，需要RecyclerView實現瀑布流。在用 StaggeredGridLayoutManager 完成瀑布流的過程中發現一個問題：它並不像pullToRefresh 那樣是穩定的list,而是item之間頻繁交換位置,有時候甚至會出現第一列和第二列完全互 瀑布流，下拉重新整理、上拉載入更多 前言：由於專案需要，經理喊我做一個瀑布流的檢視，在網上找了幾個目前主流的幾個瀑布流解決方案。最後分別研究了各自的解決方案，我選擇了StageredGridView。大家可以在github上找到。但是最後我發現用StageredGridView來實現下拉重新整理、上拉載入更 RecyclerView實現瀑布流，圖片自適應高度 話不多說，先上效果圖 對於RecyclerView，相信大家都不陌生了，這個集listView，GridView，瀑布流效果與一身強大控制元件，漸漸地滲透在每個App.... 還是回到正題，如何讓RecyclerView裡的圖片自適應高度？ 我們知道，要讓Recycler 追一次風口，隨一次大流，看清一個新的世界 區塊鏈學習 成長 2018年，發生了許多事情。 2018年，人生第一次在醫院過了一個春節；2018年，人生第一次收獲了一個“小棉襖”（小情人）；2018年，互聯網IT的風口轉向了區塊鏈；2018年，人生第一次在51cto學院報了區塊鏈課程。 一直以來，自己都有一個認知，風口年年有，追到何時才是頭。 瀑布流佈局ajax外掛使用 目的：利用ajax外掛做一個瀑布流的佈局，熟悉ajax的使用。 效果圖： 原理： 圖片塊的插入方式 載入第二頁資料的時機判斷 用到的工具： 1. H5Builder 2.WampServer（用於建立本地伺服器） 佈局樣式部分： <bo 關於Linux的27件小事，你可能一個都不知道！ 許多人認為10月5日是 Linux系統的週年紀念日，因為這是 Linux 在1991年首次對外公佈的時間。不過，你可能不知道的是，早在1991年8月25日，當年還是大學生的 Linus Torvalds 就向 comp.os.minix 新聞組的人透露了由於“業餘愛好”他正在 7個黑科技十足的微信小程式，每一個都能讓你念念不舍！ 微信上最為出名的想必就最為小程式了！基本上與現有的軟體也就相差毫幾，有些人為了免下軟體幾乎都用上了，那為什麼有那麼多人都鍾愛於小程式呢？其關鍵原因就是方便，只要用微信一個軟體，就可以隨意使用任何小程式了！ 那麼今天小編在這裡就為大家分享7個非常好用的微信小程式，個個都黑科技十足！讓你念念不舍。 5個超厲害的資源搜尋網站，每一款都可以讓你的資源滿滿！ 生活中我們無時不刻不都要在網站搜尋資源，但就是缺少一個趁手的資源搜尋網站，如果有一個比較好的資源搜尋網站可以幫助我們節省一大半時間！今天小編在這裡為大家分享5款超厲害的資源搜尋網站，每一款都可以讓你的資源豐富精彩！ 網盤傳奇 一款最有效的網盤資源搜尋網站 你還在為找網站 5個伴你成長的微信小程式，每一個都是一等一的小能手！ 每個小程式的出現都各有各的用途，而每個小程式也不可能都深受大家的討厭，也不可能大家都會喜歡，各有各的好，用的上就不錯，所以，今天給大家分享5個伴你成長的微信小程式，希望大家能夠喜歡。 1.實驗樓 一款海量學習課程的工具 這款小程式的分類是非常明確的，所包含的課成也是對大家有幫助的，如we 【Spring Cloud 原始碼解讀】之 【這也太神奇了，RestTemplate加上一個@LoadBalanced註解就能實現負載均衡！】 前提概要： 前天，有個前端大佬問了我兩個問題：為啥不引入Ribbon依賴就能使用Ribbon？為啥RestTemplate加上@LoadBalanced註解就能負載均衡了？我也表示很疑惑，而我自己其實也真的沒去了解過，所以趁著工作不太忙，趕緊去研究一波。 第一個問題比較簡單，一般都是其他依賴引入了Ribbon 瀑布流原生ajax，demo 一次 creat onscroll window 目錄 數據 ron oat lose 　　最近聽朋友們說起瀑布流挺多的，自己就去研究下了，一個簡單的原生demo，分享給大家... 　　簡單分為三個文檔，有詳細的註釋：img；ajax.php；demo.php 　　　　其中