-
sidebar技術實現流程圖
查看全部 -
側邊欄實現功能
查看全部 -
opacity:0; 設置透明度查看全部
-
cursur:pointur; 使鼠標放在指定位置時，鼠標樣式變為手的形狀查看全部
-
1、HTML速寫方式：
????ul>#id.item*6
2、側邊欄全屏高度css樣式：
????position:fixed; ????min-height:100%；
3、script標簽速寫：
????script[src="sidebar.js"]
4、快模式
一種立即執行的匿名函數，用括號將函數括起來，代表一個單元，在后面加一個括號，代表立即執行
(function(){})();5、構造函數與其他函數的區別：構造函數變量名首字母大寫。在調用構造函數時沒有使用new關鍵字，則返回對象為空、構造函數中的this指向window、向window中添加屬性。
6、一般會把對象的行為放在構造函數的原型鏈中，不熟悉可以去學習JavaScript的集成方式。
7、event對象、this的使用規則？
在函數外部使用this，this就是指window對象，全局變量可以看做window對象的屬性：
<script> ????var?x?=?1; ????//結果都是1 ????alert(?window.x?); ????alert(?this.x?); </script>
在JavaScript中，this是造成很多錯誤的根源，在函數的內部，this是指向函數的調用者的。在click事件發生后，系統會自動調用這個函數，則函數的調用者就是系統，而不是sidebar。
解決辦法：閉包。JavaScript最出色的特性就是閉包，閉包的基礎特性是可以調用函數外部的對象。所以一般情況下，在處理事件響應函數的this時，在外部定義一個變量，將它指向this。
查看全部 -
1、直接使用class屬性設置圖標：直接使用<span class="glyphicon glyphicon-user"></span>得到圖標效果，需要引入bootstrap的文件：<link?rel="stylesheet"?href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"?integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"?crossorigin="anonymous">查看全部 -
animation-name:?sml;?//?設置動畫的名字 animation-direction:?1s;?//?設置動畫持續時間 animation-iteration-count:?1;?//?動畫執行次數 animation-fill-mode:?forwards;?//?設置動畫結束之后保持在結束的狀態
查看全部 -
todo查看全部
-
使用opacity查看全部
-
側邊欄查看全部
-
重要查看全部
-
側邊欄查看全部
-
CSS3樣式實現動畫 animation -animation-name: cmr // 先給這個animation添加一個名稱 -animation-duration: 1s // 執行的時間 -animation-iteration-count: 1 // 迭代的次數 -animation-fill-mode: forwards // 執行結束后停在位置上不變 @keyframes cmr{ // 定義需要執行的動畫,cmr就是之前animation的name from{ // 設置從哪里開始的 } to{ transform: translateX(160px),rotate(405deg) // translateX是向X軸移動的距離 } }查看全部
-
(function(){...})(); // 立即執行函數查看全部
-
<span class="glyphicon glyphicon-search" aria-hidden="true"></span> 添加bootstrap組件，一些圖標 <link rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 引入bootstrap庫查看全部
-
構造函數名大寫查看全部
-
云里霧里~~查看全部
-
var Sidebar = function(eId,closeBarId){}; Sidebar 首字母大寫查看全部
-
先下載CSS樣式，再渲染HTML文檔結構，再下載javascript查看全部
-
ul>#id.item*6// ctrl+e 中間沒有空格的查看全部
舉報