頁頭開發

頭條新聞的數據接口簡介

採用Postman來管理接口
Postman
測試環境介紹

使用Chrome 的開發調試工具
PC端頁頭組件開發

下載頭部圖標ICONFINDER
採用柵格與FLEX佈局
頭部組件採用Menu控件，子元素爲Menu.Item
移動端頁頭組件開發

移動端響應式佈局，採用react-response，npm一下。
import React from 'react';
import ReactDOM from 'react-dom';
import {Router, Route, hashHistory} from 'react-router';
import {Button} from 'antd';
import 'antd/dist/antd.css';
import PCIndex from './components/pc_index';
import MBIndex from './components/mb_index';
import MediaQuery from 'react-responsive';
export default class Root extends React.Component {
render() {
return (
div>
MediaQuery query='(min-device-width:1224px)'>
<PCIndex/

MBIndex />