getBoundingClientRect().width 和 offsetWidth的結(jié)果基本是一致的。但是當(dāng)元素進(jìn)行了transfrom 操作缚俏，getBoundingCl...
發(fā)簡信
IP屬地：浙江
-
getBoundingClientRect().width和offsetWidth 區(qū)別 -
響應(yīng)式布局
純CSS方式 使用@media標(biāo)簽，檢測設(shè)配參數(shù)優(yōu)勢：只需要CSS就能實(shí)現(xiàn)梭姓；不足：只能做樣式層面的改動(dòng)； Window.matchMedia() 原生JS解決不同媒體條件下的...
-
CSS實(shí)現(xiàn)縱向填充布局期待效果： 有3行布局嫩码，header誉尖、content、footer铸题； header高度固定铡恕； content高度不確定，內(nèi)容超過可視范圍丢间，出現(xiàn)滾動(dòng)條探熔； footer始終位于最...
-
SVG繪制環(huán)圖
上篇<原生Canvas繪制餅圖>介紹了如何使用Canvas來繪制環(huán)圖，這篇用SVG標(biāo)簽來實(shí)現(xiàn)一下烘挫。 上面是完整效果圖诀艰，下面來看看具體實(shí)現(xiàn)。 使用的SVG元素 ：SVG代碼的開...
-
box-sizing
box-sizing含有兩個(gè)值绿满，代表了兩種不同的盒模型 content-box：width和height設(shè)置的只是元素content對應(yīng)的寬高。 border-box：wid...
-
overflow學(xué)習(xí)筆記
1.overflow值1）visible: 默認(rèn)值窟扑，內(nèi)容正常顯示在元素邊框外喇颁，不會(huì)被修改漏健；2）hidden: 超過范圍的內(nèi)容被裁減，不提供滾動(dòng)條橘霎；3）scroll：超過范圍的...
-
css實(shí)現(xiàn)屏幕自適應(yīng)正方形padding的百分比數(shù)值是根據(jù)父元素寬度計(jì)算的的這一原則蔫浆，使用padding-bottom控制元素高度，使用百分比控制元素的width茎毁。 效果圖：
-
CSS選擇器總結(jié)CSS選擇器分類：1）簡單選擇器：針對元素特征進(jìn)行選擇克懊，具體包括如下幾種：a）類型選擇器忱辅，如 p {...}b）全體選擇器七蜘，如 * {...}c）id選擇器，如 #idNam...
-
ES6——箭頭函數(shù)學(xué)習(xí)筆記
箭頭函數(shù)的參數(shù)使用()包含墙懂，如果只有一個(gè)參數(shù)則可以省略(), 箭頭函數(shù)的代碼段使用{}包含橡卤，如果只有一條返回語句，則可以省略{return ...}损搬，如果返回值為對象碧库，因?yàn)閷?..
-
異步并發(fā)與繼發(fā)
通過for... of...實(shí)現(xiàn)異步繼發(fā)請求:for... of...zhi只有等上一個(gè)異步請求完成之后才能開啟下一個(gè)異步請求 通過map實(shí)現(xiàn)異步并發(fā)請求：同時(shí)開啟多個(gè)異步請...
-
原生JS——checkbox操作技巧
新增checkbox 2.根據(jù)type="checkbox"選中所有checkbox 3.修改checkbox選中狀態(tài) 4.獲取checkbox的value 5.一個(gè)簡單的表...
-
D3學(xué)習(xí)筆記
一剩瓶、進(jìn)入-更新-退出模式更新（updata）：selection.data(data)返回一個(gè)碧昂定了數(shù)據(jù)的D3對象集合驹溃。進(jìn)入（enter）：selection.data(d...
-
8.DOM和瀏覽器模式——JavaScript模式學(xué)習(xí)筆記
一、DOM1.DOM訪問DOM是獨(dú)立于JavaScript引擎而實(shí)現(xiàn)的延曙，對DOM的訪問豌鹤，是制約JS性能的主要瓶頸。因此枝缔，因該盡量減少DOM操作：1）避免在循環(huán)中使用DOM訪問...
-
JS觀察者模式簡介及實(shí)例
一布疙、概念觀察者(observer)模式：又稱訂閱/發(fā)布(subscriber/publisher)模式，被觀察者(也成發(fā)布者或者主題)觀察者(也稱訂閱者)當(dāng)發(fā)生特定事件時(shí)愿卸，發(fā)...
-
軟件工程文件及圖表對應(yīng)（待完善）
一拐辽、需求分析圖表說明 用例圖：用例圖(Use Case Diagram)是由軟件需求分析到最終實(shí)現(xiàn)的第一步，它描述人們?nèi)绾问褂靡粋€(gè)系統(tǒng)擦酌。用例視圖顯示誰是相關(guān)的用戶俱诸、用戶希望系...
-
redux實(shí)例
一、原生Redux 創(chuàng)建ActionType 和 ActionActionType以常量表示赊舶，用于對Action的進(jìn)行區(qū)別Action接受狀態(tài)信息作為輸入睁搭，返回一個(gè)對象赶诊，對象...