原创 error: unable to create temporary file: Device or resource busy
報錯原因可能是：Windows文件系統緩存可能已損壞 解決：可以通過執行下面命令使目錄進入工作狀態。然後，我重新打開fscache git config --global core.fscache false 然後 git push 然
2019-11-07 20:25:41
7
原创 react中key的使用
1、key是什麼 Keys help React identify which items have changed, are added, or are removed. Keys should be given to the eleme
2019-11-05 09:35:30
原创 手工創建react項目
react的開發者都知道使用create-react-app創建項目，這是非常簡單的，但不是本文的目的，本文將帶你如何一步一步搭建react項目。 1、初始化項目，編寫組件 執行下面命令初始化項目 npm init -y 安裝react、r
2019-10-31 22:35:39
2
原创 react-爲什麼在jsx屬性中不建議使用箭頭函數和綁定
我們先來看看下面這個組件： import React from 'react' class App extends React.Component { constructor(props) { super(props)
2019-10-31 10:25:30
原创 react-函數組件和類組件的區別
在本文中我將向你展示函數組件和類組件有什麼不同，並且在編碼過程中應該如何選擇？ 定義一個組件最簡單的方式就是使用JavaScript函數： import React from 'react' const Welcome = (props)
2019-10-30 17:15:29
原创 git忽略文件.gitignore的使用
當我們在使用git上傳項目時有一些目錄和文件是不需要上傳的，比如node_modules、package-lock.json等等，而且這些文件上傳到倉庫後，其他人拉取後會和本地文件產生衝突。當然我們可以使用git add xx xx選擇性上
2019-10-29 10:45:31
原创 git commit提交代碼前檢測
git作爲目前最流行的版本管理工具，代碼的良好規範有助於項目的維護，我們可以在執行一些git鉤子之前檢測代碼的規範性。目前，前端主流的兩大鉤子插件分別是pre-commit和husky。首先，我將介紹git鉤子，然後介紹兩種鉤子插件的使用
2019-10-29 10:15:25
原创 react-受控組件與非受控組件
網上多數文章僅僅講述了受控組件和非受控組件的概念，並沒有講述爲什麼會存在這兩種類型組件以及它們的應用場景。本文將對這些遺留問題進行介紹。 1、什麼是受控組件和非受控組件？ 受控組件在 HTML 中，表單元素（如<input>、<textar
2019-10-26 10:35:26
1
原创 react-列表和key
1、react列表中爲什麼需要指定key？ key 幫助 React 識別哪些元素改變了，比如被添加或刪除。因此你應當給數組中的每一個元素賦予一個確定的標識。 一個元素的 key 最好是這個元素在列表中擁有的一個獨一無二的字符串。通常，我們
2019-10-25 17:55:44
原创 react-組件傳值
我們來實現一個登入註銷： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev
2019-10-25 16:45:54
原创 react-事件處理中的this
當你使用 ES6 class 語法定義一個組件的時候，通常的做法是將事件處理函數聲明爲 class 中的方法。例如，下面的 Toggle 組件會渲染一個讓用戶切換開關狀態的按鈕： <!DOCTYPE html> <html lang="en
2019-10-25 15:15:40
原创 react-函數組件和class組件
定義組件最簡單的方式就是編寫 JavaScript 函數： function Welcome(props) { return <h1>Hello, {props.name}</h1>; } 該函數是一個有效的 React 組件，因爲它接
2019-10-25 14:15:29
原创 react元素的不可變性
React 元素是不可變對象。一旦被創建，你就無法更改它的子元素或者屬性。一個元素就像電影的單幀：它代表了某個特定時刻的 UI。 根據我們已有的知識，更新 UI 唯一的方式是創建一個全新的元素，並將其傳入ReactDOM.render()。
2019-10-25 11:35:28
原创 webpack-處理css/scss文件
css在html中常用的引入方式有兩種，即通過<link>和<style>兩種標籤在html頭部引入樣式，現在結合webpack來實現上述功能。 1、style標籤引入樣式 第一步：安裝css-loader和style-loader，web
2019-10-23 16:25:20
原创 node如何實現大文件上傳
在實際開發過程中我們可能會遇到大文件上傳的場景，在node中是如何實現的呢？如果還是採用將文件一次性讀寫到服務端，將非常耗時、耗內存，而且網絡發生中斷後又要重新上傳，性能很低。那如何實現一個高性能的上傳功能呢？本文將爲您一一揭曉。 1、大文
2019-10-16 11:15:24