原创 菜鳥對margin的疑惑

作爲一名跨專業的前端來說,這個真是一種無以言表的滋味,從搞建築的到搞電腦的。。。。你懂得。。 這是我自學前端大概半年的基礎,如今姑且算是入門了。爲了豐富瓶頸就去報了個就業班。而其中有一個題目是研究正常盒子與怪異盒子的比對。於是。。。。

原创 移動端開發--物理像素和邏輯像素

雖說在在web app開發中,只需要掌握頁面佈局,頁面適配,能夠將頁面完美在各種設備上展現。但是,爲什麼要這樣做?這樣做原理是什麼?這麼優點是什麼?深究下去,大家不一定很清晰。 那麼,咱們一起學習下~ 一、2種像素 設

原创 實例講解CSS3中Transform的perspective屬性的用法

基礎CSS3的transform可以做2D的操作,當然也有3D。 但需要再一個擁有perspective屬性的父元素才能顯現3D的效果。 例如: XML/HTML Code複製內容到剪貼板 <div id="div1"><!-- pe

原创 HTML中爲何p標籤內不可包含div標籤?那哪些塊元素裏面不能放哪些塊元素呢?

先看下面的例子你就能明白兩者的差別: <p>測試一下塊元素與<span>內聯元素</span>的差別</p> <p>測試一下<div>塊元素</div>與內聯元素的差別</p>    在上面的例子中,<div>會自己產生一個

原创 JS中this的四種用法

JS中this的四種用法 1.在一般函數方法中使用 this 指代全局對象 1 2 3 4 5 function test(){     this.x = 1;     alert(this.x

原创 npm升級所有可更新包

使用npm管理node的包,可以使用 npm update <name> 對單個包升級,但是沒有命令能夠把當前所有包都升級。 一個一個包的升級實在是太麻煩,就想找到一個升級所有本地包的方法: shell腳本和 npm-ckeck

原创 reactjs中props和state最佳實踐

reactjs中props和state最佳實踐 翻譯文章:ReactJS Props vs State Best Practices props & state的誤用產生的bug,花費了我們大量的修復時間。在一個app中如果包

原创 浮動佈局、聖盃佈局、雙飛翼佈局3種佈局的代碼與分析。

前一篇文章提到了margin的問題,如今已經翻篇。現在來彈一下佈局,這個很重要。。 不多廢話。一言不和上代碼。 1.先看浮動佈局 HTML <pre name="code" class="html"><!-- 浮動佈局 --> <d

原创 僞類與僞元素

CSS中一個冒號和兩個冒號有神馬區別? 這好像真的是個問題,或許很多前端同學對此都有疑惑,查了些資料,證實了下兩個符號的區別,簡而言之:單冒號(:)用於CSS3僞類,雙冒號(::)用於CSS3僞元素。 W3C關於CSS3選擇器的規範

原创 :before和 :after

現在我們經常在 html 源碼中看到如下的寫法: 這裏的 ::after 和 ::before 就是我們今天來探討的 css 僞元素之二 - :before && :after。 僞元素 首先我們要明白什麼是僞元素,css

原创 Javascript中的hasOwnProperty

判斷一個屬性是定義在對象本身而不是繼承自原型鏈,我們需要使用從 Object.prototype 繼承而來的 hasOwnProperty 方法。hasOwnProperty 方法是 Javascript 中唯一一個處理對象屬性而不會往

原创 call 與 apply

call 方法: 調用一個對象的一個方法,以另一個對象替換當前對象。 call([thisObj[,arg1[, arg2[, [,argN]]]]]) 參數 thisObj 可選項。將被用作當前對象的對象。 arg1,

原创 JavaScript中的this,call,apply使用及區別詳解

在之前的JavaScript學習中,this,call,apply總是讓我感到迷惑,但是他們的運用又非常的廣泛。遂專門花了一天,來弄懂JavaScript的this,call,apply。 中途參考的書籍也很多,以《JavaScript設

原创 閉包的相關解釋合集(來源於知乎)

作者:wyatt-pan 鏈接:https://www.zhihu.com/question/19554716/answer/12763637 來源

原创 react的工作原理

現在最熱門的前端框架有AngularJS、React、Bootstrap等。自從接觸了ReactJS,ReactJs的虛擬DOM(Virtual DOM)和組件化的開發深深的吸引了我,下面來跟我一起領略ReactJs的風采吧~~ 文