1.3数据接口设计

2 预备知识储备

2.1页面加载过程

2.5 本地存储

浏览器执行此脚本即可查看 cookie

自定义

自定义生效

修改 cookie

生效

删除 cookie

有效期设置为以前的时间即可或者设成0

已经不存在 sss1234 的 cookie

登录后,发现新增 jssessionID 字段的 cookie,属于 http-only, 用户端不可修改

发现并无此 cookie

查看具体的 response 信息

替代 cookie

浏览器存储位置

3 前端框架的分析

3.1 前端框架要解决的问题

3.2 三大框架对比

4.2 git的安装和项目的建立

拉取代码到本地

4.3 node.js 及 yarn 安装

使用 npm安装 yarn

yarn初始化项目

4.4 Webpack 配置

• 安装 Webpack

  
  

  

  yarn add webpack@3.10.0 --dev

  
  

  直接查看中文官方文档

  
  

  

  
  

  

  安装插件 yarn add html-webpack-plugin@2.30.1 --dev

  
  为防止版本冲突,用此 webpack 打包
  

  

  
  

  

  yarn add babel-core@6.26.0 babel-preset-env@1.6.1 babel-loader@7.1.2  --dev

  
  

  

  插件安装成功

  
  

  

  yarn add babel-preset-react@6.24.1 --dev

• react 相关操作

  
  

  

  官网安装指南

yarn add react@16.2.0 react-dom@16.2.0

yarn add style-loader@0.19.1 css-loader@0.28.8 --dev

yarn add extract-text-webpack-plugin@3.0.2 --dev

yarn add sass-loader@6.0.6 --dev

yarn add node-sass@4.7.2 --dev

yarn add file-loader@1.1.6 url-loader@0.6.2 --dev

yarn add font-awesome

yarn add webpack-dev-server@2.9.7 --dev

5 React 框架基础

yarn add react-router-dom@4.2.2

6 通用部分的开发

6.1 通用部分的开发

6-2 通用布局的开发(1)

作者：一生只为虞美人
链接：https://www.jianshu.com/p/22ff745ee99d