前端瀑布流詳解以及前後臺互動瀑布流

2021-08-21 03:29:21 字數 1136 閱讀 9533

一、前端簡單瀑布流以及無限載入瀑布流

二、前後端互動瀑布流

前端**:

//這裡是引入了自己封裝的ajax 參考『jquery中的ajax、原生ajax和自封裝ajax』

後台php**:

<?php

$imgarr = ['1','2','3','4','5','6','7','8','9','10','11','12','13','14','15'];

$success = array('msg' => 'ok','info' => $imgarr);

echo json_encode($success);

?>

三、連線資料庫(運用原生方式) 把資料放到資料庫中,前端**不變 更換php**

<?php

$success = array('msg' => 'ok');

//連線資料庫

$con = mysqli_connect('localhost','root','','imgdb');

//判斷是否成功連線資料庫(也就是加個保險)

if($con)

// 遍歷$info陣列 存放在$imgarr陣列中,返回給前端

for($j=0; $j

四、連線資料庫(運用pdo方式)

<?php

//運用pdo方式連線資料庫

class singletonpdocatch(pdoexception $e)

} return self::$pdo; }}

$success = array('msg'=>'ok');

$pdo = singletonpdo::getpdo();

$pdo->query('set names utf8');

$pdo->exec('set names utf8');

try for($j=0; $jcommit();

}catch(pdoexception $e)

echo json_encode($success);

?>

前端中的瀑布流

效果圖 建議使用下面的方式 總結 1.使用 function 有潛在的bug,這種bug很不容易被發現 如果處理過程中,發現拿不到當前頁面的高度,或者有時候能拿到的高度,有時候不能拿到。有時候網路載入比較快,在js執行時就已經載入完了 有時候可能對應的並沒有載入完,js就已經執行,這時候拿到的高度和...

iOS轉前端之JS實現瀑布流效果

今天抽空再寫一篇,寫個瀑布流的效果。做過ios的都知道瀑布流在ios中也是個很流行的布局方式,這裡就不再多介紹了。我們來看看如何用js來實現瀑布流的效果。我就直接上 了,裡面的注釋都很清晰。不懂的可以來問我。html css a,address,b,big,blockquote,body,cente...

docker的cmd命令詳解 前後臺理解

cmd指令的格式和run相似,也是兩種格式 之前介紹容器的時候曾經說過,docker 不是虛擬機器,容器就是程序。既然是程序,那麼在啟動容器的時候,需要指定所執行的程式及引數。cmd指令就是用於指定預設的容器主程序的啟動命令的。在執行時可以指定新的命令來替代映象設定中的這個預設命令,比如,ubunt...