控制指令 if() 條件 當(dāng)@if的表達(dá)式返回值不是 false 或者 null時(shí)，條件成立，輸出括號(hào)內(nèi)的代碼 @if,聲明后可以跟多個(gè) @else if聲明 @for 循環(huán)...
發(fā)簡(jiǎn)信
IP屬地：天津
-
丸子學(xué)SASS（學(xué)習(xí)1小時(shí) - 控制指令）
-
丸子學(xué)SASS（學(xué)習(xí)1小時(shí) - 基本擴(kuò)展）
前言 sass一個(gè)css后置處理器，減少了開(kāi)發(fā)人員的輸入，極大地提升了開(kāi)發(fā)效率，所以有必要花點(diǎn)時(shí)間學(xué)習(xí)下， 上手很快，先來(lái)學(xué)習(xí)下基本的擴(kuò)展內(nèi)容 嵌套規(guī)則 內(nèi)層的樣式將它外層的...
-
丸子學(xué)JS（學(xué)習(xí)30分鐘 - this指向）
this的幾種模式 方法調(diào)用模式下，this總是指向調(diào)用它所在方法的對(duì)象，this的指向與所在方法的調(diào)用位置有關(guān)，而與方法的聲明位置無(wú)關(guān)（箭頭函數(shù)特殊）。 函數(shù)調(diào)用下，thi...
-
丸子學(xué)JS（學(xué)習(xí)1小時(shí) - 閉包的應(yīng)用）
何為閉包 如果一個(gè)函數(shù)訪問(wèn)了此函數(shù)的父級(jí)及父級(jí)以上的作用域變量，那這個(gè)函數(shù)就是一個(gè)閉包 本質(zhì)上， JS中的每個(gè)函數(shù)都是一個(gè)閉包，因?yàn)槊總€(gè)函數(shù)都可以訪問(wèn)全局變量 閉包的執(zhí)行過(guò)程...
-
丸子學(xué)JS（學(xué)習(xí)1小時(shí) - 面向?qū)ο蠡A(chǔ)）前言 一晃終于學(xué)到了面向?qū)ο?，這一塊花了好長(zhǎng)一段時(shí)間去理解，內(nèi)容不多但是需要時(shí)間去消化 對(duì)象是什么 1）對(duì)象是單個(gè)事物的抽象2）對(duì)象是一個(gè)容器，封裝了屬性（property）...
-
丸子學(xué)JS（學(xué)習(xí)1小時(shí) - AJAX）
Ajax 是干什么的 Ajax（Asynchronous JavaScript And XML）是2005年新出現(xiàn)的技術(shù)，它的出現(xiàn)是為了解決這樣一個(gè)場(chǎng)景：整個(gè)頁(yè)面中，只有一小...
-
丸子學(xué)JS（學(xué)習(xí)半小時(shí) - cookie存儲(chǔ)）
cookie是什么 HTTP協(xié)議本身是無(wú)狀態(tài)的，即服務(wù)器無(wú)法判斷用戶(hù)身份。Cookie實(shí)際上是一小段的文本信息（key-value格式）。客戶(hù)端向服務(wù)器發(fā)起請(qǐng)求，如果服務(wù)器需...
-
丸子學(xué)JS（學(xué)習(xí)2小時(shí) - 事件處理）
事件 addEventListener 用來(lái)處理多個(gè)事件同時(shí)綁定 handler 事件處理程序， event 事件對(duì)象，handleEvent 對(duì)象處理程序 冒泡和捕獲 冒...
-
丸子學(xué)JS（學(xué)習(xí)2小時(shí) - BOM與DOM）前言 學(xué)到這一塊，感覺(jué)內(nèi)容好多，學(xué)到一半有點(diǎn)力不從心，硬著頭皮看到最后，結(jié)果發(fā)現(xiàn)前面有些又忘記了，往返看了3遍，大致有了一點(diǎn)輪廓，自己動(dòng)手簡(jiǎn)單歸納了下 DOM 獲取節(jié)點(diǎn) do...
-
丸子學(xué)JS（學(xué)習(xí)1小時(shí) -String和Date練習(xí)）
前言 string和date的學(xué)習(xí)更多的是方法的學(xué)習(xí)，搗鼓了一晚上，終究也是把筆記做完了，學(xué)習(xí)真的是需要通過(guò)大量的練習(xí)來(lái)融會(huì)貫通 查找方法 字符方法a) charAt()■ ...
-
丸子學(xué)JS（學(xué)習(xí)2小時(shí) - 函數(shù)與數(shù)組）
函數(shù)定義方法 靜態(tài)方法 動(dòng)態(tài)匿名方法 直接量方法 調(diào)用方法 ● 直接調(diào)用 函數(shù)名（實(shí)參列表）● 在鏈接中調(diào)用 ● 在事件中調(diào)用 事件類(lèi)型 = “函數(shù)名（）”● 遞歸調(diào)用a. ...
-
丸子學(xué)JS（學(xué)習(xí)1小時(shí) - 流程控制）
循環(huán)語(yǔ)句 whilea. 用法 b. 流程 （判斷條件表達(dá)式的值，當(dāng)值為true時(shí)循環(huán)執(zhí)行代碼段，當(dāng)值為false時(shí)退出循環(huán)體）c. 特性 （先檢查條件，再執(zhí)行循環(huán)，條件不滿(mǎn)...
-
丸子學(xué)JS（學(xué)習(xí)1小時(shí) - 了解基礎(chǔ)）
腳本引入 ● 我們可以使用一個(gè) 標(biāo)簽將 JavaScript 代碼添加到頁(yè)面中。● type 和 language 屬性不是必需的?！?外部的腳本可以通過(guò) 這種方式插...
-
丸子學(xué)CSS （最全居中指南）
前言 學(xué)習(xí)有什么捷徑嗎？ 沒(méi)有，不過(guò)就是枯燥乏味的重復(fù)，重復(fù)，再重復(fù)，然后積累到一定程度，自然就水到渠成 水平居中 內(nèi)聯(lián)元素 通過(guò)使用text-align實(shí)現(xiàn)，運(yùn)用在塊級(jí)元素...
-
丸子學(xué)CSS（學(xué)習(xí)半小時(shí) - 媒體查詢(xún)）
媒介類(lèi)型 在CSS2中，媒體查詢(xún)只使用于 和 標(biāo)簽中，以media屬性存在，media屬性用于為不同的媒介類(lèi)型規(guī)定不同的樣式● screen 計(jì)算機(jī)屏幕（默認(rèn)值）● tty ...
-
丸子學(xué)CSS（學(xué)習(xí)一個(gè)半小時(shí) - 高階布局Grid）基本概念 1.容器和項(xiàng)目 采用網(wǎng)格布局的區(qū)域，稱(chēng)為"容器"（container）。容器內(nèi)部采用網(wǎng)格定位的子元素，稱(chēng)為"項(xiàng)目"（item） 注意：項(xiàng)目只能是容器的頂層子元素，不...
-
丸子學(xué)CSS（學(xué)習(xí)一個(gè)半小時(shí) - flex彈性布局）前言 flex 布局是前端重要且常用的一種布局方式，提供的屬性并不多，但是概念很重要，需要多加練習(xí)才能熟練運(yùn)用 基本概念 采用 Flex 布局的元素，稱(chēng)為 Flex 容器（f...
-
丸子學(xué)CSS（學(xué)習(xí)1小時(shí) - 3D轉(zhuǎn)換與關(guān)鍵幀）
3D轉(zhuǎn)換 三維變換使用基于二維變換的相同屬性，可以讓我們基于三個(gè)坐標(biāo)方向?qū)υ剡M(jìn)行變換。和二維變形一樣，三維變形可以使用transform屬性來(lái)設(shè)置 3D移動(dòng) transla...
-
丸子學(xué)CSS（學(xué)習(xí)15分鐘 - 過(guò)渡動(dòng)畫(huà)）
說(shuō)明 通過(guò)過(guò)渡transition,我們可以在不使用 Flash 動(dòng)畫(huà)或 JavaScript 的情況下，當(dāng)元素從一種樣式變換為另一種樣式時(shí)為元素添加效果. 要實(shí)現(xiàn)這一點(diǎn)，必...
-
丸子學(xué)CSS（學(xué)習(xí)1小時(shí) - 位移與變形）
前言 復(fù)雜的事情，簡(jiǎn)單做，簡(jiǎn)單的事情認(rèn)真做，一點(diǎn)一滴慢慢積累 transform屬性 在CSS3中，可以利用transform功能實(shí)現(xiàn)文字或圖像的旋轉(zhuǎn)、縮放、傾斜、移動(dòng)這4中...