Javascript的點布局算法是一種用于網(wǎng)頁設(shè)計的自適應(yīng)布局方法，它可以使得網(wǎng)頁元素隨著屏幕大小的改變而自適應(yīng)調(diào)節(jié)其位置和尺寸。它的本質(zhì)是將頁面元素視為一個點集，并從中選出若干個參考點，隨后計算出每個元素到這些參考點的距離，根據(jù)距離的大小決定元素的位置和尺寸。下面我們通過具體的應(yīng)用來看看這種算法的效果。

上面的代碼中我們創(chuàng)建了一個容器并在其中添加了五個元素。我們將這些元素視為一個點集，并選取五個參考點，分別是(0, 0)、(100, 100)、(200, 0)、(300, 100)、(400, 0)。我們通過計算每個元素到這五個參考點的距離，來確定它的位置和尺寸。

我們首先需要為容器和元素設(shè)置樣式，使用絕對定位并設(shè)置寬高、背景顏色和邊框。接下來我們在Javascript中獲取容器和元素，并定義參考點的位置。我們使用window.onload來確保文檔結(jié)構(gòu)已經(jīng)加載完畢，隨后我們定義一個setPos函數(shù)，用來計算每個元素到參考點的距離，并設(shè)置它的位置和尺寸。我們在函數(shù)中使用嵌套的for循環(huán)，計算每個元素到每個參考點的距離，并將其存儲在一個數(shù)組中。使用Math.min.apply函數(shù)找到最小值的索引，并將對應(yīng)的參考點作為元素的位置，同時減去元素寬高的一半，以保證元素的中心點位置與參考點重合。最后我們在window.onresize事件中再次調(diào)用setPos函數(shù)，以確保元素的位置和尺寸能夠根據(jù)屏幕大小的變化而自適應(yīng)調(diào)整。

通過以上的代碼，我們可以看到隨著屏幕的大小發(fā)生變化，每個元素都能夠自適應(yīng)調(diào)節(jié)其位置和尺寸，使得頁面在任何尺寸的屏幕上都能夠呈現(xiàn)出最佳的視覺效果。

總之，Javascript的點布局算法是一種非常靈活、實用的自適應(yīng)布局方法，通過將頁面元素視為一個點集，并計算出每個元素到參考點的距離，它可以幫助我們快速地實現(xiàn)頁面的自適應(yīng)布局，適應(yīng)不同大小的屏幕。在具體的應(yīng)用場景中，我們可以根據(jù)需要選取不同的參考點，或者根據(jù)實際情況編寫自己的計算公式，以實現(xiàn)更加優(yōu)秀的自適應(yīng)布局效果。