原创 React組件通信(state方式)

在App.js中,按如下圖步驟添加對應代碼,第一步:設置state屬性第二步:使用state屬性替換元素屬性;並在button元素上綁定click事件第三步:實現changeName方法,通過setState改變屬性值。點擊button按

原创 React 第一個實例

React 教程React 是一個用於構建用戶界面的 JAVASCRIPT 庫。React主要用於構建UI,很多人認爲 React 是 MVC 中的 V(視圖)。React 起源於 Facebook 的內部項目,用來架設 Instagra

原创 Angular五種服務詳解

(轉自http://www.cnblogs.com/liulangmao/p/4078246.html) 在這之前angular學習筆記(十五)-module裏的'服務'這篇文章裏,已經大致講解了ng中的'服務',在之後的很多地方也用到了

原创 Angular入門小Demo(開發幾步走)

示例代碼:

原创 使用 PropTypes 進行類型檢 || 控制檯報:TypeError: Cannot read property 'string' of undefined)

控制檯報錯如下:查詢PropTypes官網資料如下:使用 PropTypes 進行類型檢查注意: 從 React v15.5 開始 ,React.PropTypes 助手函數已被棄用,我們建議使用 prop-types 庫 來定義cont

原创 HTML5 新增 form、input屬性

HTML5 的新的表單屬性本章講解涉及 <form> 和 <input> 元素的新屬性。新的 form 屬性:autocompletenovalidate新的 input 屬性:autocompleteautofocusformform

原创 springboot的三種啓動方式

一:IDE 運行Application這個類的main方法二:在springboot的應用的根目錄下運行mvn spring-boot:run三:使用mvn install 生成jar後運行先到項目根目錄 mvn install cd t

原创 STS創建Spring Boot項目實戰(Rest接口、數據庫、用戶認證、分佈式Token JWT、Redis操作、日誌和統一異常處理)

1.項目創建1、新建工程2、選擇打包方式,這邊可以選擇爲打包爲Jar包,或者傳統的打包爲War包3、選擇開發過程中使用到的技術,這邊我選擇的是Rest Repositories4、新建測試用Controller    文件內容如下[jav

原创 React 組件生命週期詳解

Ract生命週期React 生命週期分爲三種狀態 1. 初始化 2.更新 3.銷燬一、初始化1、getDefaultProps()設置默認的props,也可以用dufaultProps設置組件的默認屬性.2、getInitialState

原创 Webpack html插件優化、devServer、熱更新(二)

一、clean-webpack-plugin:在每次生成dist目錄前,先刪除本地的dist文件(每次自動刪除太麻煩)2、安裝clean-webpack-plugin   npm/cnpm i clean-webpack-plugin -

原创 React創建組件的三種方式及其區別

React創建組件的三種方式及其區別React推出後,出於不同的原因先後出現三種定義react組件的方式,殊途同歸;具體的三種方式:函數式定義的無狀態組件es5原生方式React.createClass定義的有狀態組件組件  (不推薦使用

原创 Webpack的核心原理(配置詳解、loaders三種寫法)

Webpack是目前基於React和Redux開發的應用的主要打包工具。我想使用Angular 2或其他框架開發的應用也有很多在使用Webpack。當我第一次看到Webpack的配置文件時,它看起來非常的陌生,我非常的疑惑。經過一段時間的

原创 Angular vs React 最全面深入對比

摘要:如今,Angular和React這兩個JavaScript框架可謂紅的發紫,同時針對這兩個框架的選擇變成了當下最容易被問及或者被架構設計者考慮的問題,本文或許無法告訴你哪個框架更優秀,但儘量從更多的角度去比較兩者,儘可能的爲你在選擇

原创 CSS3繪製各種常見圖形(圓形-橢圓形-三角形-五角星...)

圓形-橢圓形-三角形-倒三角形=左三角形-右三角形-菱形-平行四邊形- 星形-六角星形-五邊形-六邊形-八角形-心形-蛋形-無窮符號-消息提示框-吃豆人1製作圓形:要使用CSS來製作一個圓形,我們需要一個div,被給它設置一個ID<div