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