整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
.冒泡排序思想：數(shù)組當(dāng)前項(xiàng)和后一項(xiàng)比較，前比后大則交換位置，最大的數(shù)放后面。
以下代碼實(shí)現(xiàn)
function bubbleSort(arr){
let temp=null;
var len=arr.length;
for(let i=0; i<len-1; i++){
for(let j=0; j<len-1-i; j++){
if(arr[j]>arr[j+1]){
temp=arr[j];
arr[j]=arr[j+1];
arr[j+1]=temp;
}
}
}
return arr;
}
var newArr=bubbleSort([5,6,4,9,1,3,4,10,44,33,66]);
console.log(newArr);
控制臺(tái)輸出：
2.插入排序：抽撲克牌，和手里的撲克牌依次比較
function insertSort(arr){
let handle=[];
handle.push(arr[0]);
let len=arr.length;
for(let i=1; i<len; i++){
let A=arr[i];
for(let j=handle.length-1; j>=0; j--){
let B=handle[j];
if(A>B){
handle.splice(j+1,0,A);
break;
}
if(j===0){
handle.unshift(A)
}
}
}
return handle;
}
var newArr=insertSort([5,6,4,9,1,3,4,10,33,55,66]);
console.log(newArr);
控制臺(tái)輸出：
3.快速排序：找到中間項(xiàng)，把它從原來(lái)數(shù)組中移除
function quickSort(arr){
if(arr.length<=1){
return arr;
}
let middleIndex=Math.floor(arr.length/2);
let middleValue=arr.splice(middleIndex,1)[0];
let arrLeft=[];
let arrRight=[];
for(let i=0; i<arr.length; i++){
let item=arr[i];
item < middleValue ? arrLeft.push(item) : arrRight.push(item);
}
var newArr=quickSort(arrLeft).concat(middleValue, quickSort(arrRight));
return newArr;
}
var newArr=quickSort([5,6,4,9,1,3,4,10,55,33,66,77]);
console.log(newArr);
控制臺(tái)打?。?/span>
TML ul li 橫排居中排列的方法，三步驟及實(shí)例
無(wú)序列表的列表項(xiàng)默認(rèn)情況下是豎著排的，因?yàn)閘i元素是塊級(jí)元素，會(huì)自動(dòng)分行。那如果要將列表的列表項(xiàng)進(jìn)行橫排，比用無(wú)序列表ul元素定義一個(gè)導(dǎo)航條。那該怎么辦呢？這當(dāng)中有三個(gè)應(yīng)當(dāng)被解決的東西，一個(gè)是橫排本身，另一個(gè)就是應(yīng)當(dāng)把無(wú)序列表項(xiàng)的圓點(diǎn)去掉，第三則是讓ul定義的列表居中顯示，包括水平居中和垂直居中。方法如下：
HTML ul li 橫排居中排列的方法，三步驟及實(shí)例
將ul無(wú)序列表元素中的列表項(xiàng)li元素的display屬性設(shè)置成inline或inline-block，個(gè)人比較常用的是后者：
ul li{display:inline-block;}
水平居中方法：只要將ul元素包含于一個(gè)div元素，并將div元素的text-align屬性設(shè)置為center即可將ul水平居中。除此之外，因?yàn)閡l的列表默認(rèn)情況下是有左內(nèi)邊距的，所以，為了能夠讓列表能夠更好地水平居中，需要將ul的左內(nèi)邊距padding-left設(shè)置為0，具體可見(jiàn)下方的綜合實(shí)例。
垂直居中方法：為包含ul元素的div元素設(shè)置寬度width和高度height（實(shí)際上導(dǎo)航條一般也需要有寬度和高度的設(shè)置），然后將ul的line-height屬性設(shè)置為父元素的高度height即可。
將ul元素的list-style屬性設(shè)置為none即可。
HTML ul li 橫排居中排列的方法，三步驟及實(shí)例
<div class='e1'>
<ul class='e2'>
<li>HTML</li>
<li>python</li>
<li>golang</li>
</ul>
</div>
<style>
.e1{width:100%;height:50px;border:1px solid skyblue;text-align:center;}
.e2{list-style:none;padding-left:0%;}
.e2 li{line-height:50px;display:inline-block;}
</style>HTML ul li 橫排居中排列的方法，綜合實(shí)例在線 - HTML教程
如上代碼，一定要將ul的左內(nèi)邊距padding-left設(shè)置為0，否則ul列表的“水平居中”將偏向右邊，大家可以將.e2中的padding-left刪除掉，然后再在線運(yùn)行看一看效果。
笨鳥(niǎo)工具-璞玉天成，大器晚成
快速排序和冒泡排序是常見(jiàn)的排序算法在java、JavaScript等多種語(yǔ)言中都有的兩種排序算法
var arr=[3,4,1,2,6,7,9,0,5,8];
// arr=[9,8,7,6,5,4,3,2,1,0];
console.log('排序前:'+arr);
// 排列次數(shù)的最大應(yīng)該為數(shù)組的長(zhǎng)度-1
for(var j=0; j<arr.length-1; j++){
//獲取到數(shù)組中的每一個(gè)元素
for(var i=0; i<arr.length-1; i++){
//比較當(dāng)前元素和后一個(gè)元素的大小
//當(dāng)前元素 arr[i] 后一個(gè)元素arr[i+1]
// console.log(arr[i], arr[i+1]);
if(arr[i] > arr[i+1]){
// 前邊的元素大于后邊的元素，交換兩個(gè)元素的位置
var temp=arr[i];
arr[i]=arr[i+1];
arr[i+1]=temp;
}
}
console.log('排序后:'+arr);
}var arr=[3,4,1,2,6,7,9,0,5,8];
//創(chuàng)建一個(gè)快速排序的函數(shù)
// 對(duì)array進(jìn)行排序，返回一個(gè)排好序的新數(shù)組
function quickSort(array) {
//設(shè)置基線條件
if(array.length <=1){
return array;
}
// 獲取一個(gè)基準(zhǔn)值，獲取數(shù)組的最后一個(gè)元素作為基準(zhǔn)值
var base=array[array.length-1];
//創(chuàng)建兩個(gè)數(shù)組
var left=[]; //左數(shù)組，存儲(chǔ)小于base的元素
var right=[]; //右數(shù)組，存儲(chǔ)大于base的元素
//比較每個(gè)元素和base的大小
for(var i=0; i<array.length - 1; i++){
// 比較當(dāng)前值和基準(zhǔn)值的大小
if(array[i] < base){
//放入到左數(shù)組
left.push(array[i]);
}else{
//放入到右數(shù)組
right.push(array[i]);
}
}
//left base right
// 將left base right 拼接為一個(gè)數(shù)組返回
return quickSort(left).concat(base, quickSort(right));
}吧
var result=quickSort(arr);
console.log(arr+'');//原數(shù)組
console.log(result+''); //(排序后)新數(shù)組function mergeSort(arr) {
// 基線條件：當(dāng)數(shù)組長(zhǎng)度小于等于 1 時(shí)，直接返回該數(shù)組
if (arr.length <=1) {
return arr
}
const mid=Math.floor(arr.length / 2) // 計(jì)算數(shù)組的中間位置
const left=arr.slice(0, mid) // 將數(shù)組分為左右兩部分
const right=arr.slice(mid)
// 遞歸地對(duì)左右兩部分進(jìn)行歸并排序，并將結(jié)果合并
return merge(mergeSort(left), mergeSort(right))
}
function merge(left, right) {
const result=[]
let i=0
let j=0
// 比較左右兩個(gè)子數(shù)組的元素，并按順序加入結(jié)果數(shù)組
while (i < left.length && j < right.length) {
if (left[i] <=right[j]) {
result.push(left[i])
i++
} else {
result.push(right[j])
j++
}
}
// 處理剩余元素（如果有）
while (i < left.length) {
result.push(left[i])
i++
}
while (j < right.length) {
result.push(right[j])
j++
}
return result
}
const nums=[3,4,1,2,6,7,9,0,5,8]
console.log(mergeSort(nums)) // [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]歡迎關(guān)注我的原創(chuàng)文章：小伙伴們！我是一名熱衷于前端開(kāi)發(fā)的作者，致力于分享我的知識(shí)和經(jīng)驗(yàn)，幫助其他學(xué)習(xí)前端的小伙伴們。在我的文章中，你將會(huì)找到大量關(guān)于前端開(kāi)發(fā)的精彩內(nèi)容。
學(xué)習(xí)前端技術(shù)是現(xiàn)代互聯(lián)網(wǎng)時(shí)代中非常重要的一項(xiàng)技能。無(wú)論你是想成為一名專業(yè)的前端工程師，還是僅僅對(duì)前端開(kāi)發(fā)感興趣，我的文章將能為你提供寶貴的指導(dǎo)和知識(shí)。
在我的文章中，你將會(huì)學(xué)到如何使用HTML、CSS和JavaScript創(chuàng)建精美的網(wǎng)頁(yè)。我將深入講解每個(gè)語(yǔ)言的基礎(chǔ)知識(shí)，并提供一些實(shí)用技巧和最佳實(shí)踐。無(wú)論你是初學(xué)者還是有一定經(jīng)驗(yàn)的開(kāi)發(fā)者，我的文章都能夠滿足你的學(xué)習(xí)需求。
此外，我還會(huì)分享一些關(guān)于前端開(kāi)發(fā)的最新動(dòng)態(tài)和行業(yè)趨勢(shì)?；ヂ?lián)網(wǎng)技術(shù)在不斷發(fā)展，新的框架和工具層出不窮。通過(guò)我的文章，你將會(huì)了解到最新的前端技術(shù)趨勢(shì)，并了解如何應(yīng)對(duì)這些變化。
我深知學(xué)習(xí)前端不易，因此我將盡力以簡(jiǎn)潔明了的方式解釋復(fù)雜的概念，并提供一些易于理解的實(shí)例和案例。我希望我的文章能夠幫助你更快地理解前端開(kāi)發(fā)，并提升你的技能。
如果你想了解更多關(guān)于前端開(kāi)發(fā)的內(nèi)容，不妨關(guān)注我的原創(chuàng)文章。我會(huì)不定期更新，為你帶來(lái)最新的前端技術(shù)和知識(shí)。感謝你的關(guān)注和支持，我們一起探討交流技術(shù)共同進(jìn)步，期待與你一同探索前端開(kāi)發(fā)的奇妙世界！
#文章首發(fā)挑戰(zhàn)賽#
*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
