原创 # React 源碼閱讀1_027

React 源碼閱讀1 Fork最新版的 React 源碼地址 React 入口 import ReactVersion from 'shared/ReactVersion'; import { REACT_FRAGMENT_TYP

原创 Github travis-ci CI CD _026

Github travis-ci CI CD CICD 是 持續集成Continuous Integration和持續部署Continuous Deployment簡稱。指在開發過程中自動執行一系列腳本來減低開發引入 bug 的概率,在

原创 vuepress 搭建博客_025

搭建個人博客 github博客地址 https://xiaoping027.github.io 準備工作 初始化 yarn init 或者 npm init 按照提示一步一步即可 安裝VuePress yarn add -D vuepre

原创 Chart.js使用小結_024

Chart.js使用小結 官方文檔 英文文檔 https://www.chartjs.org/docs/...中文文檔 https://chartjs-doc.abingoal.com 在react中的使用 開始使用 npm instal

原创 codereview 思考和前端規範_023

codereview 思考 提升代碼質量 代碼覆盤 有利於規範的落地 對業務的理解加深 表達溝通能力的增強 相互學習 儀式感 前端代碼規範 Airbnb 代碼規範 https://github.com/airbnb/jav...esli

原创 VS code-前端配置_022

VS code-前端配置 Chinese (Simplified) Language Pack for Visual Studio Code 簡體中文插件,一般會自動識別你的環境,自動提示是否需要簡體中文的語言包。要是沒有提示,就在擴展搜

原创 git rebase使用_020

git rebase 使用 rebase:顧名思義 ==變基== 假設現在從master 分支上,切出一個本地開發分支mydev git checkout -b mydev 這時候master上的git記錄是這樣子的 A-->B-->C-

原创 DOM和CSS渲染過程摘抄-021

DOM和CSS渲染過程 DOM <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="w

原创 FlexBox學習 彈性佈局_019

FlexBox學習 彈性佈局 Flexible Box 模型,通常被稱爲 flexbox,是一種一維的佈局模型。它給 flexbox 的子元素之間提供了強大的空間分佈和對齊能力。 一維佈局:一個 flexbox 一次只能處理一個維度上的元素

原创 React-圖片輸入框-移動端網頁_018

React-圖片輸入框-移動端網頁 gitHub地址 覺得有參考價值,點個贊 https://github.com/xiaopingzh... 目錄結構 . ├── README.md ├── dist │ ├── bundle.js

原创 HTML-Location摘抄_017

HTML-Location摘抄 Location 接口表示其鏈接到的對象的位置URL。所做的修改反映在與之相關的對象上。 Document 和 Window 接口都有這樣一個鏈接的Location,分別通過 Document.locatio

原创 JavaScript-console的使用_016

JavaScript-console的使用 onsole 對象提供對瀏覽器控制檯的接入(如:Firefox 的 Web Console)。不同瀏覽器上它的工作方式是不一樣的,但這裏會介紹一些大都會提供的接口特性。 Console對象可以在任

原创 HTML-form標籤學習_015

HTML-form標籤學習 HTML 中 <form> 元素表示了文檔中的一個區域,這個區域包含有交互控制元件,用來向web服務器提交信息。 可以用 :valid 和:invalid CSS 僞類 來給一個元素指定樣式 註釋:form 元素

原创 webpack4+react+antd+axios+router4+redux 學習以及腳手架搭建_014

webpack4 學習腳手架搭建 安裝和初始化 首先附上官方的文檔 github地址 https://github.com/xiaopingzh... 會不定時更新,如果覺得有幫助到你,給個Star當做鼓勵可好。 . ├── README.

原创 JavaScript中Date對象學習記錄_013

JavaScript中Date對象學習記錄 Date 實例用來處理日期和時間。Date對象基於1970年1月1日(世界標準時間)起的毫秒數。 JavaScript 的Date對象提供了數個UTC時間的方法,也相應提供了當地時間的方法。UTC