table of content
準備
基本思路
實現
我們期望實現這樣的效果：
!(這是我們學習製作乙個sidebar頁面之前的準備，我們接下來只關注js部分的實現。
在這裡，你會看到，預留了乙個diaplay屬性：
如果你去掉display前面的小勾，即取消應用該屬性，你將會看到以下頁面：
該頁面,就是我們接下來希望通過js來控制切換的sidebar頁面。 你可以通過閱讀提供的準備**，了解該頁面的編寫。
我們的核心想法是，是通過js控制css屬性，來實現sidebar的展開與收縮，更確切的想法，我們給sidebar加上乙個名為hide的class，頁面初始載入，hide有display：none生效，即預設sidebar是摺疊的。 然後，如果點選展開按鈕，那麼觸發js邏輯，移除該hide屬性。點選sidebar，加會hide屬性。 然後加上transition動態效果。 就能實現我們預期的效果。 還是看**實現。
建立乙個名為index.js的檔案，並我們的index.html檔案中引入，需要注意的是，我們的js邏輯操作的是dom，所以在引入的時，要再dom載入完成之後再引入，即在文件最後引入。在我們實現的js邏輯如下：
document.queryselector('.sidebar').addeventlistener('click',function())
document.queryselector('.header-left-btn').addeventlistener('click',function())
document.queryselector('.sidebar').classlist.add('hide')
} document.queryselector('.sidebar').classlist.remove('hide')}說明
我們實現的最簡單的功能，是點選header的左邊按鈕，sidebar展開，點選展開的sidebar任何位置，sidebar收起。
.hide
.sidebar.hide
.sidebar
用PowerShell建立乙個菲波那切數列
首先介紹斐波那契數列，斐波那契數列的排列是 1，1，2，3，5，8，13，21，34，55，89，144 依次類推下去，你會發現，它後乙個數等於前面兩個數的和。在這個數列中的數字，就被稱為斐波那契數。2是第3個斐波那契數。這個級數與大自然植物的關係極為密切。幾乎所有花朵的花瓣數都來自這個級數中的一項...
WebGL入門 001 繪製乙個點
webgl依賴於一種新的稱為著色器的繪圖機制,繪製乙個點中,用到了頂點著色器和片元著色器 下面是繪製乙個點的程式 直接複製無法工作 頂點著色器 varvshader source void main n 片元著色器 varfshader source void main n function mai...
建立乙個類
c 是一門物件導向的程式語言，而物件導向的基礎就是類 使用c 建立乙個student類 class student 學生類 輸出學生的資訊 void outputstudent void void student input char name,int age,int no void student...