11 2019 档案
摘要：目录 💡 介绍 1、本仓库是面向 web 前端开发者准备面试使用；知识在于积累，切勿刷题作面霸！ 2、建议阅读 "写给前端面试者" 🙏 仓库将持续更新，欢迎 Star，如有内容错误或改进意见，欢迎 "issue" 或 pr。 🐭 HTML "详情" "浏览器" 🐮 CSS "详情" 🐯 J
阅读全文
摘要：1、查看小程序的后台界面 2、找到小程序的开发者账号 3、创建小程序 在空目录 4、了解小程序的目录结构 pages 路由 index index.js 页面的js文件 index.json 页面的配置文件 index.wxml 页面的结构 index.wxss 页面的样式 utils 模块 app
阅读全文
摘要：后端接口 var express = require('express'); const sql = require('../sql') const Comment = require('../sql/collection/comments') const User = require('../sq
阅读全文
摘要：index.js import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; ReactDOM.render( <App />, document.querySelector('#app'
阅读全文
摘要：后端接口 var express = require('express'); var router = express.Router(); var User = require('./../sql/collection/users'); var sql = require('./../sql');
阅读全文
摘要：1、回顾 高阶组件、diff算法、虚拟DOM、非受控组件 2、react状态管理器之 mobx vue全家桶：vue cli + vue + vue router + axios/fetch + vuex + vant / mint ui / element ui / iview + scss/le
阅读全文
摘要：在react中当你的状态发生改变时，并不是所有组件的内容销毁再重建，能复用的就复用 react 组件其实 就是按照层级划分的 找到两棵任意的树之间最小的修改是一个复杂度为 O(n^3) 的问题. 你可以想象, 我们的例子里这不是容易处理的. React 用了一种简单但是强大的技巧, 达到了接近 O(
阅读全文
摘要：index.js import React, { Component } from 'react' import MyCom from './MyCom'; export default class extends Component { constructor (props) { super(pr
阅读全文
摘要：非受控组件 受控组件和非受控组件的区别 value import React, { Component } from 'react' export default class extends Component { constructor (props) { super(props); this.s
阅读全文
摘要：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、登陆功能
阅读全文
摘要：1、回顾 2、调整首页的布局 3、加入购物车的功能 接口： /cart/add?userid=1&proid=2&num=1&token=111 3.1 修改登陆接口，登陆成功返回加字段 userid 和 username,前端保存到本地 day06/myapp/routes/users.js 登陆
阅读全文
