摘要:
1、回顾 cnpm i redux react redux redux thunk S store/index.js src/index.js src/views/home/index.jsx + UI.jsx 2、redux 分模块 2.1 分页面创建页面需要的状态,以首页为例 views/hom 阅读全文
摘要:
1、回顾 2、点击列表进入产品的详情页面 设计向页面的布局结构,设计详情页面,入口导入布局文件 2.1 声明式跳转至详情页面 修改路由,添加参数 src/Detail.js 布局文件 列表组件点击跳转 Link /components/Prolist/index.jsx 设计请求详情的接口 util 阅读全文
摘要:
1、回顾 2、react项目的配置 react默认创建的项目配置文件在 node_modules/react scripts 文件夹内部 2.1 抽离配置文件 cnpm run eject cnpm run start 2.2 配置@符号 打开config/webpack.config.js,ctr 阅读全文
摘要:
1、回顾 2、自定义函数 事件的首字母大小 onclick == onClick onchange == onChange 普通的点击事件 调用事件不加(),加了立即执行 事件对象 自定义事件内有默认的参数 event 如果想要在事件内部使用this 构造函数内部添加新的方法 如果想要在事件内部使用 阅读全文
摘要:
1、回顾 module.exports = { entry: {}, output: {}, plugins: [], module: {}, resolve: {}, devServe: {} } 2、react 2.1 复制相关文件 index.html / .babelrc / package 阅读全文
摘要:
1、回顾 cnpm i @vue/cli g 4的脚手架 webpack 4 cnpm i @vue/cli@3 g 3的脚手架 webpack 4 vue create myapp cnpm i vue cli g 2的脚手架 webapck 3 vue init webpack myapp cn 阅读全文
摘要:
1、前端页面,订单管理全在一个页面进行展示,根据不同的状态显示不同的显示不同的内容 <template> <div class="box"> <Header> <!-- <div slot="left"></div> --> <div slot="center">订单管理</div> <!-- <d 阅读全文
摘要:
1、默认创建的用户肯定是无地址的所以要添加地址: 前端页面 <template> <div class="box"> <Header> <div slot="center">用户地址编辑</div> </Header> <div class="content"> <van-address-edit 阅读全文
摘要:
1、回顾 1.1 不允许用户缩放页面 userscable=no 1.2 分类的状态管理 1.3 mapActions辅助函数 1.4 命名空间 如果多个模块的actions的名字相同,谁最后引入,就用谁的,为了避免此种情况,定义store时添加属性 namespaced: true,调用时前面加 阅读全文
摘要:
1、回顾 2、token校验登录 day06/myapp cnpm i jsonwebtoken S 安装 token 模块 2.1 当登录成功时 生成token,给前端返回token 2.2 全局校验token,如果没有token信息,表示未登录需要重新登陆之后再操作 app.js 3、登陆功能 阅读全文