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








随时随地看视频