原创 react學習筆記 item9 ---雙向綁定（mixin）

我們知道在 angular 中數據時雙向綁定的；而在 react 中，數據是向一個方向傳遞：從擁有者到子節點。也就是我們說的單向數據綁定。如果在 react 中要實現雙向數據綁定，就得需要藉助插件。 React.addons 是爲了構建

2018-08-26 04:16:12

原创 react學習筆記 item7 --- 組件的生命週期

組件的生命週期可分成三個狀態，如下圖所示： Mounted：React 組件被 render 解析生成對應的 DOM 節點，並被插入到對應的 真是 DOM中。 Updating：一個已經 Mounted 的組件的 state 或者 p

2018-08-26 04:16:12 3

原创 wampserver配置多個不同路徑站點

wampserver配置多個不同路徑站點 wampserver默認的服務站點爲：*:\*\www（wampserver對應的安裝地址），但是在開發過程中，我們會把項目部署在不同的路徑下，因此就需要爲wampserver配置不同路徑下的站點

2018-08-26 04:16:12

原创 react學習筆記 item5 --- Props

Props 就是properties 的縮寫，我們可以使用Props把任意類型的數據傳遞給子組件。子組件本身不能設置它的props ，只能從父組件繼承。我們來看下面一個例子： // 示例1 var MessageBox = React.c

2018-08-26 04:16:10

原创 CSS3中彈性盒子Flex使用詳解

在介紹flex之前，先說一個面試時關於CSS佈局常提到的問題，也就是三欄佈局，左右兩邊固定，中間一欄自適應屏幕大小，如下效果： 以前常見的做法就是將左右兩邊絕對定位，定位到相應的位置，中間設置width：100%；然後在設置對應的pad

2018-08-26 04:16:10 3

原创 CSS實現自適應下保持寬高比

在項目中，我們可能經常使得自己設計的網頁能自適應。特別是網站中的圖片，經常要求在網頁放大（或縮小）時，寬高同時放大（或縮小），而且不變形（即保持正常的長寬比）。爲了不變形，常用的方法就是設置width值，然後高度height設置auto。

2018-08-26 04:16:10

原创 react學習筆記 item1 --- 基礎入門

React 是一個用於構建用戶界面的 JAVASCRIPT 庫，由於主要用於構建UI，React 被認爲是 MVC 中的 V（視圖）。 React 起源於 Facebook 的內部項目，在衆多的JavaScript庫之中，Facebook

2018-08-26 04:16:10 4

原创 react學習筆記 item4 --- 狀態（state）

React 把組件看成是一個狀態機（State Machines）。通過與用戶的交互，實現不同狀態，然後渲染 UI，讓用戶界面和數據保持一致。React 裏，只需更新組件的 state，然後根據新的 state 重新渲染用戶界面（不要操作

2018-08-26 04:16:10 4

原创 一篇文章輕鬆上手使用 less

Less 是一門CSS預處理語言，它擴充了CSS語言，增加了諸如變量、混合（mixin）、函數等功能，讓 CSS 更易維護、方便製作主題、擴充。 Less的安裝 Less可以在瀏覽器端、桌面客戶端以及服務器端使用。Less編譯器比較常用的

2018-08-26 04:16:08 2

原创 JS對象深度克隆實現

首先，我們將JavaScript中的數據類型分爲兩大類：原始類型和對象類型。（1）原始類型包括：數值、字符串、布爾值、null、undefined（我們需要克隆的主要是前面三個）（2）對象類型包括：對象（Object），函數（Functi

2018-08-26 04:16:08 3