JavaScript成長紀錄

-
第一次紀錄自己學習成長的JavaScript語言蠻興奮，對自己未來期許能成為全端工程師。
現階段買了六角學院的課程JavaScript、HTML&CSS、Git&Github，JavaScript作筆記也寫到Event部分，目前蠻注重Dom的練習。
由於今天剛紀錄所以有可能會從Dom開始或是從變數開始，開這部落格也希望能看自己每天的進步，JavaScript開始．．．

评论

发表评论

此博客中的热门博文

JavaScript-巢狀迴圈內外if判斷字串與陣列

-
這個部分屬於如果說Json格式本身外面有一個陣列蛋如果說最裡面還有一個陣列的話怎去完整地抓取(名字一項項的列出li),用一個for迴圈是能整個抓不過只要有一個陣列放在li會將整個陣列掛在li。這裡用巢狀迴圈內外迴圈各有if的判斷式，這兩個判斷式用typeof去判斷，判斷是否為Object以及string。 在這裏使用createElement以防innerHTML在每一次 <h1>列出農夫名字</h1> <ul class="list"></ul> var farms =[ { farmer:'查理' }, { farmer:'卡斯伯' }, { farmer:['喬丹','迪奧'] } ]; var farmLen = farms.length; var el = document.querySelector('.list'); var str =''; for(var i=0;i<farmLen;i++){ var farmerLen = farms[i].farmer.length; if(typeof(farms[i].farmer)=='string'){//判斷string var content = '<li>'+farms[i].farmer+'</li>'; str +=content; el.innerHTML =str; console.log(farms[i].farmer); } for(var j=0;j<farmerLen;j++){//跑Json裡面的陣列 if(typeof(farms[i].farmer)=='object'){//判斷object var content = '<li>'+farms[i].farmer[j]+'</li>'; str +=c...
阅读全文

JavaScript-頁數模擬

-
上了六角學院筆記已經上到Event,還是會很想要看一下後面章節,看到老師給的作業要抓取Json格式資料要做成頁數。 還是有一直的嘗試有什麼方法能將頁數做出來,假日的時間和朋友一起學習JavaScript在吃晚餐的時候和朋友講述自己在做的頁數。 第一頁為1~6筆、第二頁為7~12筆、第三頁13~18筆,讓我有些靈感不斷的想全域變數去控制for迴圈之後真的成功了 只是一個模擬,希望後面能做出來完整的Json格式的頁數。 <div class="str"></div>//生成的頁碼 <div class="str1"></div>//6筆資料 var content = ['1','2','3','4','5','6','7','8','9','10','11','12','13','14','15','16','17','18']; var el = document.querySelector('.str');//頁數父元素 var el1 = document.querySelector('.str1');//筆數父元素 var contentLen = content.length; var pages =contentLen/6;//頁數生成六筆為一頁 var str ='';//頁數字串 var str1 ='';//筆數字串 var contentMin = 0; var contentMax = 6; var contentTall =3;//可透過修改頁數去模擬點擊頁數之後會用event的方法去做 if(contentTall){//點擊模擬更改全域變數 contentMax*= contentTall;//最大 contentMin = contentMax-6;//最小 } //利用全域變數控制for...
阅读全文