原创 前端虛擬接口---mock的用法
這幾天在寫自己的博客。。。然後後臺接口什麼的沒來得及寫。。。然後就想了下用mock去虛擬一個接口。 json-server JSON Server 是一個創建僞RESTful服務器的工具，具體使用方法可以看官方文檔，這裏直接講在v
2020-06-21 18:13:44
4
原创 React * Ref回調函數處理
1. 爲DOM元素添加Ref React支持一個ref屬性，該屬性可以添加到任何的組件上。該ref屬性接收一個回調函數，這個回調函數在組件掛載或者卸載的時候被調用。當ref用於一個HTML元素的時候，ref指定的回調函數在調用的
2020-06-21 18:13:43
3
原创 webpack 2 開發和部署技巧
webpack 開發和部署技巧 開發技巧 啓用source-map 出錯以後就會採用source-map的形式直接顯示你出錯代碼的位置。 config添加 ... devtool: 'eval-source-map', ...
2020-06-21 17:32:21
原创 React 4 props & state
React 3 props 和 state props props只讀 父子信息傳遞 子組件只能通過props讀取父組件傳遞的信息，不能改變props. 案例代碼： var WebSite = React.createClas
2020-06-21 17:32:21
原创 webpack 教程資源收集
webpack 教程資源收集 官方文檔 中文指南 初級教程 webpack-howto 作者：Pete Hunt Webpack 入門指迷 作者：題葉 webpack-demos 作者：ruanyf 一小時包教會 ——
2020-02-21 18:12:39
1
原创 React 1 入門教程（改）
看阮一峯的react學習吧我不會0 0 謝謝！！！ 咳，開個小玩笑~~ 大家一起學習react了 ~~ 額 = =賣個萌 求輕拍 入門教程這一篇，我就記錄一下react學習路線了~~ webpack (3個系列教程已更新~~)
2020-02-21 18:12:39
原创 webpack 3 最終版
webpack.config.js包含： 入口文件 輸出目錄 js分離 chunk webpack.optimize.CommonsChunkPlugin css分離 extract-text-webpack-plugin ht
2020-02-21 18:12:38
原创 webpack 1 基礎配置教程
webpack webpack簡單點來說就就是一個配置文件，所有的魔力都是在這一個文件中發生的。 這個配置文件主要分爲三大塊 entry 入口文件 讓webpack用哪個文件作爲項目的入口 output 出口 讓webpack把
2020-02-21 18:12:26
原创 React 2 hello world
React 特點 聲明式設計 −React採用聲明範式，可以輕鬆描述應用。 高效 −React通過對DOM的模擬，最大限度地減少與DOM的交互。 靈活 −React可以與已知的庫或框架很好地配合。 JSX − JSX 是 Jav
2020-02-21 18:12:26
原创 git常用命令
查看、添加、提交、刪除、找回，重置修改文件 git help <command> # 顯示command的help git show # 顯示某次提交的內容 git show $id git co -- <file> # 拋棄工
2020-02-21 18:12:26
1
原创 CSS實現垂直居中的4種思路
行高line-height實現單行文本垂直居中 以前一直認爲單行文本垂直居中要將高度和行高設置成相同的值，但高度其實沒必要設置。實際上，文本本身就在一行中居中顯示。在不設置高度的情況下，行高撐開高度。 <style> .test{
2020-02-21 18:12:26
原创 svn基本操作
將文件checkout到本地目錄 svn checkout path（path是服務器上的目錄）—username 帳號 例如：svn checkout 服務器地址 —username 用戶名 簡寫：svn co
2020-02-21 18:12:26
原创 React 5 生命週期
React 5 生命週期 生命週期簡介 組件的生命週期分成三個狀態： Mounting：已插入真實 DOM Updating：正在被重新渲染 Unmounting：已移出真實 DOM React 爲每個狀態都提供了兩種處理函數
2020-02-21 18:12:25
原创 yarn與npm的命令行小結
一、首先需要了解的命令 npm install === yarn —— install 安裝是默認行爲。 npm install taco --save === yarn add taco —— taco 包立即被保存到 pac
2020-02-21 18:12:25
原创 編碼規範系列：css規範
語法 用兩個空格來代替製表符（tab） – 這是唯一能保證在所有環境下獲得一致展現的方法。 爲選擇器分組時，將單獨的選擇器單獨放在一行。 爲了代碼的易讀性，在每個聲明塊的左花括號前添加一個空格。 聲明塊的右花括號應當單獨成行。
2020-02-21 18:12:25