js100個實例,js10000

本文目錄一覽：

• 1、我想用JavaScript生成1到100之間的100個不能重複的隨機數，不需要排序，只生成100個不
• 2、js裡面用隨機的方式存入100個數在數組中並相加輸出，與高手會嗎，被我們的老師害死了
• 3、js控制頁面滾動（實例）
• 4、如果我要學習JavaScript，需要先學習什麼呢？

我想用JavaScript生成1到100之間的100個不能重複的隨機數，不需要排序，只生成100個不

var getRandomArray = function() {

var i = 0,

s = ”,

sp = ‘,’,

next;

while (i 100) {

// 產生1-100的隨機數

next = Math.random() * 100 + 1;

// 判斷產生的數是否在隨機數字元串里

if (s.indexOf(next) === -1) {

// 不存在

// 則加上這條

s += next + sp;

// 並且記數器加1

i++;

}

// 否則記數器不加1，繼續循環

}

// 最後得到的是xx,xx,形式的字元串

// 因為split函數會保留最後一個分隔符後的數

// 所以通過slice(0,-1)去掉最後一個字元（也就是,號）

// 這樣99個分隔符拼成的字元串就會被,號分割

// 成100個隨機數組了

return s.slice(0, -1).split(‘,’);

}

alert(getRandomArray());

js裡面用隨機的方式存入100個數在數組中並相加輸出，與高手會嗎，被我們的老師害死了

var nums = [], sum = 0;

for (var i = 0; i 100; ++i) {

  nums[i] = Math.floor(Math.random() * 100);

  sum += nums[i];

};

alert(‘數組[‘ + nums.join() + ‘] 內全部元素的和是 ‘ + sum);

隨機向數組中寫入100個[0, 100)的整數，輸出整個數組及其下所有元素之和。

js控制頁面滾動（實例）

目標描述：多個圖片排列下來，按右邊的小按鈕，抵達相應位置，滑鼠滑動，抵達下一圖，或者上一圖

知識點：onmousewheel，addEventListener，scrollTo，setTimeout

過程：

1.body 寬，高釘死，100vw，100vh，overflow：hidden 使得不出現滾動條，不然不好看

2.圖片放進去，排起來，（注意：默認空隙的處理，可以使用flex布局，空隙就不見了）

3.製作相對於視窗的按鈕，幾張圖片就幾個按鈕，（position: fixed;計算一下高度，可以利用calc計算top使得上下居中）

4.美化一下，css寫寫

5.先寫簡單的按鈕事件

6.寫監聽滑動事件(onmousewheel在火狐無效，DOMMouseScroll只在火狐有效)

react在componentDidMount的時候監聽

7.補充寫一下火狐的

9.測試檢查一下。

完成啦，啦啦啦～

我的截圖：

缺點：這裡我是一直對頁面進行監聽，導致滑動過快對時候動畫效果開始執行對時間延後。體現為滑動對輕，整個就流暢一點。

ps：寫這種帶計算帶頁面，我覺得是考驗思維的，你可以對這裡的知識點不熟練，但是你必須得能理解每一步的加加減減。

如果我要學習JavaScript，需要先學習什麼呢？

首先還是得熟悉html css，因為javascript的操作大多都對html標籤的搜索，刪除，查詢，添加，註冊偵聽器，以及對樣式表css的控制等。

然後才是學習javascript,”網站開發之旅”的 《javascript從入門到精髓》，可以對javascript有個初步的認識以及方便查詢。我大多看的是”圖靈系列”的相關書籍，如《javascript基礎教程》，《javascript Dom編程藝術》，《javaScript Dom高級程序設計》(熟悉了以後再看，這方面的扛鼎之作)等；

每一本書的側重點不同，建議多看不同的書，如果你是有編程基礎的，那麼熟悉使用一種語言是很快的，畢竟編程思想是一樣的嘛。自己做幾個小網站，實踐多了自然就懂得多了。學到神馬程度其實不好說，正所謂師父領進門，修行在個人嘛。

至於找工作的話，你可以找 web前端開發(web前端工程師)，這個職業你可以百度一下。