原创 【前端學習筆記】使用create-react-app構建React項目

參考自: https://www.html.cn/archives/9427 創建項目 第一步:安裝,如果安裝失敗或者報警,可以嘗試更換npm registry的地址,比如設置爲淘寶源或者你所在公司可以翻牆的源。npm confi

原创 【CRR學習筆記】HTTP請求、響應、狀態碼、首部

一、基礎知識 1,URI,統一資源標識符(uniform resource identifier) URI包含URL(統一資源定位符uniform resource locator)和URN(統一資源名稱uniform resource

原创 【前端學習筆記】BFC塊級格式化上下文

參考自: 作者:OBKoro1 鏈接:https://juejin.im/post/5909db2fda2f60005d2093db 來源:掘金 著作權歸作者所有。商業轉載請聯繫作者獲得授權,非商業轉載請註明出處。 定義 BFC(

原创 【前端學習筆記】做一個模態框窗口彈出,有動畫哦

CSS3有了三種特殊效果的處理方式:過渡(transition),動畫(animation),變化(transform)。 CSS3標準化前,各主流瀏覽器靠前綴提供樣式支持。 -webkit-transition-delay: 3

原创 【HTML5移動開發學習筆記】04-CH6-離線WebAPI+ARIA+地理API

離線Web應用 localStorage,sessionStorageAPI,離線應用緩存API,連接事件,狀態,indexDB。 1,是否連接上網 採用navigator對象的onLine屬性。 var isOnline = n

原创 【HTML5移動開發學習筆記】01-CH1-CH3-HTML5新元素

經歷之前春招的視頻面環節,我深知自己在編碼方面的不足,決定放棄WebStorm作爲日常練習的編碼器,選擇sublime text作爲練習代碼的編輯器。 CH2-升級至HTML5 HTML5語法 元素 在HTML5中,內聯元素和塊級

原创 【前端學習筆記】跨域,解決辦法

跨域+如何解決 https://segmentfault.com/a/1190000015597029 瀏覽器的同源策略導致了跨域。 “同源策略限制了從同一個源加載的文檔或腳本如何與來自另一個源的資源進行交互。這是一個用於隔離潛在

原创 【前端學習筆記】將本地項目上傳到github

參考自:https://blog.csdn.net/chenyufeng1991/article/details/48930471 首先你要有github賬號,並且記得用戶名密碼。 第一步:在github上新建repositori

原创 【前端學習筆記】Less初認識

定義 Less (Leaner Style Sheets 的縮寫) 是一門向後兼容的 CSS 擴展語言。 用法 1,變量 @width: 10px; @height: @width + 10px; #header { wid

原创 【前端學習筆記】mobx初認識

https://segmentfault.com/a/1190000015554899 定義 1、React的render是將存儲的狀態轉化爲樹狀結構來渲染組件的方法; Mobx是用來存儲和更新狀態的工具; 2、React

原创 【前端學習筆記】React之組件和React.Component

組件類型: 函數式組件: function Welcome(props) { return <h1>Hello, {props.name}</h1>; } 類組件: class Welcome extends React.C

原创 【前端學習筆記】React的state和生命週期

參考自:http://react.html.cn/docs/state-and-lifecycle.html React的生命週期: 掛載時 componentDidMount() 鉤子在組件輸出被渲染到 DOM 之後運行。

原创 【前端學習筆記】使用webpack和babel構建react

參考自: https://www.html.cn/archives/9427 創建項目 首先爲項目創建一個目錄: CommandLine 代碼: mkdir webpack-react-tutorial && cd webpack

原创 【JavaScript學習筆記】super關鍵字

作者:鄭航 鏈接:https://www.zhihu.com/question/38292361/answer/105183980 來源:知乎 著作權歸作者所有。商業轉載請聯繫作者獲得授權,非商業轉載請註明出處。 super關鍵字

原创 【前端學習筆記】CSS屬性position以及各個屬性值詳解,及清除浮動的方法

position屬性值: static,absolute,relative,fixed,sticky { /* 全局值 */ position: inherit; position: initial; position: unset