原创 React的生命週期(詳細)

React生命週期(16.3版本以前) 分爲3個階段: 1. 加載階段 1. constructor() // 加載的時候調用一次,可以初始化state 2. render() // 渲染頁面 3. componentDidMo

原创 公司項目開發流程(come on)

開發流程 先看圖 一、需求 1. 評審 召集需求涉及到的UI、開發、產品、測試人員整理業務流程,同步信息,明確分工 明確需求目的,考慮當前需求設計是否可滿足目的 整理流程中如果涉及的其他人員,則召集商討 如需求設計上影響現有業務

原创 Echarts的使用 (簡單整理,日常更新,多用)

餅圖 series: [ // 主要部分 { name: "訪問來源", type: "pie", center: ["50%", "

原创 前端開發者常用的網站,看看您不知道幾個

1. npm NPM是隨同NodeJS一起安裝的包管理工具,能解決NodeJS代碼部署上的很多問題,常見的使用場景有以下幾種: - 允許用戶從NPM服務器下載別人編寫的第三方包到本地使用 - 允許用戶從NPM服務器下載並安裝別人編

原创 Antd 按需加載、定製主題

1. 創建react項目 2. 引入antd // cnpm i antd -S 3. 引入插件、配置package.json、創建config-overrides.js cnpm i babel-plugin-import

原创 Chrome 瀏覽器 移動端調試

1. 安裝手機USB驅動 (下載360手機助手可以自動安裝) 2. 開啓手機的USB調試選項 3. 手機連接USB線 瀏覽器設置 => 工具 => 檢查設備(或者輸入chrome://inspect/#devices) 4. 點擊

原创 Git 命令

1.修改最近的提交 git commit --amend —-amend 允許你把階段性更改(例如添加被遺忘的文件)附加到上一次提交。添加 --no-edit 將會修改最後的提交但不更改它的提交消息。如果沒有更改,--amend

原创 Vue 筆記

v-bind:class <h1 :class="{listStyle: true}">h1</h1> // class的樣式應用四種 1.數組用法 顯示用標識符v-bind :clas

原创 Vue 簡潔的安裝步驟

創建 vue create 項目名稱 (不使用默認) cd 項目名稱 Cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 安裝router

原创 Git 使用方法

相關鏈接 Git - Book 用戶信息 當安裝完 Git 應該做的第一件事就是設置你的用戶名稱與郵件地址。 這樣做很重要,因爲每一個 Git 的提交都會使用這些信息,並且它會寫入到你的每一次提交中,不可更改: $ git con

原创 Vue 常見的問題 解決

解決 console.log 報錯問題 // 在package.json 裏面 寫入 "eslintConfig": { "root": true, "env": { "node": true

原创 JS

Math Math.pow(base, exponent) // base基數 exponent指數 //如果 x 是 2 ,且 y 是 7,則 raisePower 函數返回 128 (2 的 7 次冪)。 Math.c

原创 React數據下拉加載

相關鏈接:(npm) https://www.npmjs.com/package/react-infinite-scroller

原创 Animate.css的使用方法

Animate.css 官方地址 安裝 $ npm install animate.css --save 使用: 1. 基礎用法 <head> <link rel="stylesheet" href="animate.min.