控制指令 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后置處理器，減少了開發(fā)人員的輸入者铜，極大地提升了開發(fā)效率柒莉，所以有必要花點(diǎn)時(shí)間學(xué)習(xí)下祭隔， 上手很快压储，先來學(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)缩幸，而與方法的聲明位置無關(guān)（箭頭函數(shù)特殊）壹置。 函數(shù)調(diào)用下，thi...
-
丸子學(xué)JS（學(xué)習(xí)1小時(shí) - 閉包的應(yīng)用）
何為閉包 如果一個(gè)函數(shù)訪問了此函數(shù)的父級(jí)及父級(jí)以上的作用域變量表谊，那這個(gè)函數(shù)就是一個(gè)閉包 本質(zhì)上钞护， JS中的每個(gè)函數(shù)都是一個(gè)閉包，因?yàn)槊總€(gè)函數(shù)都可以訪問全局變量 閉包的執(zhí)行過程...
-
丸子學(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é)議本身是無狀態(tài)的，即服務(wù)器無法判斷用戶身份跨算。Cookie實(shí)際上是一小段的文本信息（key-value格式）爆土。客戶端向服務(wù)器發(fā)起請(qǐng)求诸蚕，如果服務(wù)器需...
-
丸子學(xué)JS（學(xué)習(xí)2小時(shí) - 事件處理）
事件 addEventListener 用來處理多個(gè)事件同時(shí)綁定 handler 事件處理程序步势， event 事件對(duì)象，handleEvent 對(duì)象處理程序 冒泡和捕獲 冒...
-
丸子學(xué)JS（學(xué)習(xí)2小時(shí) - BOM與DOM）前言 學(xué)到這一塊背犯，感覺內(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í)真的是需要通過大量的練習(xí)來融會(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)用 事件類型 = “函數(shù)名（）”● 遞歸調(diào)用a. ...
-
丸子學(xué)JS（學(xué)習(xí)1小時(shí) - 流程控制）
循環(huán)語句 whilea. 用法 b. 流程 （判斷條件表達(dá)式的值，當(dāng)值為true時(shí)循環(huán)執(zhí)行代碼段烫沙，當(dāng)值為false時(shí)退出循環(huán)體）c. 特性 （先檢查條件匹层，再執(zhí)行循環(huán)，條件不滿...
-
丸子學(xué)JS（學(xué)習(xí)1小時(shí) - 了解基礎(chǔ)）
腳本引入 ● 我們可以使用一個(gè) 標(biāo)簽將 JavaScript 代碼添加到頁(yè)面中锌蓄∩ぃ● type 和 language 屬性不是必需的∪乘● 外部的腳本可以通過 這種方式插...
-
丸子學(xué)CSS （最全居中指南）
前言 學(xué)習(xí)有什么捷徑嗎您访？ 沒有，不過就是枯燥乏味的重復(fù)剪决，重復(fù)灵汪，再重復(fù)檀训，然后積累到一定程度，自然就水到渠成 水平居中 內(nèi)聯(lián)元素 通過使用text-align實(shí)現(xiàn)享言，運(yùn)用在塊級(jí)元素...
-
丸子學(xué)CSS（學(xué)習(xí)半小時(shí) - 媒體查詢）
媒介類型 在CSS2中峻凫，媒體查詢只使用于 和 標(biāo)簽中，以media屬性存在览露，media屬性用于為不同的媒介類型規(guī)定不同的樣式● screen 計(jì)算機(jī)屏幕（默認(rèn)值）● tty ...
-
丸子學(xué)CSS（學(xué)習(xí)一個(gè)半小時(shí) - 高階布局Grid）基本概念 1.容器和項(xiàng)目 采用網(wǎng)格布局的區(qū)域荧琼，稱為"容器"（container）。容器內(nèi)部采用網(wǎng)格定位的子元素差牛，稱為"項(xiàng)目"（item） 注意：項(xiàng)目只能是容器的頂層子元素命锄，不...
-
丸子學(xué)CSS（學(xué)習(xí)一個(gè)半小時(shí) - flex彈性布局）前言 flex 布局是前端重要且常用的一種布局方式，提供的屬性并不多偏化，但是概念很重要累舷，需要多加練習(xí)才能熟練運(yùn)用 基本概念 采用 Flex 布局的元素，稱為 Flex 容器（f...
-
丸子學(xué)CSS（學(xué)習(xí)1小時(shí) - 3D轉(zhuǎn)換與關(guān)鍵幀）
3D轉(zhuǎn)換 三維變換使用基于二維變換的相同屬性夹孔，可以讓我們基于三個(gè)坐標(biāo)方向?qū)υ剡M(jìn)行變換被盈。和二維變形一樣，三維變形可以使用transform屬性來設(shè)置 3D移動(dòng) transla...
-
丸子學(xué)CSS（學(xué)習(xí)15分鐘 - 過渡動(dòng)畫）
說明 通過過渡transition,我們可以在不使用 Flash 動(dòng)畫或 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中...