js實例網,js銷毀實例

本文目錄一覽：

• 1、一個javascript製作的網頁
• 2、js的實例化過程究竟是怎麼樣的
• 3、js控制頁面滾動（實例）
• 4、js里什麼叫實例，什麼叫實例化

一個javascript製作的網頁

就說思路吧。

1）

顏色是“#dddddd”，要求6個數字隨機。

大小是”ddpx”,這裡就要求10-99隨機吧,太大、太小看不到了。

粗細是”font-weight:dddd“,4個數字隨機，那些bold也只是特定數字的名稱而已。

而javascript字符串中的字符可以用”\udddd“來替換，其中4個隨機數字，若是漢字x4e00-x9fa5之間的隨機數。

2）問題，都在一個隨機數字上。

3）實例化一個標籤比如p，然後隨機賦予它上述涉及到的style屬性，最後設置它的innerText屬性把一個隨機的漢字當做內容。

其中隨機數的函數我試着寫一下，

function getRandom(min,max){

     min=min||0;

     max=max||9;

     var sp=max-min;

     var ad=Math.floor(sp*Math.random());

     return min+ad;

}

具體流程，你自己來吧，我只能幫你倒你這裡了。

雖然那樓下那個漢子貼出了完整代碼，可是限定了範圍，不是真隨機哇。分數要給哇，我記着要分數去問別人問題，狼哇的捉急哇。555555555555

js的實例化過程究竟是怎麼樣的

①首先需要在內存中創建一個空對象，{}這種語法被稱為字面量表示法，通過這種語法，瀏覽器在內存中創建一個對象。

②然後將等價於new關鍵字（在功能上等價）的函數ObjectFactory第一個參數作為實例對象的構造函數，簡歷索引關係。

③通過__proto__建立實例對象與原型對象的聯繫。

④將構造函數的屬性方法創建一份副本並掛載到實例對象上，最後返回實例化完成的對象。

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

js里什麼叫實例，什麼叫實例化

把一個類,變成實際存在的一個”例子”,叫實例化. 說白了,如: “人”是一個概念,相當於一個”類” “小明”是一個具體存在的”人”的例子,相當於一個”實例”. 把”人”變成”小明”的過程,就是”人的實例化”.